Style Guide

A guide to design standards for Audrey Page & Associates.
"

Colour Palette

Charcoal Grey
#323e48

R50 G62 B72
C79 M54 Y52 K44

Light Grey
#9aa5af

R154 G165 B175
C42 M29 Y25 K0

Fresh Green
#b8d54f

R184 G213 B79
C32 M0 Y88 K0

Secondary Colours

Almond
#f7f0ea

R247 G240 B234
C2 M4 Y6 K0

Light Gold
#f6e4c0

R247 G228 B192
C3 M9 Y27 K0

Dusty Rose
#dcb8bc

R220 G184 B188
C13 M29 Y17 K0

WHITE
#ffffff

R255 G255 B255
C0 M0 Y0 K0

Light Steel
#bac7d8

R186 G199 B216
C26 M16 Y8 K0

Warm Grey
#c8c8c8

R200 G200 B200
C21 M16 Y17 K0

Patterns

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

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.

Cursive / Script headings

Heading 1

Heading 2

Heading 3

Heading 4

Coloured headings – Fresh Green

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Coloured headings – Light Grey

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Buttons

Standard / default button

Standard Button

White Button

White Button

Light Grey Button

Light Grey Button

Imagery