Share
Explore

Style guide

Font: Roboto

Whites: Used for Text - Backgrounds
Blacks: Used for Text
Accents main: Used for Buttons, Tags, CTA’s
Accents Dark: Used with accents main for Buttons, Tags, CTA’s to show pressed or hover states
Accents Darker: Used with accents main for Buttons, Tags, CTA’s to show Current
Colour chart
Search
1
Grey 1.png
Grey 1
374355
2
Grey 2.png
Grey 2
3D4D65
3
Grey 3.png
Grey 3
53657D
4
White 1.png
White 1
ffffff
5
White 2.png
White 2
EBEFF3
6
white 3.png
White 3
C9D3DF
7
Accent Red.png
Accent Red
D1335B
8
Accent Orange.png
Accent Orange
FF9947
9
Accent Blue.png
Accent Blue
0081D5
10
Accent Green.png
Accent Green
03BD5B
11
Accent Purple.png
Accent Purple
A939B9
12
Accent Teal.png
Accent Teal
0FA3A3
13
Accent dark red.png
Accent Dark Red
AB294A
14
Accent dark orange.png
Accent Dark Orange
CC5B01
15
Accent dark blue.png
Accent Dark Blue
0061A1
16
Accent dark green.png
Accent Dark Green
007C3B
17
Accent dark purple.png
Accent Dark Purple
7B2887
18
Accent dark Teal.png
Accent Dark Teal
0A7676
19
Accent darker Red.png
Accent Darker Red
5D1326
20
Accent darker orange.png
Accent Darker Orange
5A2800
21
Accent darker blue.png
Accent Darker Blue
003252
22
Accent darker green.png
Accent Darker Green
003B1C
23
Accent darker purple.png
Accent Darker Purple
4A1652
24
Accent darker teal.png
Accent Darker Teal
053C3C
There are no rows in this table
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.