Memphis

You might say

Use colorful geometric shapes, squiggles, and dots for an '80s feel.

Use bold geometry, pattern, and asymmetry for an energetic compositionMemphis design uses geometric shapes, dots, squiggles, contrasting color, and playful imbalance. On the web it works best as a controlled visual language around clear content. Filling every gap with shapes makes the page harder to read and weakens the style's rhythm.

Scroll sideways to explore the full example

CLAY
CLUB!
WORKSHOPS · CALENDAR04 spots left
SAT / 15:00 — 17:30

Pinch a
crooked cup!

Spend two hours shaping a one-of-a-kind imperfect cup.

Reserve a spot →
Materials / Clay · GlazeInstructor / MIKAPickup / 14 days later
Design Principles
  • Build a limited set of recurring shapes and patterns
  • Use strong color contrast with assigned roles
  • Separate decoration from text and controls
  • Balance asymmetry with a stable grid
  • Keep enough whitespace for the composition to breathe

When to use it

  • Campaign and promotion page
    The main visual of the brand event: contrasting banners + polka dots + zigzag linesCampaign pages can use Memphis design’s sense of rhythm.
  • Children's or education product after user testing
    English app for kids: use a geometry character in each lessonA lively sense of order supports course content and guidance
  • Creative studio and recruitment page
    Design studio recruitment page: contrasting color blocks + scattered trianglesIt can express a creative direction while keeping open roles and application instructions clear.
  • Illustration or empty-state area
    Empty state: polka dot circle, wavy line and "no content yet"Small areas of decoration can provide emotional support for status statements

When NOT to use it

  • Cover dense work interfaces in constant pattern
    A back-office system uses contrasting colors and scattered decoration across many pages.In a high-frequency tool, this reduces scanability and increases visual fatigue.
  • Place dots and shapes over reading or click targets
    Decoration that covers body copy reduces readability.
  • Mix a soft palette with heavy outlines without a reason
    A low-saturation palette can work too, as long as it fits the geometric language and content tone.
  • Let decoration overpower reports, contracts, or key facts
    An annual-report data page or contract-signing flow uses contrasting colors and scattered decoration.High-risk or formal flows should prioritize clear information and actions.
History
1981
The Memphis Group forms in Milan

Ettore Sottsass and a group of young designers took their name from a Bob Dylan song playing during an early meeting.

1981–1987
The group challenges accepted good taste

Plastic laminate, contrasting color, and geometric pattern confronted the restrained rules of modernist design.

1987
The group ends, but the style spreads

After the group dissolved, its visual language continued through 1980s television, retail, music, and youth culture.

2010s
The internet rediscovers Memphis

As flat-design sameness grew tiring, Memphis shapes returned in campaign pages and illustration systems.

Today
The style remains common in campaigns

Dots, squiggles, and geometric shapes still appear in promotions, children's products, and creative brand sites.

Anatomy
+ + + ++
Repeat a small set of geometric shapes to create a coherent decorative vocabulary.
Use primary and secondary contrasting colors for energy, while preserving readable text and status cues.
Dark outlines help small shapes separate from the background; tune their color and weight to the visual system.
Place small motifs along edges and in margins, leaving room for content and actions.
Use whitespace to separate content from decoration so high-contrast elements do not disrupt reading.
AI Prompt

Memphis creative-workshop booking page, waves, dots, triangles, high-saturation yellow, blue, pink and green, heavy black outlines, warm off-white space, clear date, remaining seats, price and booking action

Typical use cases
Promotion

Scroll sideways to explore the full example

CLAY CLUB!WEEKEND WORKSHOPSMENU +
SAT · JULY 26 · 15:00

Pinch a
crooked cup!

Beginner clay workshop · 2.5 hours

Includes firing · refreshments · tools No experience needed
Education

Scroll sideways to explore the full example

+
HomeEventsCouponsAccount
Summer Color Sale
Up to 50% off sitewide · Save ¥50 on orders over ¥300
08: 42: 16
Claim coupons →
★ Exclusive gift for new customers ★ Returning-customer coupon ★
Creative agency

Scroll sideways to explore the full example

Hi, Xiaodou!
What should we learn today?
Phonics
Lesson 12
Math Skills
Lesson 8
Six-day learning streak—great job! Continue →
Learn Explore Account
Illustration system

Scroll sideways to explore the full example

Join our team !
Yibox Design Studio · Beijing / Remote · Flexible hours
Now hiring
Visual designer
3+ years · 25-40K · Strong portfolio required
Apply →
NEW
Front-end engineer
Motion-design experience is a plus · 20-35K
Apply →
Content strategist
A sharp sense of internet culture is a plus · 15-25K
Apply →
Recruitment page

Scroll sideways to explore the full example

+
Memphis Grocery Store
Bring contrasting colors home
Color-block canvas tote
¥79
Wave Mug
¥59
+
Geometric Badge Set
¥39