Style Guide

A guide to design standards forResponsible Cafes brand.

Logo

Colours

Midnight
#201713

R32 G23 B19
C65 M68 Y69 K80

Turquoise
#1cc4ca

R28 G196 B202
C68 M0 Y25 K0

WHITE
#ffffff

R255 G255 B255
C0 M0 Y0 K0

Maroon
#782e33

R120 G46 B51
C34 M86 Y71 K38

Secondary Colours

Yellow
#fdf2aa

R253 G242 B170
C2 M1 Y41 K0

Dk Turquoise
#1aa8a8

R26 G168 B168
C76 M11 Y38 K0

Grey
#7c7c7c

R124 G124 B124
C53 M44 Y44 K9

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

Additional Styling available using classes.

To enter a class click on the 3 line icon and then ‘Advanced’ tab.
Enter under CSS Class.

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.

Coloured headings – Turquoise

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Coloured headings – Maroon

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Buttons

Standard / default button

Maroon button

Yellow button

White button

Imagery