본문으로 건너뛰기

Lyra 크기와 레이아웃

2px 원시 단위 위에 2·4·8·12·16·24px semantic spacing을 두고, 32px 컨트롤을 기본 밀도로 사용한다.

Semantic spacing

xxs2px
xs4px
sm8px
md12px
lg16px
xl24px
2xl32px
3xl48px

Control density

sm
28px
md
32px
lg
40px
touch
44px

Radius

sm · 3px
md · 6px
lg · 12px
full · 9999px

Breakpoints

sm544px
md768px
lg1012px
xl1280px