Skip to main content
Color image
ColorExplore the colors available and learn how they’re used.
Color image
TypographyExplore the typography styles available and learn how they’re used
Spacing MeasurementsSpacing measurements are defined using a t-shirt sizing model.Styling measurement ruler image
XSmall5pxThe amount of space often used between a text label and an icon.
Small10pxThe standard amount of space used to separate objects, and often used to separate elements within lists.
Medium15pxThe amount of space used as panel header margins.
Large25pxThe amount of space used as content margins.
XLarge40pxUsed to separate sections of information.
XXLarge65pxSeldom used, but available for layouts that need a larger than usual amount of whitespace.