Primaries and grays

Headings, body and other common text elements

Toggle element based on the Card for displaying discrete portions of information

Used for adding notices around the interface

Represent users or customers around the interface

A simple utility to transform an image into a background for an element.

Combine with other components to display metadata

Indicate the current page’s location within a navigational hierarchy

Styles for actions in forms, dialogs, and more with support for multiple sizes, states, and more.

Structural component for displaying boxed content

Decorative elements to give your site some dynamic appeal

Styles for navigation and context dropdowns

Size and state variations for text inputs

Checkboxes, Radios and Select dropdowns

Common interface iconography. For all icons, see the Icons Reference

Common social network icons. For all icons, see the Icons Reference

Handy utilities for displaying icons around the interface. For all icons, see the Icons Reference

Preset arrangements for icons with associated content

A small encapsulated element based on the card. Displays small media items that generally live in a group.

Indicate a series of related content exists across multiple pages.

Display supplemental information upon click

Preset styles to imply depth on interface components

Navigational element responsible for toggling the display of content in a near-by container

Display supplemental information upon hover