Style guide

Visual foundations

Visual foundations

Visual foundations

A compact reference for the project’s flat color tokens and font styles, named to match the visible palette and type usage.

A compact reference for the project’s flat color tokens and font styles, named to match the visible palette and type usage.

A compact reference for the project’s flat color tokens and font styles, named to match the visible palette and type usage.

Color styles

Flat names · no folders

White 01

White 02

White 03

White 04

White 05

White 01

Purple 01

Purple 02

Purple 03

Purple 04

Purple 05

Purple 06

Green 01

Black 01

Black 60%

Black 20%

White 20%

Black 02

Font styles

Font-based names

Anek Latin Display H1

Anek Latin Display H1

Instrument Sans Display H2

Instrument Sans Display H2

Instrument Sans Display H3

Instrument Sans Display H3

Instrument Sans Paragraph

Instrument Sans Paragraph

Instrument Sans Nav Button

Instrument Sans Nav Button

Instrument Sans Span

Instrument Sans Span