Corporate Memphis 企业孟菲斯(Corporate Memphis)
Corporate Memphis is the flat vector illustration style of late-2010s tech marketing: faceless people with tiny heads and disproportionately long, rubbery limbs, skin in blues, purples, and greens instead of real tones, bent into over-acted poses against blobs, dots, and arcs. Named after Alegria, the illustration system Facebook introduced around 2017, it became the default look of SaaS landing pages and empty states within years — then a byword for corporate sameness ('blanding').
企业孟菲斯是 2010 年代末科技营销的扁平矢量插画风格:没有五官的人物顶着小脑袋,四肢不成比例地又长又软,皮肤画成蓝、紫、绿而不是真实肤色,在色团、圆点和弧线之间摆出夸张的姿势。名字来自 Facebook 约 2017 年推出的插画系统 Alegria;几年内它就成了 SaaS 落地页和空状态的默认外观 —— 随后又成了「千站一面」的企业「平庸化」(blanding)代名词。
Scope: Covers the figurative illustration language — the people, their proportions, and the palette — not the page chrome underneath, which is usually plain flat design. The 1980s Memphis Group's squiggle-and-confetti patterns get their own entry (Memphis); this style only borrows the name and some background geometry.
范围:本条涵盖这套人物插画语言 —— 人物、比例和配色 —— 而不是底下的页面骨架,那通常是普通的扁平设计。上世纪 80 年代 Memphis Group 的曲线加彩纸屑纹样另有一条目(孟菲斯);本风格只借了它的名字和一点背景几何。
标本可交互 —— 点点看。Specimen is live — try it.
If you called it…如果你管它叫……
Full style DNA完整风格 DNA
-
Tiny heads, noodle limbs小脑袋,面条四肢 imagery defining定义特征
Characters are drawn with heads half the natural size, arms and legs 1.5–2x too long and bending like rubber hoses, with oversized hands and feet — bodies assembled from simple capsules and blobs.
人物的脑袋只有正常一半大,胳膊和腿长是自然的 1.5–2 倍、像橡胶软管一样弯折,手掌和脚掌超大 —— 身体全由胶囊和色团拼成。
-
Non-naturalistic skin tones非真实肤色 color defining定义特征
Skin is filled with blue (#6C8CFF), purple (#A78BFA), green, or pink — never real skin colors; the abstraction was sold as universal and is the style's fastest tell.
皮肤填充蓝色(#6C8CFF)、紫色(#A78BFA)、绿色或粉色 —— 绝不是真实肤色;这种抽象当初被包装成「人人适用」,也是这个风格最快的识别点。
-
Big flat fills, zero shading大平涂,零阴影 surface defining定义特征
Every shape is one solid color: no gradients, no texture, no cast shadows; outlines are absent or a single thin line in a darker shade of the fill.
每个形状只有一种纯色:不要渐变、不要纹理、不要投影;描边要么没有,要么只用比填充深一号的 2px 细线。
-
Soft bright tech palette柔和明亮的科技配色 color supporting辅助特征
Lavender, periwinkle, soft pink, butter yellow, and mint laid on off-white (#FBFAFF) — friendly and low-aggression, bright without neobrutalism's harsh saturation.
薰衣草紫、长春花蓝、柔粉、奶油黄、薄荷绿,铺在米白(#FBFAFF)上 —— 友好、低攻击性,亮但没有新粗野主义那种刺眼的饱和。
-
Over-acted poses用力过猛的姿势 imagery supporting辅助特征
Figures leap, stretch, high-five, or hug oversized objects (a giant phone, a huge credit card) in impossible, cheerfully contorted stances.
人物跳跃、伸展、击掌,或抱着超大号的物件(巨型手机、大信用卡),摆出不可能的欢快扭曲姿态。
-
Blob-and-dot backdrops色团圆点背景 geometry supporting辅助特征
Organic blobs, half-circles, arcs, and floating dots frame the scene — the only genuine echo of 1980s Memphis, and the reason the nickname stuck.
有机色团、半圆、弧线和漂浮的圆点框住画面 —— 这是和 80 年代孟菲斯唯一真正的血缘,也是这个绰号能叫响的原因。
-
Realistic human proportions真实人体比例 imagery avoid避免
Anatomically correct figures, photos of real people, or 3D-rendered humans disqualify the look instantly — the style is defined by deliberately wrong bodies.
解剖正确的人物、真人照片或 3D 渲染人像会立刻让画风不成立 —— 这个风格的定义就是故意画错的身体。
Often confused with: Memphis最容易混淆:孟菲斯风格(Memphis)
Corporate Memphis企业孟菲斯(Corporate Memphis)
Memphis孟菲斯风格(Memphis)
This is Corporate Memphis because the image is built around flat vector people — tiny heads, noodle limbs, non-naturalistic skin — acting out a scene; the squiggles and dots behind them are just set dressing.
这是企业孟菲斯,因为画面的主体是扁平矢量人物 —— 小脑袋、面条四肢、非真实肤色 —— 在演一出戏;身后的曲线和圆点只是舞台布景。
It would become Memphis if the people walked off the page and only the geometric confetti remained — squiggles, triangles, and clashing patterns as pure surface decoration, with no characters at all.
如果人物全部走下画面,只留下几何彩纸屑 —— 曲线、三角和撞色纹样纯粹作为表面装饰、一个角色都不剩 —— 就变成孟菲斯了。
In code — optional starting points代码写法 —— 可选起点
The palette, as custom properties
:root {
--cm-ink: #2E2A5B; /* text, hair, pants */
--cm-blue: #6C8CFF; /* skin */
--cm-purple: #A78BFA;
--cm-pink: #F9A8D4;
--cm-yellow: #FDE68A;
--cm-mint: #6EE7B7;
--cm-bg: #FBFAFF; /* page ground */
}
A noodle limb in pure CSS — long capsule, flat fill, no outline or shadow
.arm {
width: 14px; height: 96px; /* ~2x natural length */
background: var(--cm-blue); /* flat non-natural skin */
border-radius: 999px; /* the capsule IS the limb */
transform: rotate(38deg);
transform-origin: top center;
box-shadow: none; border: none; /* no shading, no outline */
}
Same construction as utilities (pill button + blob)
rounded-full bg-[#6C63FF] px-6 py-3 font-bold text-white shadow-none transition hover:-translate-y-0.5
rounded-[46%_54%_52%_48%/58%_60%_40%_42%] bg-[#FDE68A] shadow-none
Style brief — paste into your agent风格 Brief —— 粘贴给你的代理
Create the surface in Corporate Memphis style. Canvas: SaaS hero or empty state on off-white #FBFAFF, generous whitespace, friendly geometric sans (Inter/Gilroy/Circular; headings 700, ink #2E2A5B). Build flat vector figures: tiny heads (~0.6x natural), rubber-hose limbs 1.5–2x natural drawn as capsules (border-radius: 999px), oversized hands and feet; skin in blue #6C8CFF, purple #A78BFA, or mint #6EE7B7 — never real tones; clothes and props flat pink #F9A8D4, butter #FDE68A. Zero gradients, texture, or drop shadows; outlines absent or one 2px line in a darker fill shade. Pose figures mid-action — leaping, stretching, hugging oversized objects. Backdrop: organic blobs (border-radius: 46% 54% 52% 48% / 58% 60% 40% 42%), half-circles, floating dots — all flat pastels. UI chrome: pill buttons (border-radius: 999px, flat fill, hover: translateY(-2px)); no shadows anywhere. Text contrast 4.5:1 — ink on pastel fills, never white on yellow. Avoid realistic proportions, real-people photography, gradients, and all-over Memphis confetti: figures are the point, geometry only the backdrop.
按企业孟菲斯(Corporate Memphis)风格创建界面。画布:米白 #FBFAFF 上的 SaaS 首屏或空状态,大量留白,友好的几何无衬线字体(Inter/Gilroy/Circular;标题 700 字重,墨色 #2E2A5B)。用简单部件拼扁平矢量人物:小脑袋(约为正常的 0.6 倍)、橡胶软管式四肢长到自然的 1.5–2 倍、画成胶囊形(border-radius: 999px)、手掌脚掌超大;皮肤填蓝色 #6C8CFF、紫色 #A78BFA 或薄荷绿 #6EE7B7 —— 绝不用真实肤色;衣服和道具用平涂的粉色 #F9A8D4、奶油黄 #FDE68A。零渐变、零纹理、零投影;描边要么没有,要么只用比填充深一号的 2px 细线。让人物处在动作中 —— 跳跃、伸展、抱着超大号物件。背景:有机色团(border-radius: 46% 54% 52% 48% / 58% 60% 40% 42%)、半圆、漂浮圆点、一条波浪弧 —— 全部平涂蜡笔色。UI 骨架:胶囊按钮(border-radius: 999px、纯色填充、hover 时 translateY(-2px));任何地方都不要阴影。文字对比度 4.5:1 —— 蜡笔色上用墨色字,黄底绝不用白字。避免真实人体比例、真人照片、渐变和满屏的孟菲斯彩纸屑 —— 人物才是主角,几何只是背景。
Accessibility & misuse可访问性与误用
The pastel palette invites pastel-on-pastel text: white on butter yellow #FDE68A or lavender on off-white fails badly. Put ink #2E2A5B text on the light fills and measure every combination at 4.5:1 — soft does not have to mean low-contrast.
蜡笔调色板很容易诱发出蜡笔叠蜡笔的文字:奶油黄 #FDE68A 上的白字、米白上的淡紫字都惨不及格。浅色块上统一用墨色 #2E2A5B 的字,每组组合都实测 4.5:1 —— 「柔和」不必等于「低对比」。
Bobbing, bouncing figures and parallax blobs are common on this style's landing pages; gate all of it behind prefers-reduced-motion, and keep the figures decorative — marked aria-hidden so screen readers skip the meaningless SVG.
上下蹦跳的人物和视差色团在这类落地页上很常见;全部用 prefers-reduced-motion 兜底。人物本身当作纯装饰,标上 aria-hidden,让屏幕阅读器跳过这些没有语义的 SVG。
The blue-skinned abstraction was meant to sidestep representation, but in practice it can read as erasing real diversity while infantilizing users with clownish bodies — pair the illustration with genuine representation elsewhere (photography, avatars, copy) rather than letting noodle people carry the whole brand.
蓝皮肤的抽象本意是绕开「画什么人」的问题,但实践中既可能读作抹掉了真实的多元,又像在用小丑般的身体把用户当小孩 —— 要在别处(摄影、头像、文案)补上真实的代表性,而不是让面条小人独自扛起整个品牌。
Origin起源
Named after Alegria, the illustration system Facebook commissioned from the design studio Buck around 2017, whose flat, bendy-limbed characters became the template for big-tech marketing art. The dismissive label 'Corporate Memphis' stuck because the shapes floating behind the figures echo the 1980s Memphis Group's geometry — the two movements are otherwise unrelated. By 2019–2021 it was the default illustration style for SaaS landing pages and empty states across the industry, and the backlash to its sameness ('blanding') turned it into a cliché almost as fast.
名字来自 Alegria —— Facebook 约 2017 年委托设计工作室 Buck 打造的插画系统,其扁平、四肢软弯的人物成了大科技公司营销美术的模板。「企业孟菲斯」这个带贬义的标签之所以叫得响,是因为人物身后漂浮的形状让人想起 80 年代 Memphis Group 的几何 —— 两场运动除此之外毫无关系。到 2019–2021 年,它已是全行业 SaaS 落地页和空状态的默认插画风,而对这种千篇一律的反弹(「平庸化」 blanding)几乎同样迅速地把它变成了陈词滥调。