Design System
Style Guide
Colours
Neutrals
Black
rgb(0, 0, 0)
Concrete
rgb(67, 64, 67)
Grey Mid
rgb(136, 136, 136)
Grey Light
rgb(221, 221, 221)
Grey Lightest
rgb(245, 245, 245)
Grey Most Lightest
rgb(250, 250, 250)
Crate
rgb(250, 245, 237)
White
rgb(255, 255, 255)
Seafoam & Teal
Seafoam Most Darkest
rgb(75, 110, 110)
Seafoam Darkest
rgb(132, 171, 171)
Seafoam Dark
rgb(168, 198, 198)
Seafoam
rgb(190, 214, 214)
Seafoam Light
rgb(231, 240, 240)
Seafoam Lightest
rgb(245, 250, 250)
Accents
Lilac
rgb(199, 175, 222)
Purple
rgb(145, 96, 204)
Sky
rgb(141, 193, 252)
Chalk Blue
rgb(229, 237, 250)
Pink
rgb(255, 145, 207)
Hot Pink
rgb(240, 14, 116)
Salmon
rgb(255, 204, 204)
Dusty Salmon
rgb(219, 204, 207)
Grass
rgb(111, 217, 172)
Gold
rgb(237, 179, 33)
Moss
rgb(223, 224, 209)
Typography
h1
Open Sauce Sans · Light · 50 / 1.1
The quick brown fox
h2
Open Sauce Sans · Light · 36 / 1.2
The quick brown fox
h3
Open Sauce Sans · Regular · 25 / 1.2
The quick brown fox jumps over
h4
Open Sauce Sans · Semibold · 18 / 1.2
The quick brown fox jumps over the lazy dog
h5
Open Sauce Sans · Medium · 16 / 1.2
The quick brown fox jumps over the lazy dog
H6
Open Sauce Sans · Bold · 14 / 1.2
The quick brown fox jumps over the lazy dog
p large
Open Sauce Sans · Regular · 18 / 1.5
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs.
p
Open Sauce Sans · Regular · 16 / 1.5
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs.
P small
Open Sauce Sans · Regular · 14 / 1.4
The quick brown fox jumps over the lazy dog. Pack my box with five dozen liquor jugs.
Code
DM Mono · Regular · 14 / 1.2 · Uppercase
The quick brown fox 1234567890