← Back to Skills / Marketplace / memphis
SKL · 16PRO

Memphis.

Squiggly lines, clashing colors, and geometric shapes on everything. The bold 80s design revival that turns visual energy into personality.

UNLOCK WITH PRO →
● Live preview · Memphis demo
● This is real CSS, not a screenshot
↗ New tab
01 · The Vibe

Memphis was a design movement in the 1980s that decided modernism was too boring and postmodernism was too self-serious, and then made furniture, textiles, and products that looked like a party thrown by geometry. Squiggly lines. Dots on everything. Primary colors next to pastels next to black. Shapes that don't match but somehow work together. Applied to UI, Memphis produces interfaces that are immediately joyful, slightly chaotic in a considered way, and completely immune to being called generic. You've seen this aesthetic in a hundred editorial illustrations and trendy brand identities recently — it's having a major revival, and for good reason.

● Looks Like
Sottsass furniture from the 1980sGlossier's brand design (partially)Current-era editorial illustrationCreative agency websites that win awards for designPattern work on premium stationery and notebooksThe visual language of several Pentagram-designed brands
02 · Best For / Avoid If
＋ Best For
+Creative agencies and studios
+Consumer products in beauty, lifestyle, and culture
+Design-forward brands that sell personality as much as product
+Event and festival platforms
+Editorial and publishing projects
+Any product where standing out visually is a strategic advantage
× Avoid If
×Your audience values consistency, seriousness, or precision above visual energy
×You have lots of data to display — Memphis patterns make dense information chaotic
×Your brand needs to communicate safety, trust, or clinical reliability
×You need the design to stay fresh for many years — Memphis is very specific to particular moments in design culture
03 · Design Philosophy
01

Pattern is the primary texture

Memphis doesn't use solid color backgrounds — it uses pattern. Squiggles, dots, triangles, stripes, checkerboards: these repeat across surfaces to create a visual richness that solid color can't achieve. The patterns aren't random — each one has a logic, and the interplay between multiple patterns on the same surface is what creates the distinctive Memphis density. Learning to combine patterns without creating chaos is the central skill of this aesthetic.

02

Tension between colors makes them all stronger

Memphis palettes work through productive conflict: a color that shouldn't work next to another color, placed deliberately next to it, makes both colors more vivid. Coral next to forest green next to cream. Black next to hot pink next to yellow. These combinations would be mistakes in conventional design. In Memphis they're statements. The tension between colors creates energy that harmonious color schemes never have.

03

Shape is decoration and decoration is shape

Memphis blurs the line between structural elements and decorative ones. A circle is simultaneously a button, a break between sections, and a decorative motif. A squiggly line is simultaneously a divider and an illustration. The content and the decoration exist in the same visual plane — not layered, but woven together. This integration is what gives Memphis-inspired layouts their energetic quality.

04 · Use With Claude / Cursor
Claude
01Open your Claude project
02Click 'Add files' in the Project Knowledge panel
03Drop in SKILL.md and DESIGN.md
04Start a new chat in the project — Claude follows the spec
Cursor
01Place SKILL.md and DESIGN.md in your repo root
02Open .cursor/rules and add @SKILL.md @DESIGN.md
03Restart Cursor for the rules to apply
04Build normally — Cursor references both files per request
★ PRO TIP

Before building with Claude Code, drop SKILL.md and DESIGN.md into Claude Design first. Use it to generate mockups and nail the visual direction — then hand those references to Claude Code. You'll get significantly higher quality output than going straight to code.

05 · Watch Out For
! WARNING
Random vs
designed chaos. Memphis looks random but isn't — every element is placed with intention. If Claude produces truly random-feeling layouts, pull back and ask for more intentional placement of pattern elements and shapes. The difference between Memphis and just messy is control.
! WARNING
Pattern obscuring content
Patterns should live behind and around content, not compete with it. Make sure text sits on clean backgrounds (white, cream, or a solid color) even when the surrounding area has pattern.
! WARNING
Too many competing focal points
Memphis is visually dense, which means hierarchy becomes critical. Make sure each screen has one clear primary element that reads first, even in the midst of visual complexity.
! WARNING
Aging quickly
Memphis is a strong aesthetic with a strong association to a specific moment. Make sure it's right for your product for the long term, not just because it's currently trendy.
● 07 · Download

Two files. That's it.

Drop them into your Claude project or Cursor rules and build normally. No CLI, no package manager, no setup.

UNLOCK WITH PRO →