Typography

Titles

H1: Proxima Nova Light, 48px

Examples

stat number

H2: Proxima Nova Light, 38px

Example Classes

H2 centered

Principles Title Heading

H3: Proxima Nova Normal, 32px

Example Classes

Page Subheading

H4: Proxima Nova Normal, 24px

Example Classes

heading no margin / 24px

H5: Proxima Nova Normal, 20px

Example Classes

Principles Bullet Text

Dashboard heading

H6: Proxima Nova Bold, 16px

Example Classes

Principles Heading Home

Event Date

Title 7: Proxima Nova Bold, 14px

Example Classes

Event Name

event archive heading

Nav Link

Title 8: Proxima Nova Bold, 14px

Example Classes

CFO name

Body Text

Body 1: Proxima Nova Normal, 19.2px (1.2 rem)

Example Classes

Principles Text Container

Body 2: Proxima Nova Normal, 18px (1.125 rem)

Example Classes

Body 2: Roboto Light, 18px / stat label

Body 3: Proxima Nova Normal, 16px (1 rem)

Example Classes

Body 3: Roboto Light, 16px / Analysis Table Text

Body 3: Roboto Light, 16px / Banner Content Principles Text

Body 3: Roboto Light italic, 16px / Principles Link Text

Body 4: Proxima Nova Normal, 14px (.875 rem)

Example Classes

Body 4: Roboto Light, 14px / CFO body text

Body 4: Roboto Light, 14px / Description Chevron Block

Body 4: Roboto Light, 14px / CFO caption

Body 4: Roboto Light italic, 14px / CFO quote

Body 5: Proxima Nova Normal, 12px (.75 rem)

Example Classes

Body 5: Roboto Light italic, 12px / Dashboard Bar Chart Label

Button Text

Button Text 1: Proxima Nova Bold, 16px

Example Classes

CTA Button

Button Text 2: Proxima Nova Bold, 14px

Text Link: Proxima Nova Normal, 16px (set local color)