Foundations
Spacing and radii
Layout rhythm and corner treatments extracted from the current design-system variables.
Spacing scale
A 4px core rhythm with 2px and 6px optical steps for compact controls.
spacing/00px
spacing/22px
spacing/44px
spacing/66px
spacing/88px
spacing/1010px
spacing/1212px
spacing/1616px
spacing/2020px
spacing/2424px
spacing/2828px
spacing/3232px
spacing/4040px
spacing/4848px
spacing/5656px
spacing/112112px
Radius scale
Corner radii range from compact details to fully rounded controls.
radius/xs2px
radius/sm8px
radius/md10px
radius/lg12px
radius/xl16px
radius/fullFull