ColorExplore the colors available and learn how they’re used.

Explore

TypographyExplore the typography styles available and learn how they’re used

Explore

Spacing MeasurementsSpacing measurements are defined using a t-shirt sizing model.

Spacing	Size	Usage
XSmall	5px	The amount of space often used between a text label and an icon.
Small	10px	The standard amount of space used to separate objects, and often used to separate elements within lists.
Medium	15px	The amount of space used as panel header margins.
Large	25px	The amount of space used as content margins.
XLarge	40px	Used to separate sections of information.
XXLarge	65px	Seldom used, but available for layouts that need a larger than usual amount of whitespace.