Memphis Design

Stylegeneral

80s, geometric, playful, postmodern, shapes, patterns, squiggles, triangles, neon, abstract, bold. Best for Creative agencies, music sites, youth brands, event promotion, artistic portfolios, entertainment.

80s geometric playful postmodern shapes patterns squiggles triangles

#FF71CE

#FFCE5C

#86CCCA

#6A7BB4

Preview

A sample page drawn from this style’s tokens — a guide to the look, not the exact output.

New · weekly review

Plan the week in ten minutes

Pull in every task, see what matters, and share one clear plan with the team.

Get startedSee how it worksDocs

Tasks done1,284+12% this week

Emailyou@example.com

Remember meContinue

Today

Review roadmapDone

Ship onboardingIn progress

Team sync3 pm

Prompt

Paste into any AI assistant before describing what to build — or attach it to a project below.

# Visual style: Memphis Design

Keywords: 80s, geometric, playful, postmodern, shapes, patterns, squiggles, triangles, neon, abstract, bold
Primary colours: #FF71CE (Hot Pink), #FFCE5C (Yellow), #86CCCA (Teal), #6A7BB4 (Blue Purple)
Secondary colours: Complementary geometric colors, pattern fills, contrasting accent shapes
Effects & animation: transform: rotate(), clip-path: polygon(), mix-blend-mode, repeating patterns, bold shapes
Best for: Creative agencies, music sites, youth brands, event promotion, artistic portfolios, entertainment
Do not use for: Corporate finance, healthcare, legal, elderly users, conservative brands

## Prompt keywords
Design a Memphis style interface. Use: bold geometric shapes (triangles, squiggles, circles), bright clashing colors, 80s postmodern aesthetic, playful patterns, dotted textures, asymmetric layouts, decorative elements.

## CSS / technical
clip-path: polygon() for shapes, background: repeating patterns, transform: rotate() for tilted elements, mix-blend-mode for overlays, border: dashed/dotted patterns, bold sans-serif

## Implementation checklist
☐ Geometric shapes visible, ☐ Colors bold/clashing, ☐ Patterns present, ☐ Layout asymmetric, ☐ Playful decorations, ☐ 80s vibe achieved

## Design system variables
--memphis-pink: #FF71CE, --memphis-yellow: #FFCE5C, --memphis-teal: #86CCCA, --memphis-purple: #6A7BB4, --pattern-size: 20px, --shape-rotation: 15deg

Use it in an app

Create a free account to attach this style to a project: the hub adds it to the prompt your AI assistant gets, so it builds every page in this look.

Start building — free I already have an account

From UI/UX Pro Max (MIT, commit 477bcb2).View source