Skip to main content

HEADING - PRIMARY

Heading 76px - Bold

Replica Bold – line-height: 1.2 – margin-top: 20px – margin-bottom: 10px

Heading 54px - Bold

Replica Bold – line-height: 1.2 – margin-top: 20px – margin-bottom: 10px

Heading 44px - Bold

Replica Bold – line-height: 1.2 – margin-top: 20px – margin-bottom: 10px

Heading 36px - Bold

Replica Bold – line-height: 1.2 – margin-top: 20px – margin-bottom: 10px

Heading 28px - Bold

Replica Bold – line-height: 1.2 – margin-top: 20px – margin-bottom: 10px


Heading 24px - Bold

Segoe UI (windows) SF Pro (mac) – line-height: 1.2 – margin-top: 10px – margin-bottom: 10px

Heading 20px - Bold

Segoe UI (windows) SF Pro (mac) – line-height: 1.2 – margin-top: 10px – margin-bottom: 10px

Heading 18px - Bold

Segoe UI (windows) SF Pro (mac) – line-height: 1.2 – margin-top: 10px – margin-bottom: 10px

Heading 16px - Bold

Segoe UI (windows) SF Pro (mac) – line-height: 1.2 – margin-top: 20px (🚨) – margin-bottom: 10px

HEADING - ALTERNATIVE

HEADING 76px - BOLDER

Replica Heavy – line-height: 1.2 – margin-top: 20px – margin-bottom: 10px

HEADING 54px - BOLDER

Replica Heavy – line-height: 1.2 – margin-top: 20px – margin-bottom: 10px

HEADING 44px - BOLDER

Replica Heavy – line-height: 1.2 – margin-top: 20px – margin-bottom: 10px

HEADING 36px - BOLDER

Replica Heavy – line-height: 1.2 – margin-top: 20px – margin-bottom: 10px

HEADING 28px - BOLDER

Replica Heavy – line-height: 1.2 – margin-top: 20px – margin-bottom: 10px

TEXT STYLES

Paragraph and Span versions. Span removes any margins.

TEXT - PARAGRAPH - REGULAR

Text 24px - Paragraph - Default

Segoe UI (windows) SF Pro (mac) – line-height: 1.5 – margin-top: 10px – margin-bottom: 20px

Text 20px - Paragraph - Default

Segoe UI (windows) SF Pro (mac) – line-height: 1.5 – margin-top: 10px – margin-bottom: 20px

Text 18px - Paragraph - Default

Segoe UI (windows) SF Pro (mac) – line-height: 1.5 – margin-top: 10px – margin-bottom: 20px

Text 16px - Paragraph - Default

Segoe UI (windows) SF Pro (mac) – line-height: 1.5 – margin-top: 10px – margin-bottom: 20px

TEXT - PARAGRAPH - BOLD

Text 24px - Paragraph - Bold

Segoe UI (windows) SF Pro (mac) – line-height: 1.5 – margin-top: 10px – margin-bottom: 20px

Text 20px - Paragraph - Bold

Segoe UI (windows) SF Pro (mac) – line-height: 1.5 – margin-top: 10px – margin-bottom: 20px

Text 18px - Paragraph - Bold

Segoe UI (windows) SF Pro (mac) – line-height: 1.5 – margin-top: 10px – margin-bottom: 20px

Text 16px - Paragraph - Bold

Segoe UI (windows) SF Pro (mac) – line-height: 1.5 – margin-top: 10px – margin-bottom: 20px

TEXT - PARAGRAPH - BOLDER - 🚨 DELETE, NOT IN USE

Text - Paragraph - 24px

Text - Paragraph - 20px

Text - Paragraph - 18px

Text - Paragraph - 16px


SPAN - REGULAR

Text 24px - Span - Default

Segoe UI (windows) SF Pro (mac) – line-height: 1.5 – margin-top: 0px – margin-bottom: 0px

Text 20px - Span - Default

Segoe UI (windows) SF Pro (mac) – line-height: 1.5 – margin-top: 0px – margin-bottom: 0px

Text 18px - Span - Default

Segoe UI (windows) SF Pro (mac) – line-height: 1.5 – margin-top: 0px – margin-bottom: 0px

Text 16px - Span - Default

Segoe UI (windows) SF Pro (mac) – line-height: 1.5 – margin-top: 0px – margin-bottom: 0px

SPAN - BOLD

Text 24px - Span - Bold

Segoe UI (windows) SF Pro (mac) – line-height: 1.5 – margin-top: 0px – margin-bottom: 0px

Text 20px - Span - Bold

Segoe UI (windows) SF Pro (mac) – line-height: 1.5 – margin-top: 0px – margin-bottom: 0px

Text 18px - Span - Bold

Segoe UI (windows) SF Pro (mac) – line-height: 1.5 – margin-top: 0px – margin-bottom: 0px

Text 16px - Span - Bold

Segoe UI (windows) SF Pro (mac) – line-height: 1.5 – margin-top: 0px – margin-bottom: 0px