Spacing

Ranges of brand, semantic, and neutral colors

Size Comparisons

Extra Small

8px—12px

Small

12px—16px

Base

12px—20px

Medium

16px—32px

Large

32px—64px

Extra-Large

48px—96px

2XL

64px—128px

3XL

96px—160px

Box Examples

Extra Small

Small

Base

Medium

Large

Extra-Large

2XL

3XL

Scroll to Top