Style Guide

Fonts

Fira Sans Bold

Headings, Miscellaneous

Lato

Paragraphs, Buttons

Headings 1-4

This is My Heading 1 Font Style

This is My Heading 2 Font Style

This is My Heading 3 Font Style

This is My Heading 4 Font Style

Paragraphs - Big, Normal & Small

This is my big paragraph font style

This is my normal paragraph font style

This is my small paragraph font style

This is the monospace font style

Buttons

Primary
Secondary
Tertiary

Links

This is My Heading 1

This is My Heading 2 Font Style

This is My Heading 3 Font Style

This is My Heading 4 Font Style

Lightest 1 / White Style

Primary
Secondary
Tertiary

This is my big paragraph font style

This is my normal paragraph font style

This is my small paragraph font style

This is the monospace font style

This is my big paragraph font style

This is my normal paragraph font style

This is my small paragraph font style

This is the monospace font style

This is a text link on a background

Lightest 2 / White Bold Style

This is My Heading 1

This is My Heading 2 Font Style

This is My Heading 3 Font Style

This is My Heading 4 Font Style

Primary
Secondary
Tertiary

This is my big paragraph font style

This is my normal paragraph font style

This is my small paragraph font style

This is the monospace font style

This is a text link on a background

This is my big paragraph font style

This is my normal paragraph font style

This is my small paragraph font style

This is the monospace font style

Light 1 / Light Style

This is My Heading 1

This is My Heading 2 Font Style

This is My Heading 3 Font Style

This is My Heading 4 Font Style

Primary
Secondary
Tertiary

This is my big paragraph font style

This is my normal paragraph font style

This is my small paragraph font style

This is the monospace font style

This is my big paragraph font style

This is my normal paragraph font style

This is my small paragraph font style

This is the monospace font style

This is a text link on a background

Light 2 / Light Bold Style

This is My Heading 1

This is My Heading 2 Font Style

This is My Heading 3 Font Style

This is My Heading 4 Font Style

Primary
Secondary
Tertiary

This is my big paragraph font style

This is my normal paragraph font style

This is my small paragraph font style

This is the monospace font style

This is my big paragraph font style

This is my normal paragraph font style

This is my small paragraph font style

This is the monospace font style

This is a text link on a background

Bright 1 / Bright Inverse Style

This is My Heading 1

This is My Heading 2 Font Style

This is My Heading 3 Font Style

This is My Heading 4 Font Style

Primary
Secondary
Tertiary

This is my big paragraph font style

This is my normal paragraph font style

This is my small paragraph font style

This is the monospace font style

This is my big paragraph font style

This is my normal paragraph font style

This is my small paragraph font style

This is the monospace font style

This is a text link on a background

Bright 2 / Bright Style

This is My Heading 1

This is My Heading 2 Font Style

This is My Heading 3 Font Style

This is My Heading 4 Font Style

Primary
Secondary
Tertiary

This is my big paragraph font style

This is my normal paragraph font style

This is my small paragraph font style

This is the monospace font style

This is my big paragraph font style

This is my normal paragraph font style

This is my small paragraph font style

This is the monospace font style

This is a text link on a background

Dark 1 / Dark Style

This is My Heading 1

This is My Heading 2 Font Style

This is My Heading 3 Font Style

This is My Heading 4 Font Style

Primary
Secondary
Tertiary

This is my big paragraph font style

This is my normal paragraph font style

This is my small paragraph font style

This is the monospace font style

This is my big paragraph font style

This is my normal paragraph font style

This is my small paragraph font style

This is the monospace font style

This is a text link on a background

Dark 2 / Dark Bold Style

This is My Heading 1

This is My Heading 2 Font Style

This is My Heading 3 Font Style

This is My Heading 4 Font Style

Primary
Secondary
Tertiary

This is my big paragraph font style

This is my normal paragraph font style

This is my small paragraph font style

This is the monospace font style

This is a text link on a background

This is my big paragraph font style

This is my normal paragraph font style

This is my small paragraph font style

This is the monospace font style

Darkest 1 / Black Style

This is My Heading 1

This is My Heading 2 Font Style

This is My Heading 3 Font Style

This is My Heading 4 Font Style

Primary
Secondary
Tertiary

This is my big paragraph font style

This is my normal paragraph font style

This is my small paragraph font style

This is the monospace font style

This is my big paragraph font style

This is my normal paragraph font style

This is my small paragraph font style

This is the monospace font style

This is a text link on a background

Darkest 2 / Black Bold Style

This is My Heading 1

This is My Heading 2 Font Style

This is My Heading 3 Font Style

This is My Heading 4 Font Style

Primary
Secondary
Tertiary

This is my big paragraph font style

This is my normal paragraph font style

This is my small paragraph font style

This is the monospace font style

This is my big paragraph font style

This is my normal paragraph font style

This is my small paragraph font style

This is the monospace font style

This is a text link on a background