1.13 · Aesthetic

Memphis Design.

1980s Italian design movement reborn online. Clashing colors, hard offset shadows, terrazzo dots, zigzag patterns. Loud and unapologetic.

What it is

Memphis Design is a movement founded in Milan in 1981 by Ettore Sottsass that rejected the seriousness of modernism with a riot of geometric shapes, terrazzo patterns, squiggles, and clashing primary-plus-pastel colors. It's having a major revival in branding for ice-cream shops, breweries, NFT projects, and any product that wants to feel friendly-loud rather than corporate-quiet.

How it works

Three building blocks: (1) a small palette of unrelated bold colors used together — coral, mustard, teal, all on a cream base; (2) decorative shapes scattered behind content using CSS gradients (zigzag with crossed linear-gradients, polka dots with radial-gradient, stripes with repeating-linear-gradient, circles, triangles); (3) UI cards with thick black borders, hard offset shadows (box-shadow: 12px 12px 0 #000), and slight rotations (transform: rotate(-2deg)). Headlines use a chunky black sans (Archivo Black, Anton) with single words highlighted by colored background blocks.

Cream base#f5edd6 — pure white kills the warmth, cream gives the 80s feel
Hard offset shadowsbox-shadow: 12px 12px 0 #1A1814 — no blur, just a solid offset block
CSS pattern shapesZigzag/dots/stripes built from gradients — no SVG or images needed
Highlighted wordsHeadlines with span.background-color highlight one or two key words

Live demo

Live
★ New flavor drop

Eat loud
colors all summer.

Small-batch sorbet from a corner shop in Lisbon. Now shipping to 12 cities.

Find a scoop →

Copy this prompt

Prompt · 1.13 Memphis Design
Build a Memphis Design hero section. Import Archivo Black and Space Mono from Google Fonts. Background: cream #f5edd6 (not white). Scatter 6-7 absolutely-positioned decorative shapes behind the content: a coral square (#ff5a5a) rotated 20deg, a yellow circle, a teal circle (#00c2c7) rotated 45deg with border-radius:12px, a hollow black triangle (border CSS trick), a yellow+black stripe rectangle (repeating-linear-gradient), a polka-dot square (radial-gradient pattern), and a zigzag square (two crossed linear-gradients). Center card: white background, 4px solid black border, 12px 12px 0 black hard offset shadow (no blur). Inside the card: a tilted coral pill tag ("★ New flavor drop"), a chunky Archivo Black headline in uppercase with single words highlighted by yellow and teal background blocks (span tags with padding and background-color). CTA: black background, white text, 6px 6px 0 coral hard offset shadow, hover translates -3px,-3px and grows the shadow. The whole vibe should feel like an 1985 Italian magazine ad for furniture.

Example sites to study