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

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 rejected restraint entirely, 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 clash and somehow cohere. 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 uses pattern as the primary background texture. Squiggles, dots, triangles, stripes, checkerboards: these repeat across surfaces to create a visual richness with depth and density. The patterns have logic — each one is intentional, 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. In Memphis, these combinations are statements. The tension between colors creates energy that lives only in productive conflict.

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 — woven together. This integration is what gives Memphis-inspired layouts their energetic quality.

04 · Use With Claude / Cursor
Claude
01Click 'Customize', then go to 'Skills'
02Go to 'Create Skills' and upload the skill.md file
03Put the design.md file in your project's knowledge base
04Mention the skill name as you build — Claude applies it automatically
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 — mention the skill name to invoke it automatically
★ 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
Designed chaos, not random chaos
Memphis is controlled — 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. Control is what separates Memphis from chaos.
! WARNING
Pattern obscuring content
Patterns should live behind and around content. 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

Beautiful designs in minutes.

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

UNLOCK WITH PRO →
Memphis Design System for Claude & Cursor | Skills UI