Style Guide

A guide to your website design standards

Colours

Charcoal

#333333

Blush

#fff6ed

Citrine

#fde0a4

Dusty Pink

#ddafab

White

#ffffff

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Bold text dolor sit amet, consectetur sed do eiusmod tempor hovered ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea default link color consequat. Duis aute dolor in reprehenderit in voluptate eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

Ordered List
  1. Item 1
  2. Item 2
  3. Item 3
Unordered List
  • Item 1
  • Item 2
  • Item 3

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Bold text dolor sit amet, consectetur sed do eiusmod tempor hovered ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea default link color consequat. Duis aute dolor in reprehenderit in voluptate eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

Ordered List
  1. Item 1
  2. Item 2
  3. Item 3
Unordered List
  • Item 1
  • Item 2
  • Item 3

Fonts

Montserrat

Curabitur blandit tempus porttitor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Playfair Display

Curabitur blandit tempus porttitor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.

Custom Styling

Enter the class in the Advanced tab, under CSS ID & Classes in the CSS Class field

css classes
Introduction / slightly larger text [ class = intro ]
Bold text dolor sit amet, consectetur sed do eiusmod tempor hovered ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea default link color consequat. Duis aute dolor in reprehenderit in voluptate eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Buttons

Select desired Preset name from the Preset: dropdown
White Button Preset

Black Button Preset

Imagery