Memphis Party
Squiggles, confetti triangles and clashing colour: the 1981 design party, still going.
This style
$9$19
One-time, no subscription · instant download · client use · 7-day refund before download
The idea
A white floor scattered with squiggles, zigzags, dots and floating triangles in pink, yellow, teal and violet, all outlined in thick black. Chunky geometric capitals, cards with patterned shadows, and nothing quite at right angles. Loud, irreverent and unashamedly fun.
Memphis Party is built on the 1980s Memphis design movement and its love of clashing colour, laminate patterns, squiggles, zigzags and geometric primitives balanced at absurd angles. A clean off-white floor lets pink, yellow, teal and violet shapes float with thick black outlines. Chunky geometric capitals set headlines; a crisp grotesk keeps the reading sane. Cards wear patterned or offset shadows, and confetti drifts slowly behind the hero. It should feel irreverent, celebratory and confidently loud.
Principles
- Clash on purpose: pink next to yellow next to teal is correct.
- Outline every shape in 3px black.
- Float geometric confetti — triangles, squiggles, dots — behind content, never over it.
- Mix sharp cards with pill buttons for tension.
- Nothing perfectly aligned: offset shapes by a few degrees.
Motion
Confetti shapes in the hero drift and spin slowly on independent 12–20 second loops. Cards slide in from the left with a springy overshoot and tilt 3° on hover, their striped shadow staying put.
Do & don't
Do
- ✓ Alternate pink and yellow offset shadows on cards.
- ✓ Animate confetti on slow, independent loops.
- ✓ Use outlined squiggles as corner ornaments.
Don't
- ✕ Don't use gradients or soft shadows.
- ✕ Don't use photography.
- ✕ Don't place shapes over body text.
+ 3 more of each, and component rules, in the full DESIGN.md.
What's in the DESIGN.md
- 01Overview & principles
- 02Colors (tokens + proportions)
- 03Typography (families + 12-role scale)
- 04Layout & spacing scale
- 05Elevation & depth
- 06Shapes & radii
- 07Motion (easing, durations, signature)
- 08Imagery + generation prompt
- 09Components (button, card, nav, input, badge)
- 10Do's and don'ts
- 11Responsive behaviour
- 12Iteration guide + agent checklist
Plus theme.css (Tailwind v4 @theme), tokens.json (W3C) and the preview page source — 360 lines of DESIGN.md in total.
More like this
All Playful →
Comic Panels
No. 077Ben-Day dots, thick ink panels and speech bubbles. Every section is a splash page.
Gummy Candy
No. 078Glossy gummy gradients, jelly-wobble buttons and a sugar-pink canvas.
Sticker Pop
No. 079Die-cut stickers slapped on at jaunty angles: coral, cobalt and sunshine on cream.
Toy Blocks
No. 080Primary-colour building blocks with studs on top and a satisfying 6px click.
Doodle Notebook
No. 097Ballpoint doodles on ruled paper, a red margin and sticky notes for the important bits.
Soft Clay
No. 099Puffy clay cards, plasticine 3D renders and lavender light. Squeezable interfaces.