BLACK FRIDAY SALE: 20% OFF EVERYTHING

Style Guide

Colors

A
Pass
A
Pass
A
Fail
A
Fail
Nameprimary
Hex#141414
RGB20, 20, 20
CMYK0, 0, 0, 92
A
Fail
A
Fail
A
Pass
A
Pass
Namesecondary
Hex#ffffff
RGB255, 255, 255
CMYK0, 0, 0, 0
A
Pass
A
Pass
A
Fail
A
Fail
Nametext
Hex#141414
RGB20, 20, 20
CMYK0, 0, 0, 92
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#979797
RGB151, 151, 151
CMYK0, 0, 0, 41
A
Fail
A
Pass
A
Pass
A
Pass
Nameaccent
Hex#00aa64
RGB0, 170, 100
CMYK100, 0, 41, 33
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
Pass
A
Pass
Namemuted
Hex#efefef
RGB239, 239, 239
CMYK0, 0, 0, 6
A
Fail
A
Fail
A
Pass
A
Pass
Nameborder
Hex#d8d8d8
RGB216, 216, 216
CMYK0, 0, 0, 15

Palettes

Gray

gray - 0
Hex#f9f9f9
RGB249, 249, 249
CMYK0, 0, 0, 2
gray - 1
Hex#efefef
RGB239, 239, 239
CMYK0, 0, 0, 6
gray - 2
Hex#979797
RGB151, 151, 151
CMYK0, 0, 0, 41
gray - 3
Hex#3c3c3c
RGB60, 60, 60
CMYK0, 0, 0, 76

Typography

Font Family

Token
Value
Preview
text
"Messina Sans", "Helvetica Neue", "Helvetica", Arial, sans-serif
The quick brown fox jumps over the lazy dog
heading
"Messina Sans", "Helvetica Neue", "Helvetica", Arial, sans-serif
The quick brown fox jumps over the lazy dog

Font Weights

Token
Value
Preview
text
300
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
light
300
The quick brown fox jumps over the lazy dog
regular
400
The quick brown fox jumps over the lazy dog
semi
600
The quick brown fox jumps over the lazy dog

Font Sizes

Token
Size
Preview
0
12
Size 0
1
13
Size 1
2
14
Size 2
3
15
Size 3
4
16
Size 4
5
20
Size 5
6
22
Size 6
7
24
Size 7
8
28
Size 8
9
32
Size 9
10
48
Size 10
11
64
Size 11

Headings

No heading styles defined

Space

Token
Size
Preview
0
0
1
4
2
6
3
8
4
10
5
12
6
14
7
16
8
20
9
24
10
32
11
40
12
48
13
56
14
72
15
80
16
100
17
118
18
142

Created with @lekoarts/gatsby-theme-styleguide.

COMPANY
Shop AllGift CardsWholesalePartnerships

Stay Connected

Get exclusive deals & insider scoop.

© 2020 PUBLIC REC. ALL RIGHTS RESERVED.