DEFAULT
White Card.
두꺼운 검정 보더 + offset shadow.
View Details →★ Hey there!
WAKE UP. DESIGN HARDER.
Memphis Group (1981~1988) 도타주 운동 — geometric shape + 컬러 폭발 (핫핑크 · 노랑 · 민트) + bold 검정 보더 + offset hard shadow. 음악 · 패션 · 갤러리 · 예술 product 적합.
Display XL · 6rem
DISPLAY XL
Display · 4.5rem
Display Default
Title LG · 2rem
Title LG
Title · 24px
Title default
Body · 1rem
Body 1rem regular. The quick brown fox jumps over the lazy dog.
Mono · 0.875rem
★ rock and roll all nightSign up
Why join?
진행률 · 72%
DEFAULT
ACCENT
SUCCESS
WARNING
DANGER
INVERTED
ACCENT
Hot Pink.
accent fill — Memphis 시그니처.
View Details →INVERTED
Pure Night.
반전 surface — 강렬한 navy.
View Details →FANS
12,489
↑ 18.4% rocking
VIBE
3.2x
↓ chill mode
PARTY
★ ★ ★
↑ all night
DESIGN HISTORY
The party that broke design.
By Ettore Sottsass · 1981 · 5 min read
Memphis Group 은 1981년 밀라노에서 결성된 도타주 운동. 파스텔 톤 + 기하학 도형 + 강한 컬러 충돌 + 오프셋 그림자가 시그니처. 1988년에 해체됐지만 2010년대 디지털 디자인에서 부활했어요.
핵심 메커니즘: 4 primary 컬러 (핫핑크 · 노랑 · 민트 · 네이비) + 검정 두꺼운 보더 (3px) + offset hard shadow (blur 0, 3~10px). 그라데이션 X · soft shadow X · 친절함 X.
좋은 디자인은 보는 사람을 깜짝 놀라게 해야 한다.
Memphis 시그니처: geometric primitives (▲●◆) + background patterns (dots / stripes / grid).
SHAPES
CIRCLE · TRIANGLE · DIAMOND · ZIGZAG
PATTERNS
이 디자인, 내 프로젝트에 바로 쓸 수 있어요
크리에이터OS가 있으면 말 한마디로, 없어도 2단계면 즉시 적용돼요.
Creator OS 사용 중이라면
에이전트에게 말 한마디면 끝
테마 선택·CSS 세팅·컴포넌트 배치까지 자동이에요. 코드 한 줄 안 봐도 돼요.
"Memphis 스타일로 갤러리 페이지 만들어줘"Creator OS 시작하기 →
직접 적용하고 싶다면
2단계로 즉시 적용
① HTML 파일 <head> 안에 아래 2줄 붙여넣기
<link rel="stylesheet"
href="https://design-tokens.creator-os.app
/design-tokens.css">
<link rel="stylesheet"
href="https://design-tokens.creator-os.app
/design-components.css">
② <body> 태그에 테마 한 줄 추가
<body data-theme="memphis">
버튼·카드·폼·태그가 모두 에너제틱 Memphis 80s 디자인으로 바뀌어요. Framer · Wix 커스텀 코드에도 동일하게 작동해요.