Size tokens

Maturity

Beta

FYQ2 target

Beta

Sizing

Create balance and uniformity with a predefined height scale.

Sizing / Size

16px

16px

size.XS

Icons

Code token

size.XS

Token set

Product/App

24px

24px

size.SM

Icons, Figures, Badges

Code token

size.SM

Token set

Product/App

32px

32px

size.MD

Icons, Figures, Dense interactive controls

Code token

size.MD

Token set

Product/App

48px

48px

size.LG

Figures, Loose interactive controls

Code token

size.LG

Token set

Product/App

72px

72px

size.XL

MainNav, TopBar

Code token

size.XL

Token set

Product/App