Share

Explore

Style guide
Style guide

Font: Roboto

⁠

Roboto - Google Fonts⁠

⁠

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

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.