Typography

All CWDS text styles. Resize the browser to see mobile (< 985px) vs desktop values.

Headlines

.cwds-displayDisplay Text

.cwds-h1Heading 1

.cwds-h2Heading 2

.cwds-h3Heading 3

.cwds-h4Heading 4

.cwds-h5Heading 5

.cwds-h6Heading 6

.cwds-claimClaim primary text with bold weight

.cwds-claim-secondaryClaim secondary text with letter-spacing

.cwds-stat98%

.cwds-quote"This is an example quote in italic style."

.cwds-body-largeBody large text at 18px with normal line-height.

.cwds-body-regularBody regular text at 16px with normal line-height.

.cwds-body-smallBody small text at 14px with normal line-height.

.cwds-body-large-boldBody large bold text at 18px.

.cwds-body-regular-boldBody regular bold text at 16px.

.cwds-body-small-boldBody small bold text at 14px.

.cwds-body-large-condensedBody large condensed — tighter line-height (20px).

.cwds-body-regular-condensedBody regular condensed — tighter line-height (20px).

.cwds-body-small-condensedBody small condensed — tighter line-height (20px).

.cwds-eyebrowEyebrow label

.cwds-captionCaption text for images or supplementary info.

.cwds-footnoteFootnote text in muted color.

.cwds-link-largeLink large (16px/20px)

.cwds-link-smallLink small (14px/16px)

.cwds-button-largeButton Large

.cwds-button-smallButton Small

.cwds-button-utilityButton Utility (12px)

.cwds-nav-linkNav Link (14px)

.cwds-isi-tray-headlineImportant Safety Information

.cwds-isi-tray-bodyISI tray body text at 14px regular weight.

.cwds-isi-tray-body-boldISI tray body bold text at 14px bold weight.

Body Large — inverted on dark background

Body Regular — inverted on dark background

Body Small — inverted on dark background