Shinoda Design System
Last Updated August 20th, 2923
#ffffff
.white
#000000
.black
#fafafa
.gray-10
#f4f4f5
.gray-20
#e4e4e7
.gray-30
#e4e4e7
.gray-40
#a1a1aa
.gray-50
#727279
.gray-60
#52525b
.gray-70
#3f3f46
.gray-80
#27272a
.gray-90
#cc0019
.colour-100-dark
#f51450
.colour-100-light
#e66900
.colour-200-dark
#ff6905
.colour-200-light
#e6c800
.colour-300-dark
#ffd700
.colour-300-light
#009650
.colour-400-dark
#00b964
.colour-400-light
#005096
.colour-500-dark
#0073eb
.colour-500-light
4.50em
.display-l
3.75em
.display-m
3.00em
.display-s
2.50em
.heading-xl
2.00em
.heading-l
1.50em
.heading-m
1.25em
.heading-s
1.00em
.heading-xs
0.875em
.heading-xxs
1.25em
.body-xl
1.125em
.body-l
1.00em
.body-m
0.875em
.body-s
0.75em
.body-xs
0.625em
.body-xxs
Buttons
.ghostbutton
.plainbutton
.outlinebutton
.solidbutton-3
.solidbutton-3.25
.solidbutton-3.5
.solidbutton-3.75
.solidbutton-4
.solidbutton-4.25
