Style Guide

Create a consistent and cohesive website with this comprehensive web design style guide.

Typography

H1 - 16px - Inter

The quick brown fox jumps over the lazy dog

H2 - 16px - Inter

The quick brown fox jumps over the lazy dog

H3 - 16px - Inter

The quick brown fox jumps over the lazy dog

H4 - 16px - Inter

The quick brown fox jumps over the lazy dog

H5 - 16px - Inter
The quick brown fox jumps over the lazy dog
H6 - 16px - Inter
The quick brown fox jumps over the lazy dog
Body Text - 16px - Inter
The quick brown fox jumps over the lazy dog
Large Text - 20px - Inter
The quick brown fox jumps over the lazy dog
Paragraph - 16px - Inter

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Rich Text

Standard Pages Rich Text - Inter

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.

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

Privacy Policy & Terms and Conditions Rich Text - Inter

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.

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

Buttons & Links

Colours

White - #ffffff
Black - #000000
Yellow - #ffd237
Green - #01BB6B
Light Grey - #f6f6f8
Mid Grey - #e3e3e3
Dark Grey - #c8c8c8