Official Style Guide

Font Reference

SYNCOPATE

Headings

Space grotesk

Paragraphs

Gotham

Buttons

Gotham

Miscellaneous

Color Reference

#F4F4F3

#FFFFFF

#1F1F1F

#FFB612

#000000

Lightest 1

HEADINGS 1 TO 4

This is my heading 1.

This is my heading 2.

This is my heading 3.

This is my heading 4.

PARAGRAPHS 1 to 3

This is my big paragraph font style.

This is my big paragraph font style.

This is my big paragraph font style.

This is my monospace font style.

BUTTONS

Primary Button
Secondary Button
Tertiary Button

QUOTES

“Whatever it is, the way you tell your story online can make all the difference.”
— Quote Source

LINKS

This is a hyperlink in text.

LINES

Lightest 2

This is my heading 1.

This is my heading 2.

This is my heading 3.

This is my heading 4.

This is my big paragraph font style.

This is my big paragraph font style.

This is my big paragraph font style.

This is my monospace font style.
Primary Button
Secondary Button
Tertiary Button
“Whatever it is, the way you tell your story online can make all the difference.”
— Quote Source

This is a hyperlink in text.

Light 1

This is my heading 1.

This is my heading 2.

This is my heading 3.

This is my heading 4.

This is my big paragraph font style.

This is my big paragraph font style.

This is my big paragraph font style.

This is my monospace font style.
Primary Button
Secondary Button
Tertiary Button
“Whatever it is, the way you tell your story online can make all the difference.”
— Quote Source

This is a hyperlink in text.

Light 2

This is my heading 1.

This is my heading 2.

This is my heading 3.

This is my heading 4.

This is my big paragraph font style.

This is my big paragraph font style.

This is my big paragraph font style.

This is my monospace font style.
Primary Button
Secondary Button
Tertiary Button
“Whatever it is, the way you tell your story online can make all the difference.”
— Quote Source

This is a hyperlink in text.

Bright 1

This is my heading 1.

This is my heading 2.

This is my heading 3.

This is my heading 4.

This is my big paragraph font style.

This is my big paragraph font style.

This is my big paragraph font style.

This is my monospace font style.
Primary Button
Secondary Button
Tertiary Button
“Whatever it is, the way you tell your story online can make all the difference.”
— Quote Source

This is a hyperlink in text.

Bright 2

This is my heading 1.

This is my heading 2.

This is my heading 3.

This is my heading 4.

This is my big paragraph font style.

This is my big paragraph font style.

This is my big paragraph font style.

This is my monospace font style.
Primary Button
Secondary Button
Tertiary Button
“Whatever it is, the way you tell your story online can make all the difference.”
— Quote Source

This is a hyperlink in text.

Dark 1

This is my heading 1.

This is my heading 2.

This is my heading 3.

This is my heading 4.

This is my big paragraph font style.

This is my big paragraph font style.

This is my big paragraph font style.

This is my monospace font style.
Primary Button
Secondary Button
Tertiary Button
“Whatever it is, the way you tell your story online can make all the difference.”
— Quote Source

This is a hyperlink in text.

Dark 2

This is my heading 1.

This is my heading 2.

This is my heading 3.

This is my heading 4.

This is my big paragraph font style.

This is my big paragraph font style.

This is my big paragraph font style.

This is my monospace font style.
Primary Button
Secondary Button
Tertiary Button
“Whatever it is, the way you tell your story online can make all the difference.”
— Quote Source

This is a hyperlink in text.

Darkest 1

This is my heading 1.

This is my heading 2.

This is my heading 3.

This is my heading 4.

This is my big paragraph font style.

This is my big paragraph font style.

This is my big paragraph font style.

This is my monospace font style.
Primary Button
Secondary Button
Tertiary Button
“Whatever it is, the way you tell your story online can make all the difference.”
— Quote Source

This is a hyperlink in text.

Darkest 2

This is my heading 1.

This is my heading 2.

This is my heading 3.

This is my heading 4.

This is my big paragraph font style.

This is my big paragraph font style.

This is my big paragraph font style.

This is my monospace font style.
Primary Button
Secondary Button
Tertiary Button
“Whatever it is, the way you tell your story online can make all the difference.”
— Quote Source

This is a hyperlink in text.