DESIGN SYSTEM PREVIEW
Ableton에서 영감받은 기하학적 볼드 스타일. 직각 엣지, 초대형 타이포, 비비드 컬러 블록.
TYPOGRAPHY
display-3xl
120px
display-2xl
60px Bold
display-xl
56px Headlines
display-lg
40px Section Title
display-sm
20px Card Title
text-overline
MONO LABEL · UPPERCASE
PALETTE
Cobalt
#4200FF
Coral
#FE5948
Lemon
#FBFA61
Antarctica
#6DCBFF
Spearmint
#B6FFC0
Lavender
#D5B3FF
SECTION BLOCKS
각 비비드 컬러를 풀블리드 배경으로 사용. 콘텐츠 영역 간 강력한 시각적 구분.
다크 배경 위 포인트 컬러로도, 밝은 섹션 배경으로도.
COMPONENTS
모든 컴포넌트에 border-radius: 0. 기하학적 정밀함.
Ableton 스타일 초대형 타이포. Inter Tight 800 weight.
모노크롬을 넘어선 멀티 비비드 컬러 시스템.
VERSUS
MONO (DEFAULT)
둥근 모서리 · 모노크롬 · 차분한
GEO-BOLD
직각 엣지 · 비비드 · 대담한
FEEDBACK
NAVIGATION
3px indicator, uppercase labels, Inter Tight font.
DATA
| Name | Role | Status | Actions |
|---|---|---|---|
| 김서준 | Designer | Active | |
| 이하은 | Developer | Active | |
| 박지민 | PM | Away | |
| 최유진 | QA | Offline |
INPUTS
SETUP
/* application.css */
@import "tailwindcss";
@import "./tokens.css"; /* PALETTE → geo-cobalt */
@import "./aesthetics.css";
@import "./styles/geo-bold.css"; /* ← add this */