디자인 리소스
컬러 토큰
globals.css 에 정의된 디자인 토큰입니다. Tailwind 클래스명을 클릭하면 복사됩니다.
--color-*: initial 로 Tailwind 기본 색상이 비활성화되어 있습니다. 이 팔레트에 정의된 토큰만 사용 가능합니다.
Black / Neutral
White
Primary
Secondary
System Colors
a: Light · b: Dark · c: iOS Light · d: iOS Dark
| Color | a — Light | b — Dark | c — iOS Light | d — iOS Dark |
|---|---|---|---|---|
| Blue | ||||
| Green | ||||
| Yellow | ||||
| Mint | ||||
| Purple | ||||
| Red | ||||
| Indigo | ||||
| Cyan | ||||
| Orange |
Semantic Colors
dark: 진한 색 (텍스트·아이콘) · light: 연한 색 (배경 틴트) — Figma Semantic 컬렉션 기준
| Color | dark | light |
|---|---|---|
| Green | ||
| Blue | — (primary 사용) | |
| SkyBlue | ||
| Purple | ||
| Yellow | ||
| Red | ||
| Grey |
Background Layers
Light · Dark · iOS Light · iOS Dark — 각 6단계 레이어
Light
Dark
iOS Light
iOS Dark