Official Style Guide

Font Reference

Gotham

Headings

Lobster

Paragraphs

Lobster

Buttons

Apon Hand

Miscellaneous

Color Reference

#f4F4f3

#ffffff

#1f1f1f

#ffb612

#000000

LOGO STYLES

Submark

White

Black

Gold

Wordmark

Gold

White

Black

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.