Background
--bg · #050811
// BRAND ASSET LIBRARY
Design System
Color Palette
Component Examples
Buttons
Inputs
Content Card
Chapter Preview
핵심 개념을 짧고 명확하게 전달하는 카드 형태. 정보 밀도를 높이되 가독성을 유지합니다.
Notification Tone
완료 메시지에는 lime 계열을 사용
경고/주의 메시지에는 orange 계열을 사용
Typography
DISPLAY · DinaChaumontDisplayBold
Step into Crypto
HEADING · Syne
Design System Section Title
BODY · Noto Sans KR
본문은 편하게 읽히는 흐름을 우선합니다. 문장 길이에 맞춰 줄 간격을 안정적으로 유지하고, 과한 장식 없이 또렷하게 전달하는 것을 기본 원칙으로 합니다.
MONO · IBM Plex Mono
TOKEN_NAME = #00d4ff
Logo Usage
DO 다크 배경에서 cyan 포인트를 유지하고, 로고 주변에 충분한 여백을 확보하며, 워드마크/아이콘 비율을 고정해 사용합니다.
DON'T 로고 색상을 임의로 교체하거나 과한 그라디언트/그림자를 적용하지 말고, 배경 대비가 낮은 곳에는 무테로 사용하지 않습니다.