1980s design group
Memphis
A graphic interpretation of the Memphis design group's playful clashes of shape, pattern, and color. It is intentionally more unruly than a modernist geometric system.
What defines it
- Clashing patterns
- Playful geometry
- Bold color blocks
What it asks of the project
- Reading & layout
- Open spacing for a slower reading pace
- Visual emphasis
- bold · geometric
- Implementation
- Allow time for a coherent decorative or image layer and responsive checks.
- Images & assets
- A small set of original patterns gives the page coherence.
Color in use
A festival program with patterned section dividers and clean schedule cards.
Accent labelOpaque text/surface: 20.03:1 · Text/accent: 7.57:1.
These pairs meet the normal-text minimum; check other surfaces separately.
Context
Compare the patterned fields, clashing shapes, and deliberately playful compositions. The references are modern graphics drawing on the vocabulary of the design group.
View collected reference imagesBuild it
- Choose a limited set of patterns
- Place them in margins or illustration
- Keep the reading area comparatively quiet
Typography
Bold geometric sans-serif lettering complements the shapes. Keep body text free of pattern and rotation.
Watch out for
Putting competing patterns behind text or treating every bright geometric layout as Memphis.
A working interpretation
Original CSS composition with the same content and controls used in every direction. Image-led styles need additional artwork for their full expression.
Open the full example →Hand it to an agent
Point your agent at this guide, or save the files below.
Check the result
- Confirm: choose a limited set of patterns.
- Confirm: place them in margins or illustration.
- Confirm: keep the reading area comparatively quiet.
- Review specifically for: Putting competing patterns behind text or treating every bright geometric layout as Memphis.