All collections

00 Primitives

225 custom properties · v0.4.3

PRIMITIVE Colors / Base

3
white
#ffffff
black
#151516
transparent
rgba(255, 255, 255, 0)

PRIMITIVE Colors / Alpha

26
alpha-white-0
rgba(255, 255, 255, 0)
alpha-white-2
rgba(255, 255, 255, 0.02)
alpha-white-5
rgba(255, 255, 255, 0.05)
alpha-white-10
rgba(255, 255, 255, 0.1)
alpha-white-20
rgba(255, 255, 255, 0.2)
alpha-white-30
rgba(255, 255, 255, 0.3)
alpha-white-40
rgba(255, 255, 255, 0.4)
alpha-white-50
rgba(255, 255, 255, 0.5)
alpha-white-60
rgba(255, 255, 255, 0.6)
alpha-white-70
rgba(255, 255, 255, 0.7)
alpha-white-80
rgba(255, 255, 255, 0.8)
alpha-white-90
rgba(255, 255, 255, 0.9)
alpha-white-100
#ffffff
alpha-black-0
rgba(21, 21, 22, 0)
alpha-black-2
rgba(21, 21, 22, 0.02)
alpha-black-5
rgba(21, 21, 22, 0.05)
alpha-black-10
rgba(21, 21, 22, 0.1)
alpha-black-20
rgba(21, 21, 22, 0.2)
alpha-black-30
rgba(21, 21, 22, 0.3)
alpha-black-40
rgba(21, 21, 22, 0.4)
alpha-black-50
rgba(21, 21, 22, 0.5)
alpha-black-60
rgba(21, 21, 22, 0.6)
alpha-black-70
rgba(21, 21, 22, 0.7)
alpha-black-80
rgba(21, 21, 22, 0.8)
alpha-black-90
rgba(21, 21, 22, 0.9)
alpha-black-100
#151516

PRIMITIVE Colors / Gray

12
50
#f8f9fb
500
#70787d
600
#5c6266
700
#464a4d
800
#36393c
900
#282a2d
950
#212224
1000
#151516
100 BRAND
#f1f3f7
200 BRAND
#dfe1e6
300 BRAND
#b4babf
400 BRAND
#9fa8b0

PRIMITIVE Colors / Error

11
50
#fef9f9
100
#fde9ea
200
#fcbfc2
300
#fb8f94
400
#fa5860
500
#db1a24
600
#c30b15
700
#970109
800
#790005
900
#5c0003
950
#4d0003

PRIMITIVE Colors / Warning

11
50
#fffef4
100
#ffffe4
200
#ffffb5
300
#fff372
400
#ffde4a
500
#f9ba1a
600
#b77d00
700
#7d5407
800
#653d00
900
#4f3300
950
#352700

PRIMITIVE Colors / Success

11
50
#f5fdfa
100
#d1f5ea
200
#7be2c2
300
#00c88a
400
#00a774
500
#00875d
600
#00704d
700
#0e5341
800
#033f2f
900
#083126
950
#07271f

PRIMITIVE Colors / Red

11
50
#fef9f9
100
#fde9ea
200
#fcbfc2
300
#fb8f94
400
#fa5860
600
#c30b15
700
#970109
800
#790005
900
#5c0003
950
#4d0003
500 BRAND
#db1a24

PRIMITIVE Colors / Yellow

11
50
#fffef4
100
#ffffe4
300
#fff372
400
#ffde4a
500
#f9ba1a
600
#b77d00
700
#7d5407
800
#653d00
900
#4f3300
950
#352700
200 BRAND
#ffffb5

PRIMITIVE Colors / Green

11
50
#f5fdfa
100
#d1f5ea
200
#7be2c2
400
#00a774
500
#00875d
600
#00704d
700
#0e5341
900
#083126
950
#07271f
300 BRAND
#00c88a
800 BRAND
#033f2f

PRIMITIVE Colors / Rosé

11
50
#fffafe
100
#ffe7fa
200
#ffc4f2
400
#e86ac9
500
#c74390
600
#aa2474
700
#881c55
900
#5d0024
950
#4a001c
300 BRAND
#ffa6eb
800 BRAND
#76013a

PRIMITIVE Colors / Blue

11
50
#f9fcfe
100
#e1f0f9
200
#aad4ee
300
#6fb6e1
500
#237ab8
600
#1e5da6
700
#224599
900
#192164
950
#131a54
400 BRAND
#3c9cd7
800 BRAND
#2a337a

PRIMITIVE Colors / Orange

11
50
#fffaf6
100
#ffe9db
200
#ffc299
300
#ff9248
500
#c75101
600
#a54201
700
#7d3200
800
#622700
900
#491d00
950
#3b1800
400 BRAND
#ff6701

PRIMITIVE Colors / Gray stone

11
50
#f6f5f5
100
#eae8e8
200
#cfcecf
300
#b6b3b5
400
#9e9c9d
500
#777576
700
#4a4849
800
#3a3939
900
#2a2a2a
950
#222222
600 BRAND
#656364

PRIMITIVE Colors / Olive

11
50
#fcfbfb
100
#eeedeb
200
#d1cfc9
300
#b1aea2
400
#989384
600
#666151
700
#4c493d
800
#3c392f
900
#2c2a23
950
#23221c
500 BRAND
#7b7562

PRIMITIVE Colors / Brand / Brand Core

14
Red
#db1a24
Stone Gray
#656364
Gray (cold)
#9fa8b0
Gray (warm)
#b4babf
Gray (light)
#f1f3f7
Rose (dark) (old Burgundy)
#76013a
Rose
#ffa6eb
Blue (dark)
#2a337a
Blue (light)
#3c9cd7
Green (dark)
#033f2f
Green (light)
#00c88a
Yellow (light)
#ffffb5
Olive (dark)
#7b7562
Orange
#ff6701

PRIMITIVE Colors / Brand / Master

3
Red
#db1a24
Gray (dark)
#9fa8b0
Gray (light)
#f1f3f7

PRIMITIVE Colors / Brand / Play & Commercial Systems

7
Red
#db1a24
Rose (dark)
#76013a
Rose (light)
#ffa6eb
Blue (dark)
#2a337a
Blue (light)
#3c9cd7
Green (dark)
#033f2f
Green (light)
#00c88a

PRIMITIVE Colors / Brand / Fitness

3
Orange
#ff6701
Gray (dark)
#b4babf
Gray (light)
#f1f3f7

PRIMITIVE Colors / Brand / DesignStudio

4
Stone Gray
#656364
Yellow
#ffffb5
Olive (dark)
#7b7562
Gray (light)
#f1f3f7

Spacing

32
0px
2px
4px
6px
8px
12px
16px
20px
24px
32px
40px
48px
64px
80px
96px
128px
160px
192px
224px
256px
320px
384px
480px
560px
640px
720px
768px
1024px
1280px
1440px
1600px
1920px