A website is built using a number of repeating elements, like buttons, cards, and heroes. Components help standardize the look and feel of these elements, and make it fast and simple to build webpages that look great and stay on-brand.

Boxouts

Use boxouts to contain text that is ancillary to the page’s content.

Buttons

Use buttons to attract attention to the primary call to action on a page.

Cards

Use cards to explain and link to a single idea.

Countdowns

Use countdowns to illustrate the time remaining to an important deadline.

Dates

Use dates to display a downloadable calendar event.

Heroes

Use heroes to engage with the visitor and create the sense of desire.

Menus

Use menus when the same set of links must appear on multiple pages.

Metrics

Use metrics to illustrate a fact that is concise and easy to consume.

Notices

Use notices to display content that is particularly urgent.

Panels

Use panels to provide a deep, visual context for a particular topic.

Promos

Use promos to showcase timely marketing information.

Quotes

Use quotes to create a blockquote that stands out from the page.

Share Bars

Use share bars to drive engagement on social media.

Slideshows

Use slideshows to add texture to a page's message.

Social Bars

Use social bars to highlight a program's social media presence.

Tabs

Use tabs to display content that has a correlation but is not directly related.

Tiles

Use tiles to arrange components or other content in columns or a grid.

Videos

Use videos to embed YouTube and Vimeo content with minimal branding.