Tokens

Style Dictionary 빌드 결과. tokens/*.json 이 SSOT.

Color

Brand

brand.primary
→ teal.500
brand.primaryDark
→ teal.700
brand.primaryLight
primary @ 10%

Surface

surface.background
→ teal.50
surface.default
→ white
surface.secondary
→ teal.100
surface.border
→ teal.200

Text

text.primary
→ slate.900
text.secondary
→ slate.500

Semantic

error.fg
→ red.500
error.fgStrong
→ red.600
error.bg
→ red.50
success.fg
→ green.500
success.fgStrong
→ green.700
success.bg
→ green.50
neutral.fg
→ slate.600
neutral.bg
→ slate.100

Kakao

kakao.bg
#FEE500
kakao.text
#191919

Typography

title.xl — 공시한입
28 / 700 / 1.3
title.lg — 공시한입
22 / 700 / 1.35
title.md — 공시한입
18 / 600 / 1.4
body.lg — DART 공시를 AI 가 한입에 요약합니다
16 / 400 / 1.5
body.md — DART 공시를 AI 가 한입에 요약합니다
14 / 400 / 1.5
body.sm — DART 공시를 AI 가 한입에 요약합니다
13 / 400 / 1.45
label.md — 공시한입
14 / 600 / 1.4
label.sm — 공시한입
13 / 600 / 1.4
caption — 2026-05-18 오후 5:30
11 / 500 / 1.4

Spacing

xs
4
sm
8
md
12
lg
16
xl
20
xxl
24
xxxl
32

Radius

radius.sm
8
radius.md
12
radius.lg
16
radius.xl
20