Skip to main content

Typography and Styles

Pattern Lab

As a content editor, you can browse the Pattern Lab for this site.  Many of the styles are configured for use in the Rich Text editors.

Browse the Pattern Lab

Typography

This is a text link

Strong is used to indicate strong importance

This text has added emphasis

The i element is text that is set off from the normal text

The u element is text with an unarticulated, though explicitly rendered, non-textual annotation

This text is deleted and This text is inserted

This text has a strikethrough

Superscript®

Subscript for things like H2O

This text is small for fine print, etc.

Abbreviation: HTML

Keybord input: Cmd

This text is a short inline quotation

This is a citation

The dfn element indicates a definition

The mark element indicates a highlight

This is what inline code looks like

This is sample output from a computer program

The variable element, such as x = y

Links

Link
Animation Link
Inline Link
Text Link List
CTA Large
CTA Medium
CTA Small
 

Headings

Heading/Thin/H2/L/Gray-10 Light

Heading/Thin/H3/L/Gray-10 Light

Heading/Thin/H4/L/Gray-10 Light

Heading/Thin/H5/L/Gray-10 Light
Heading/Thin/H6/L/Gray-10 Light

HEADING/STRONG/H2/L/GRAY-10 BOLD

HEADING/STRONG/H3/L/GRAY-10 BOLD

HEADING/STRONG/H4/L/GRAY-10 BOLD

HEADING/STRONG/H5/L/GRAY-10 BOLD
HEADING/STRONG/H6/L/GRAY-10 BOLD

 

Paragraph Styles

Aenean lacinia bibendum nulla sed consectetur.

Aenean lacinia bibendum nulla sed consectetur.

Aenean lacinia bibendum nulla sed consectetur.