Share

Explore

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

Grey 1.png

Grey 1

374355

Grey 2.png

Grey 2

3D4D65

Grey 3.png

Grey 3

53657D

White 1.png

White 1

ffffff

White 2.png

White 2

EBEFF3

white 3.png

White 3

C9D3DF

Accent Red.png

Accent Red

D1335B

Accent Orange.png

Accent Orange

FF9947

Accent Blue.png

Accent Blue

0081D5

Accent Green.png

Accent Green

03BD5B

Accent Purple.png

Accent Purple

A939B9

Accent Teal.png

Accent Teal

0FA3A3

Accent dark red.png

Accent Dark Red

AB294A

Accent dark orange.png

Accent Dark Orange

CC5B01

Accent dark blue.png

Accent Dark Blue

0061A1

Accent dark green.png

Accent Dark Green

007C3B

Accent dark purple.png

Accent Dark Purple

7B2887

Accent dark Teal.png

Accent Dark Teal

0A7676

Accent darker Red.png

Accent Darker Red

5D1326

Accent darker orange.png

Accent Darker Orange

5A2800

Accent darker blue.png

Accent Darker Blue

003252

Accent darker green.png

Accent Darker Green

003B1C

Accent darker purple.png

Accent Darker Purple

4A1652

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.