Style Guide
Design system documentation and reference
Color Palettes
surfie
#107C80
25
#f0fdfb
50
#AEF5F1
100
#93F2ED
200
#5DEBE7
300
#26E4E2
400
#17B4B6
500
#107C80
600
#0C5B60
700
#083C41
800
#041E21
900
#00191F
950
#00151A
DEFAULT
#107C80
falu
#7A2016
25
#FFF5DB
50
#EACE8B
100
#E6BD76
200
#DE954B
300
#D06426
400
#A53D1E
500
#7A2016
600
#601114
700
#460D16
800
#2C0813
900
#12030A
DEFAULT
#7A2016
warm
#7a2016
50
#fff2f1
100
#ffe4e1
200
#ffcdc7
300
#ffaaa0
400
#ff796a
500
#f84e3b
600
#e6301c
700
#c12514
800
#a02214
900
#7a2016
950
#480e07
DEFAULT
#7a2016
cool
#0f787b
50
#f0fdfb
100
#ccfbf6
200
#99f6ee
300
#5debe4
400
#2cd5d2
500
#13b9b9
600
#0c9395
700
#0f787b
800
#115b5e
900
#134c4e
950
#042b2f
DEFAULT
#0f787b
Typography
Display Font: REM
Fallback: Inter
displayThe quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Brand Font: Azonix
Fallback: Bahnschrift
brandThe quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Body Font: Inter
Fallback: Roboto
bodyThe quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
Monospace Font: ui-monospace
Fallback: Cascadia Code
monoThe quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog
The quick brown fox jumps over the lazy dog