LOGIN

Style Guide

Colors

A
Pass
A
Pass
A
Fail
A
Fail
Nameprimary
Hex#252525
RGB37, 37, 37
CMYK0, 0, 0, 85
A
Fail
A
Fail
A
Pass
A
Pass
Namesecondary
Hex#00f7bb
RGB0, 247, 187
CMYK100, 0, 24, 3
A
Pass
A
Pass
A
Fail
A
Fail
Nametext
Hex#3d3935
RGB61, 57, 53
CMYK0, 7, 13, 76
A
Fail
A
Fail
A
Pass
A
Pass
Namebackground
Hex#ffffff
RGB255, 255, 255
CMYK0, 0, 0, 0
A
Fail
A
Fail
A
Pass
A
Pass
Namesale
Hex#d8d8d8
RGB216, 216, 216
CMYK0, 0, 0, 15
A
Pass
A
Pass
A
Fail
A
Fail
Nameblack
Hex#252525
RGB37, 37, 37
CMYK0, 0, 0, 85
A
Fail
A
Fail
A
Pass
A
Pass
Namewhite
Hex#ffffff
RGB255, 255, 255
CMYK0, 0, 0, 0
A
Pass
A
Pass
A
Fail
A
Fail
Nametrueblack
Hex#000000
RGB0, 0, 0
CMYK0, 0, 0, 100
A
Pass
A
Pass
A
Fail
A
Pass
Nameerror
Hex#c30202
RGB195, 2, 2
CMYK0, 99, 99, 24
A
Fail
A
Pass
A
Pass
A
Pass
Namesuccess
Hex#00aa64
RGB0, 170, 100
CMYK100, 0, 41, 33
A
Fail
A
Fail
A
Pass
A
Pass
Namewarning
Hex#ffcc00
RGB255, 204, 0
CMYK0, 20, 100, 0
A
Fail
A
Fail
A
Fail
A
Fail
Namebrand
Hexunknown
RGBunknown
CMYKunknown

Palettes

Gray

gray - 0
Hex#e8e7e5
RGB232, 231, 229
CMYK0, 0, 1, 9
gray - 1
Hex#f9f9f9
RGB249, 249, 249
CMYK0, 0, 0, 2
gray - 2
Hex#a7a6a6
RGB167, 166, 166
CMYK0, 1, 1, 35
gray - 3
Hex#4e4b4c
RGB78, 75, 76
CMYK0, 4, 3, 69
gray - 4
Hex#3c3c3c
RGB60, 60, 60
CMYK0, 0, 0, 76

Typography

Font Family

Token
Value
Preview
text
system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif
The quick brown fox jumps over the lazy dog
heading
'Libre Franklin', sans-serif
The quick brown fox jumps over the lazy dog
body
'Libre Franklin', sans-serif
The quick brown fox jumps over the lazy dog

Font Weights

Token
Value
Preview
text
400
The quick brown fox jumps over the lazy dog
heading
600
The quick brown fox jumps over the lazy dog
bold
700
The quick brown fox jumps over the lazy dog
thin
100
The quick brown fox jumps over the lazy dog
light
300
The quick brown fox jumps over the lazy dog
regular
400
The quick brown fox jumps over the lazy dog
semi
500
The quick brown fox jumps over the lazy dog
black
900
The quick brown fox jumps over the lazy dog

Font Sizes

Token
Size
Preview
0
11
Size 0
1
15
Size 1
2
16
Size 2
3
17
Size 3
4
21
Size 4
5
28
Size 5
6
32
Size 6
7
40
Size 7
8
56
Size 8

Headings

No heading styles defined

Space

Token
Size
Preview
0
0
1
8
2
16
3
24
4
32
5
40
6
48
7
56
8
64
9
72
10
80
11
88
12
96
13
104
14
112
15
120
16
128
17
136
18
144
19
152
20
160
21
168
22
176
23
184
24
192
25
200
26
208
27
216
28
224
29
232
30
240
31
248
32
256
33
264
34
272
35
280
36
288
37
296
38
304
39
312
40
320

Created with @lekoarts/gatsby-theme-styleguide.