Skip to content
界面图谱Interface Atlas
☰
中文
StylesStyle / Visual Language

Corporate Memphis

企业孟菲斯

Aliases:企业孟菲斯大厂插画风蓝色小人插画长手长脚扁平小人科技公司插画风AlegriaBig Tech illustrationflat blob people

What is it

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.

Design spec

Typography

Geometric sans at medium weight, airy leading

Color

Purple #7B61FF, yellow #FAD141, peach #F48196, non-realistic skin

Border

No outlines — fills meet directly

Shadow

No shadows, flat fills only

Spacing

Airy padding, illustration and copy in split columns

Motion

150–200ms flat fill colour swaps, no movement

States

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

Style in action

See the full page, then try the interactive scene

Full-page preview

⌄ alegria.works⋮
alegriaLog inSign up free

Let's make things
simpler together

A friendly, inclusive workspace for everyone.

Try it free →
+12K users worldwide

◀ Jan 2024 ▶

12345678910111213141516171819202122232425262728

Tasks 5

Due today ✓

⏱ Focus time

3h 24m

+40%

Notes 12

Small steps
are great too

Keep going →

Interactive scene

Loading demo…

✓ When to use

  • SaaS empty states, onboarding and marketing spots that need non-threatening friendliness
  • Illustration systems produced by many hands that must stay consistent
  • Abstract values of inclusion, collaboration and access

✕ When not to use

  • Brands that need distinction — this look drowns you in big-tech sameness
  • Premium, craft or serious subjects that flat figures cannot carry
  • Explaining concrete product mechanics — abstract figures cannot

Variants

Memphis people

经典人形

Small-headed long-limbed figures in exaggerated poses

Abstract shapes

抽象色块

No figures — rounded rectangles, dots and arcs only

Gradient flat

渐变扁平

Flat shapes washed with two-stop gradients

Implementation

border-radius: 999pxbackground: #7B61FFclip-path: ellipse()fill (SVG)no box-shadow

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.

Agent prompts

Four prompt layers run from “what it is” all the way to a ready-to-run task. On the Agent task layer you can stack a visual style and extra requirements, then copy it to your coding agent in one click.

Implement Corporate Memphis visual style in the current project.

Inspect existing illustration assets and design tokens first; collapse the palette into 3–5 scoped variables.
Requirements:
- Flat abstract figures (small heads, long limbs, no facial detail, non-realistic skin) or abstract rounded blocks
- Strictly flat fills — no strokes, gradients or shadows (gradient variant only, two stops max)
- Pill buttons, borderless cards, generous whitespace
- Illustration marked aria-hidden and never carrying key information
- Text contrast compliant; dark mode keeps saturation
- No new dependencies
Run existing project checks when done and list the modified files.

Additional requirements:
- Dark mode support
- Respect prefers-reduced-motion
- No new dependencies
- Run existing checks and list modified files

Hand to your coding agent — stack a style and extra requirements on top

Related concepts

Flat Design扁平化设计

A visual language that strips out all simulation: solid color blocks, simple geometry, no gradients, shadows or textures. Hierarchy comes from color, shape and typography alone. The opposite of skeuomorphism — the interface admits it is a glowing plane and trades decoration for clarity.

StylesSimilar
Memphis Design孟菲斯风格

The postmodern anti-functionalist language: squiggles, dots, zigzags and confetti spots in saturated clashing colors with bold black outlines, deliberately breaking grids and order. It embraces the cheap and the festive — happily ugly against modernist good taste.

StylesAlternative
Organic有机自然

A visual language of natural shapes, warm materials and muted earth tones. Soft contours and generous spacing create an unhurried rhythm while text and controls keep clear boundaries. It suits lifestyle and sustainability themes, provided organic decoration supports content without weakening readability or interaction.

StylesAlternative
Empty State空状态

When a list or page has no data, don't leave a void — fill it with an illustration, one sentence of explanation and a clear next action. It solves the "blank screen" problem where users can't tell what happened or what to do next, turning dead space into a starting point: onboarding for first use, a way out for fruitless searches.

PatternsUsed with
Onboarding Tour新手引导

Introduces an interface with an overlay, a spotlight cutout and step bubbles: each step reveals one key area and explains it in place, paced by prev/next controls and a step indicator, always skippable. The explanation lives where the feature happens instead of making users hunt for docs.

PatternsUsed with
Card卡片

A self-contained rectangular container outlined by rounded borders or a surface colour, aggregating related content: cover, title, excerpt and actions. The universal display unit of content feeds, dashboards and commerce lists.

ComponentsAffects

Not to be confused with

Memphis Design孟菲斯风格

Corporate Memphis is post-2017 flat figure illustration; Memphis is the 1980s Milano dots-and-squiggles movement.

Sources

Markdown for agents · JSON