Style Guide

Playfair Display

Cabin

HEADINGS - h1 - 4

THIS IS MY HEADING 1

THIS IS MY HEADING 1 italics

THIS IS MY HEADING 1 bold

THIS IS MY HEADING 2 Font Style

THIS IS MY HEADING 2 Font Style italics

THIS IS MY HEADING 2 Font Style bold

THIS IS MY HEADING 3 Font Style

THIS IS MY HEADING 3 Font Style italics

THIS IS MY HEADING 3 Font Style fold

THIS IS MY HEADING 4 Font Style

THIS IS MY HEADING 4 Font Style italics

THIS IS MY HEADING 4 Font Style bold

Paragraphs - Styles 1, 2 and 3

This is my paragraph 1 font style

This is my paragraph 2 font style

This is my paragraph 3 font style

This is my monospace font style

Buttons

LIGHTEST 1 COLOUR STYLE

THIS IS MY HEADING 1

THIS IS MY HEADING 1 italics

THIS IS MY HEADING 1 bold

THIS IS MY HEADING 2 Font Style

THIS IS MY HEADING 2 Font Style italics

THIS IS MY HEADING 2 Font Style bold

THIS IS MY HEADING 3 Font Style

THIS IS MY HEADING 3 Font Style italics

THIS IS MY HEADING 3 Font Style bold

THIS IS MY HEADING 4 Font Style

THIS IS MY HEADING 4 Font Style italics

THIS IS MY HEADING 4 Font Style bold

Paragraphs - Styles 1, 2 and 3

This is my paragraph 1 font style

This is my paragraph 2 font style

This is my paragraph 3 font style

This is my monospace font style

Buttons

LIGHTEST 2 COLOUR STYLE

THIS IS MY HEADING 1

THIS IS MY HEADING 1 italics

THIS IS MY HEADING 1 bold

THIS IS MY HEADING 2 Font Style

THIS IS MY HEADING 2 Font Style italics

THIS IS MY HEADING 2 Font Style bold

THIS IS MY HEADING 3 Font Style

THIS IS MY HEADING 3 Font Style italics

THIS IS MY HEADING 3 Font Style fold

THIS IS MY HEADING 4 Font Style

THIS IS MY HEADING 4 Font Style italics

THIS IS MY HEADING 4 Font Style bold

Paragraphs - Styles 1, 2 and 3

This is my paragraph 1 font style

This is my paragraph 2 font style

This is my paragraph 3 font style

This is my monospace font style

Buttons

LIGHT 1 COLOUR STYLE

THIS IS MY HEADING 1

THIS IS MY HEADING 1 italics

THIS IS MY HEADING 1 bold

THIS IS MY HEADING 2 Font Style

THIS IS MY HEADING 2 Font Style italics

THIS IS MY HEADING 2 Font Style bold

THIS IS MY HEADING 3 Font Style

THIS IS MY HEADING 3 Font Style italics

THIS IS MY HEADING 3 Font Style fold

THIS IS MY HEADING 4 Font Style

THIS IS MY HEADING 4 Font Style italics

THIS IS MY HEADING 4 Font Style bold

Paragraphs - Styles 1, 2 and 3

This is my paragraph 1 font style

This is my paragraph 2 font style

This is my paragraph 3 font style

This is my monospace font style

Buttons

LIGHT 2 COLOUR STYLE

THIS IS MY HEADING 1

THIS IS MY HEADING 1 italics

THIS IS MY HEADING 1 bold

THIS IS MY HEADING 2 Font Style

THIS IS MY HEADING 2 Font Style italics

THIS IS MY HEADING 2 Font Style bold

THIS IS MY HEADING 3 Font Style

THIS IS MY HEADING 3 Font Style italics

THIS IS MY HEADING 3 Font Style fold

THIS IS MY HEADING 4 Font Style

THIS IS MY HEADING 4 Font Style italics

THIS IS MY HEADING 4 Font Style bold

Paragraphs - Styles 1, 2 and 3

This is my paragraph 1 font style

This is my paragraph 2 font style

This is my paragraph 3 font style

This is my monospace font style

Buttons

BRIGHT 1 COLOUR STYLE

THIS IS MY HEADING 1

THIS IS MY HEADING 1 italics

THIS IS MY HEADING 1 bold

THIS IS MY HEADING 2 Font Style

THIS IS MY HEADING 2 Font Style italics

THIS IS MY HEADING 2 Font Style bold

THIS IS MY HEADING 3 Font Style

