40% Off Sitewide // Free Shipping on Orders $100+

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#212429
RGB33, 36, 41
CMYK20, 12, 0, 84
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#212429
RGB33, 36, 41
CMYK20, 12, 0, 84
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
Pass
A
Pass
Namepink
Hex#ffcccc
RGB255, 204, 204
CMYK0, 20, 20, 0
A
Fail
A
Fail
A
Fail
A
Fail
Namebrand
Hexunknown
RGBunknown
CMYKunknown

Palettes

Gray

gray - 0
Hex#dde2e5
RGB221, 226, 229
CMYK3, 1, 0, 10
gray - 1
Hex#acb5bd
RGB172, 181, 189
CMYK9, 4, 0, 26
gray - 2
Hex#495057
RGB73, 80, 87
CMYK16, 8, 0, 66
gray - 3
Hex#212429
RGB33, 36, 41
CMYK20, 12, 0, 84
gray - 4
Hex#f8f9fa
RGB248, 249, 250
CMYK1, 0, 0, 2
gray - 5
Hex#e5e5e5
RGB229, 229, 229
CMYK0, 0, 0, 10

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
inherit
The quick brown fox jumps over the lazy dog
heading1
"Bebas Neue Pro", sans-serif
The quick brown fox jumps over the lazy dog
heading2
"Northwell", serif
The quick brown fox jumps over the lazy dog
body
"Gotham", 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
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

Font Sizes

Token
Size
Preview
0
11
Size 0
1
13
Size 1
2
16
Size 2
3
21
Size 3
4
28
Size 4
5
38
Size 5
6
56
Size 6

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
Free US Shipping on
Orders $100+
100% Happiness
guaranteed
100% Secure
checkout
10% of profits go toward
marine conservation

Help us #savethefishies.
Enter your mobile number to learn more about our mission, plus get 15% off your first order!

Submit your phone number to agree to receive recurring automated messages from Sand Cloud to the number provided. Consent is not a condition of any purchase. Msg & data rates may apply. View Privacy Policy
Sign Up for our newsletter
© Copyright 2015-2020 SAND CLOUD |Terms|Privacy