Stylesheet

Update this section with all the relevant assets that designers + developers will need for this project. This can include: fonts, logos, imagery, copy etc.

Colour

  • 50
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
Primary | 100
#DBE8FE
Primary | 500
#2E6DF3
Primary | 800
#2039AD
  • 50
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
Secondary | 100
#F6EBEA
Secondary | 200
#EED6D3
Secondary | 700
#8F4E46
  • 50
  • 100
  • 200
  • 300
  • 400
  • 500
  • 600
  • 700
  • 800
  • 900
Neutral | 100
#EEEEEE
Neutral | 500
#757575
Neutral | Black
#121212
UI | Success
#19A97B
UI | Warning
#FDCF69
UI | Danger
#CF4F66

Typography

Heading-style-h1 | Domine 400 | 64/110

The quick brown fox jumps over the lazy dog

Heading-style-h2 | Domine 400 | 48/120

The quick brown fox jumps over the lazy dog

Heading-style-h3 | Domine 400 | 32/120

The quick brown fox jumps over the lazy dog

Heading-style-h4 | Domine 400 | 24/140

The quick brown fox jumps over the lazy dog

Heading-style-h5 | Roboto Bold | 20/150

The quick brown fox jumps over the lazy dog

Heading-style-h6 | Roboto Bold | 16/150

The quick brown fox jumps over the lazy dog

Buttons

Link primary Link icon Link disabled
Link secondary Link icon Link disabled
Link tertiary Link icon Link disabled

Typography

Heading-style-h1 | Domine 400 | 64/110

The quick brown fox jumps over the lazy dog

Heading-style-h2 | Domine 400 | 48/120

The quick brown fox jumps over the lazy dog

Heading-style-h3 | Domine 400 | 32/120

The quick brown fox jumps over the lazy dog

Heading-style-h4 | Domine 400 | 24/140

The quick brown fox jumps over the lazy dog

Heading-style-h5 | Roboto Bold | 20/150

The quick brown fox jumps over the lazy dog

Heading-style-h6 | Roboto Bold | 16/150

The quick brown fox jumps over the lazy dog

Buttons

Link primary Link icon Link disabled
Link secondary Link icon Link disabled
Link tertiary Link icon Link disabled

Typography

Heading-style-h1 | Domine 400 | 64/110

The quick brown fox jumps over the lazy dog

Heading-style-h2 | Domine 400 | 48/120

The quick brown fox jumps over the lazy dog

Heading-style-h3 | Domine 400 | 32/120

The quick brown fox jumps over the lazy dog

Heading-style-h4 | Domine 400 | 24/140

The quick brown fox jumps over the lazy dog

Heading-style-h5 | Roboto Bold | 20/150

The quick brown fox jumps over the lazy dog

Heading-style-h6 | Roboto Bold | 16/150

The quick brown fox jumps over the lazy dog

Buttons

Link primary Link icon Link disabled
Link secondary Link icon Link disabled
Link tertiary Link icon Link disabled

Typography

Heading-style-h1 | Domine 400 | 64/110

The quick brown fox jumps over the lazy dog

Heading-style-h2 | Domine 400 | 48/120

The quick brown fox jumps over the lazy dog

Heading-style-h3 | Domine 400 | 32/120

The quick brown fox jumps over the lazy dog

Heading-style-h4 | Domine 400 | 24/140

The quick brown fox jumps over the lazy dog

Heading-style-h5 | Roboto Bold | 20/150

The quick brown fox jumps over the lazy dog

Heading-style-h6 | Roboto Bold | 16/150

The quick brown fox jumps over the lazy dog

Buttons

Link primary Link icon Link disabled
Link secondary Link icon Link disabled
Link tertiary Link icon Link disabled

Spacing

Desktop

tw-p-xs
tw-p-sm
tw-p-md
tw-p-lg
tw-p-xl
tw-p-2xl
tw-p-3xl
tw-p-4xl