{
  "id": "corporate-memphis",
  "type": "styles",
  "status": "published",
  "name": {
    "zh": "企业孟菲斯",
    "en": "Corporate Memphis"
  },
  "aliases": [
    "企业孟菲斯",
    "大厂插画风",
    "蓝色小人插画",
    "长手长脚扁平小人",
    "科技公司插画风",
    "Alegria",
    "Big Tech illustration",
    "flat blob people"
  ],
  "category": [
    "Style",
    "Visual Language"
  ],
  "description": {
    "zh": "用扁平抽象人形与受限纯色表示「友好大厂」的插画视觉语言：小头长肢、无面部细节、 紫黄桃等有限色板，圆润色块构图。生产成本低、人人可画，也因此高度同质。",
    "en": "Flat abstract human figures and a limited solid palette as the friendly big-tech illustration look: small heads, exaggerated limbs, no facial detail, purple-yellow-peach blocks in rounded compositions. Cheap to mass-produce — and therefore highly homogenous."
  },
  "use_when": [
    {
      "zh": "SaaS、工具类产品的空状态、引导页、营销插画，需要无攻击性的友好感",
      "en": "SaaS empty states, onboarding and marketing spots that need non-threatening friendliness"
    },
    {
      "zh": "多人多地协作维护插画系统，要求画风可复制",
      "en": "Illustration systems produced by many hands that must stay consistent"
    },
    {
      "zh": "要传达包容、协作、普惠的抽象价值观",
      "en": "Abstract values of inclusion, collaboration and access"
    }
  ],
  "avoid_when": [
    {
      "zh": "品牌需要独特记忆点，同质化插画会让产品淹没在大厂语汇里",
      "en": "Brands that need distinction — this look drowns you in big-tech sameness"
    },
    {
      "zh": "高端、奢侈、手作、严肃议题，扁平小人撑不起重量",
      "en": "Premium, craft or serious subjects that flat figures cannot carry"
    },
    {
      "zh": "用插画传达具体产品功能，抽象人形说不清细节",
      "en": "Explaining concrete product mechanics — abstract figures cannot"
    }
  ],
  "tags": [
    "illustration",
    "flat",
    "corporate",
    "big-tech",
    "figures"
  ],
  "variants": [
    {
      "id": "people",
      "name": {
        "zh": "经典人形",
        "en": "Memphis people"
      },
      "note": {
        "zh": "小头长肢扁平小人，动作夸张，常配紫黄桃",
        "en": "Small-headed long-limbed figures in exaggerated poses"
      }
    },
    {
      "id": "abstract",
      "name": {
        "zh": "抽象色块",
        "en": "Abstract shapes"
      },
      "note": {
        "zh": "无人物，只用圆角矩形、圆点与弧线色块",
        "en": "No figures — rounded rectangles, dots and arcs only"
      }
    },
    {
      "id": "gradient-flat",
      "name": {
        "zh": "渐变扁平",
        "en": "Gradient flat"
      },
      "note": {
        "zh": "扁平形体加双色渐变，比纯色多一层柔光",
        "en": "Flat shapes washed with two-stop gradients"
      }
    }
  ],
  "applicable_components": [
    "card",
    "avatar",
    "button",
    "badge"
  ],
  "applicable_pages": [
    "landing-page",
    "signup"
  ],
  "related": [
    {
      "id": "flat-design",
      "relation": "similar_to"
    },
    {
      "id": "memphis",
      "relation": "alternative_to"
    },
    {
      "id": "organic",
      "relation": "alternative_to"
    },
    {
      "id": "empty-state",
      "relation": "used_with"
    },
    {
      "id": "onboarding-tour",
      "relation": "used_with"
    },
    {
      "id": "card",
      "relation": "affects"
    }
  ],
  "confusable": [
    {
      "id": "memphis",
      "note": {
        "zh": "企业孟菲斯是 2017 后的扁平人形插画；孟菲斯是 1980s 米兰的波点波浪撞色家具语汇。",
        "en": "Corporate Memphis is post-2017 flat figure illustration; Memphis is the 1980s Milano dots-and-squiggles movement."
      }
    }
  ],
  "demo": {
    "component": "corporate-memphis",
    "modes": [
      "default",
      "dark",
      "variants"
    ]
  },
  "sources": [
    {
      "name": "Wikipedia — Corporate Memphis",
      "url": "https://en.wikipedia.org/wiki/Corporate_Memphis"
    },
    {
      "name": "Wikipedia — Flat design",
      "url": "https://en.wikipedia.org/wiki/Flat_design"
    }
  ],
  "implementation": {
    "css": [
      "border-radius: 999px",
      "background: #7B61FF",
      "clip-path: ellipse()",
      "fill (SVG)",
      "no box-shadow"
    ],
    "notes": {
      "zh": "插画用 SVG 或纯色块拼装：头是正圆，躯干圆角矩形，四肢是加粗圆头线条（stroke-linecap: round）。 色板锁 3～5 色，肤色用蓝 紫 绿等非写实色表示包容。禁止描边渐变阴影，全部纯色平涂。 UI 部件同源：大圆角胶囊按钮、无边框卡片、留白充足。深色模式换深底但保留同一组高饱和色。",
      "en": "Build illustrations from SVG or solid blocks: circle heads, rounded-rectangle torsos, limbs as thick round-cap strokes. Lock the palette to 3–5 colors; skin is blue, purple or green for abstract inclusivity. No outlines, gradients or shadows — flat fills only. UI follows the same source: pill buttons, borderless cards, airy padding. Dark mode swaps the ground but keeps the same saturated set."
    }
  },
  "prompts": {
    "basic": {
      "zh": "用企业孟菲斯风格（Corporate Memphis）设计界面：扁平抽象小人、长手长肢、紫黄桃有限色板、圆润色块。",
      "en": "Design an interface in Corporate Memphis style: flat abstract figures with exaggerated limbs, a limited purple-yellow-peach palette and rounded solid shapes."
    },
    "design": {
      "zh": "企业孟菲斯设计规范：主紫 #7B61FF、辅黄 #FAD141、桃粉 #F48196、点缀青 #14C88C，肤色用 #86CCCA 类非写实色； 插画纯平涂无描边无阴影；标题几何无衬线（Poppins / Nunito 类），中粗即可不要压迫感； 按钮全胶囊，卡片无边框靠底色分区；大留白、插画占 hero 40%～60%； 深色模式深紫黑底，色块饱和度保持。",
      "en": "\"Corporate Memphis spec: primary purple #7B61FF, yellow #FAD141, peach #F48196, teal accent #14C88C, non-realistic skin like #86CCCA; illustrations strictly flat with no strokes or shadows; geometric sans (Poppins/Nunito family) at medium weight; full-pill buttons and borderless cards separated by fill; airy whitespace with illustration taking 40–60% of the hero; dark mode on deep purple-black with saturation kept.\""
    },
    "implementation": {
      "zh": "用 SVG 实现企业孟菲斯小人：<circle> 头 + <rect rx> 躯干 + stroke-linecap: round 的粗线四肢， fill 用色板变量，无 stroke。渐变变体只叠 linear-gradient 双色，不做立体光影。 UI 侧 border-radius: 999px 胶囊与 24px 卡片圆角统一；阴影完全不用。",
      "en": "\"Implement Corporate Memphis figures in SVG: circle head, rx rect torso, thick round-cap stroke limbs, fills from palette variables, no stroke. The gradient variant only overlays a two-stop linear-gradient — never 3D shading. On the UI side, unify 999px pills and 24px card radii; shadows are forbidden.\""
    },
    "agent": {
      "zh": "在当前项目中实现 Corporate Memphis 企业孟菲斯视觉风格。\n\n先检查现有插画资产与 Design Token，色板收敛到 3～5 色独立变量。\n要求：\n- 扁平抽象人形（小头长肢、无面部细节、非写实肤色）或抽象圆角色块\n- 纯平涂，无描边、无渐变阴影（渐变变体除外，且仅双色）\n- 胶囊按钮、无边框卡片、大留白\n- 插画装饰 aria-hidden，不承担关键信息\n- 文字对比度达标，深色模式保留高饱和色\n- 不新增任何依赖\n完成后运行项目现有检查，并列出修改的文件。",
      "en": "Implement Corporate Memphis visual style in the current project.\n\nInspect existing illustration assets and design tokens first; collapse the palette into 3–5 scoped variables.\nRequirements:\n- Flat abstract figures (small heads, long limbs, no facial detail, non-realistic skin) or abstract rounded blocks\n- Strictly flat fills — no strokes, gradients or shadows (gradient variant only, two stops max)\n- Pill buttons, borderless cards, generous whitespace\n- Illustration marked aria-hidden and never carrying key information\n- Text contrast compliant; dark mode keeps saturation\n- No new dependencies\nRun existing project checks when done and list the modified files."
    }
  },
  "style_spec": {
    "typography": {
      "zh": "几何无衬线中粗字，宽松行距",
      "en": "Geometric sans at medium weight, airy leading"
    },
    "color": {
      "zh": "紫 #7B61FF × 黄 #FAD141 × 桃 #F48196，肤色非写实",
      "en": "Purple #7B61FF, yellow #FAD141, peach #F48196, non-realistic skin"
    },
    "border": {
      "zh": "无描边，色块直接相接",
      "en": "No outlines — fills meet directly"
    },
    "shadow": {
      "zh": "无阴影，纯平涂",
      "en": "No shadows, flat fills only"
    },
    "spacing": {
      "zh": "大留白，插画与文案左右分栏",
      "en": "Airy padding, illustration and copy in split columns"
    },
    "motion": {
      "zh": "150–200ms 的平涂色切换，无位移",
      "en": "150–200ms flat fill colour swaps, no movement"
    },
    "states": {
      "zh": "hover 换用相邻色块；focus 用紫色 2px 可见外框；active 换深色平涂；disabled 降不透明；error 用桃粉平涂",
      "en": "Hover switches to an adjacent fill; focus shows a visible 2px violet frame; active uses a darker flat fill; disabled reduces opacity; error uses a peach fill"
    }
  },
  "preview": {
    "order": 21,
    "keywords": {
      "zh": "扁平小人 · 友好 · 大厂感",
      "en": "FLAT & FRIENDLY"
    },
    "url": "alegria.works",
    "scene": "tasko",
    "brand": "alegria",
    "nav": [
      {
        "zh": "产品",
        "en": "Product"
      },
      {
        "zh": "客户",
        "en": "Customers"
      },
      {
        "zh": "价格",
        "en": "Pricing"
      },
      {
        "zh": "招聘",
        "en": "Careers"
      }
    ],
    "heroTitle": {
      "zh": "一起把事情",
      "en": "Let's make things"
    },
    "heroTitle2": {
      "zh": "做简单",
      "en": "simpler together"
    },
    "heroSub": {
      "zh": "友好、包容、人人可用的协作空间。",
      "en": "A friendly, inclusive workspace for everyone."
    },
    "cta": {
      "zh": "免费试用 →",
      "en": "Try it free →"
    },
    "heroCaption": {
      "zh": "LONG LIMBS. SHORT STANDUPS.",
      "en": "LONG LIMBS. SHORT STANDUPS."
    },
    "features": [
      {
        "t": {
          "zh": "扁平人形",
          "en": "Flat figures"
        },
        "s": {
          "zh": "长手长脚",
          "en": "Long arms and legs"
        }
      },
      {
        "t": {
          "zh": "有限色板",
          "en": "Limited palette"
        },
        "s": {
          "zh": "紫黄桃三色",
          "en": "Purple, yellow and peach"
        }
      },
      {
        "t": {
          "zh": "圆润构图",
          "en": "Rounded composition"
        },
        "s": {
          "zh": "胶囊与色块",
          "en": "Pills and color blocks"
        }
      }
    ],
    "panel": "shapes",
    "tokens": {
      "bg": "#FFF8F0",
      "fg": "#2B2140",
      "sub": "#7A6B8C",
      "accent": "#7B61FF",
      "accentFg": "#FFFFFF",
      "card": "#FFFFFF",
      "cardBorder": "#E8DFF5",
      "radius": "24px",
      "font": "Poppins, Nunito, Helvetica Neue, PingFang SC, sans-serif",
      "heroSize": "24px",
      "triCards": [
        "#7B61FF",
        "#FAD141",
        "#F48196"
      ]
    }
  }
}