Design System
Color Palette
primary
text-primary-2
rgba(0,0,0, 0.02)
text-primary-4
rgba(0,0,0, 0.04)
text-primary-8
rgba(0,0,0, 0.08)
text-primary-10
rgba(0,0,0, 0.10)
text-primary-16
rgba(0,0,0, 0.16)
text-primary-24
rgba(0,0,0, 0.24)
text-primary-base
#000000
hover
text-hover-16
rgba(155, 181, 251, 0.16)
text-hover-24
rgba(155, 181, 251, 0.24)
text-hover-base
#9BB5FB
pressed
text-pressed-16
rgba(21, 52, 135, 0.16)
text-pressed-24
rgba(21, 52, 135, 0.24)
text-pressed-base
#153487
disabled
text-disabled-8
rgba(38, 94, 246, 0.08)
text-disabled-32
rgba(38, 94, 246, 0.32)
accent
text-accent-primary
#265EF6
text-accent-hover
#9BB5FB
text-accent-pressed
#153487
text-accent-focused
rgba(155, 181, 251, 0.24)
semantic
text-semantic-info
#4073FF
text-semantic-success
#299438
text-semantic-warning
#FF9933
text-semantic-error
#DB4035
neutral
text-neutral-50
#FAFAFA
text-neutral-100
#F4F4F5
text-neutral-200
#E4E4E7
text-neutral-300
#D4D4D8
text-neutral-400
#A1A1AA
text-neutral-500
#71717A
text-neutral-600
#52525B
text-neutral-700
#3F3F46
text-neutral-800
#27272A
text-neutral-900
#18181B
text-neutral-base
#000000
Typography
Industry
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789
display
text-display
7.5rem / 120px
display2
text-display2
4.5rem / 72px
h1
text-h1
3rem / 48px
h2
text-h2
2rem / 32px
mbl-display
text-mbl-display
2.625rem / 42px
mbl-h1
text-mbl-h1
2rem / 32px
mbl-h2
text-mbl-h2
1.625rem / 26px