Style Guide

A guide to design standards for Debbie Sassen.

Colours

Charcoal
#363537
Gold
#e0a348
Turquoise
#45a5af
Sand
#f0e9e5
Pale Sand
#f9f6f5
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

Custom Styling

Introduction / slightly larger text
CSS 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.
Coloured headings
CSS Class: script

script text

Introduction / slightly larger text
CSS Class: turquoise

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
Coloured headings
CSS Class: gold

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Buttons

Preset: Button Gold

Imagery

Pin It on Pinterest