Style Guide

Typography

Heading/H1

Heading 1

Font: Helvectica Neue
Font Size: 248px
Line height: 200px
 Letter Spacing: -1%
Heading/H2

Heading 2

Font: Helvectica Neue
Font Size: 238px
Line height: 200px
 Letter Spacing: -1%
Heading/H3

Heading 3

Font: Helvectica Neue
Font Size: 208px
Line height: 180px
 Letter Spacing: -1%
Heading/H4
Heading 4
Font: Helvectica Neue
Font Size: 96px
Line height: 96px
 Letter Spacing: -4%
Heading/H5

Heading 5

Font: Helvectica Neue
Font Size: 40px
Line height: Auto
 Letter Spacing: -4%
Paragraph /p1

Paragraph 1

Font: Helvectica Neue
Font Size: 32px
Line height: 40px
 Letter Spacing: -1%
Paragraph /p2

Paragraph 2

Font: Helvectica Neue
Font Size: 16px
Line height: 20px
 Letter Spacing: -4%
Paragraph /p3

Paragraph 3

Font: Helvectica Neue
Font Size: 14px
Line height: 20px
 Letter Spacing: -1%
Paragraph /p4

Paragraph 4

Font: Helvectica Neue
Font Size: 14px
Line height: 24px
 Letter Spacing: -2%
Paragraph /p5

Paragraph 5

Font: Helvectica Neue
Font Size: 12px
Line height: 16px
 Letter Spacing: -2%
Paragraph /Link

Heading

Font: Helvectica Neue
Font Size: 12px
Line height: 20px
 Letter Spacing: -2%
Paragraph /Link

Link

Font: Helvectica Neue
Font Size: 12px
Line height: 20px
 Letter Spacing: -2%

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

‍

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

‍

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

‍

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

‍

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

‍

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

‍

Block quote

Ordered list

  1. Item 1
  2. Item 2
  3. Item 3

Unordered list

  • Item A
  • Item B
  • Item C

Text link

Bold text

Emphasis

Superscript

Subscript

Colors

Content Primary
Content Secondary
Content Tertiary
Divider
Content Secondary