THIS IS MY HEADING 3 Font Style italics

THIS IS MY HEADING 3 Font Style fold

THIS IS MY HEADING 4 Font Style

THIS IS MY HEADING 4 Font Style italics

THIS IS MY HEADING 4 Font Style bold

Paragraphs - Styles 1, 2 and 3

This is my paragraph 1 font style

This is my paragraph 2 font style

This is my paragraph 3 font style

This is my monospace font style

Buttons

BRIGHT 2 COLOUR STYLE

THIS IS MY HEADING 1

THIS IS MY HEADING 1 italics

THIS IS MY HEADING 1 bold

THIS IS MY HEADING 2 Font Style

THIS IS MY HEADING 2 Font Style italics

THIS IS MY HEADING 2 Font Style bold

THIS IS MY HEADING 3 Font Style

THIS IS MY HEADING 3 Font Style italics

THIS IS MY HEADING 3 Font Style fold

THIS IS MY HEADING 4 Font Style

THIS IS MY HEADING 4 Font Style italics

THIS IS MY HEADING 4 Font Style bold

Paragraphs - Styles 1, 2 and 3

This is my paragraph 1 font style

This is my paragraph 2 font style

This is my paragraph 3 font style

This is my monospace font style

Buttons

DARK 1 COLOUR STYLE

THIS IS MY HEADING 1

THIS IS MY HEADING 1 italics

THIS IS MY HEADING 1 bold

THIS IS MY HEADING 2 Font Style

THIS IS MY HEADING 2 Font Style italics

THIS IS MY HEADING 2 Font Style bold

THIS IS MY HEADING 3 Font Style

THIS IS MY HEADING 3 Font Style italics

THIS IS MY HEADING 3 Font Style fold

THIS IS MY HEADING 4 Font Style

THIS IS MY HEADING 4 Font Style italics

THIS IS MY HEADING 4 Font Style bold

Paragraphs - Styles 1, 2 and 3

This is my paragraph 1 font style

This is my paragraph 2 font style

This is my paragraph 3 font style

This is my monospace font style

Buttons

DARK 2 COLOUR STYLE

THIS IS MY HEADING 1

THIS IS MY HEADING 1 italics

THIS IS MY HEADING 1 bold

THIS IS MY HEADING 2 Font Style

THIS IS MY HEADING 2 Font Style italics

THIS IS MY HEADING 2 Font Style bold

THIS IS MY HEADING 3 Font Style

THIS IS MY HEADING 3 Font Style italics

THIS IS MY HEADING 3 Font Style fold

THIS IS MY HEADING 4 Font Style

THIS IS MY HEADING 4 Font Style italics

THIS IS MY HEADING 4 Font Style bold

Paragraphs - Styles 1, 2 and 3

This is my paragraph 1 font style

This is my paragraph 2 font style

This is my paragraph 3 font style

This is my monospace font style

Buttons

DARKEST 1 COLOUR STYLE

THIS IS MY HEADING 1

THIS IS MY HEADING 1 italics

THIS IS MY HEADING 1 bold

THIS IS MY HEADING 2 Font Style

THIS IS MY HEADING 2 Font Style italics

THIS IS MY HEADING 2 Font Style bold

THIS IS MY HEADING 3 Font Style

THIS IS MY HEADING 3 Font Style italics

THIS IS MY HEADING 3 Font Style fold

THIS IS MY HEADING 4 Font Style

THIS IS MY HEADING 4 Font Style italics

THIS IS MY HEADING 4 Font Style bold

Paragraphs - Styles 1, 2 and 3

This is my paragraph 1 font style

This is my paragraph 2 font style

This is my paragraph 3 font style

This is my monospace font style

Buttons

DARKEST 2 COLOUR STYLE

THIS IS MY HEADING 1

THIS IS MY HEADING 1 italics

THIS IS MY HEADING 1 bold

THIS IS MY HEADING 2 Font Style

THIS IS MY HEADING 2 Font Style italics

THIS IS MY HEADING 2 Font Style bold

THIS IS MY HEADING 3 Font Style

THIS IS MY HEADING 3 Font Style italics

THIS IS MY HEADING 3 Font Style fold

THIS IS MY HEADING 4 Font Style

THIS IS MY HEADING 4 Font Style italics

THIS IS MY HEADING 4 Font Style bold

Paragraphs - Styles 1, 2 and 3

This is my paragraph 1 font style

This is my paragraph 2 font style

This is my paragraph 3 font style

This is my monospace font style

Buttons