Tokens
Brand
--purple-10 #f4edf6
--purple-50 #9b57b0
--purple-60 #893fa0
--purple-70 #782b90
Grey scale
--grey-0 #ffffff
--grey-15 #fafafa
--grey-20 #f7f7f7
--grey-30 #f1f1f1
--grey-35 #ececec
--grey-40 #e6e6e6
--grey-45 #dedede
--grey-55 #c9c9c9
--grey-70 #939393
--grey-80 #5f5f5f
--grey-85 #414141
--grey-90 #212121
Accents & surface
--fuchsia-0 #fff0f9
--error-60 #d32f3f
--color-canvas #fcfafa
Type scale
| Role | Token | Spec |
|---|
| Heading / H4 | --text-h4-size | Inter Medium 18/24 |
| Input label | --text-input-label-size | Inter Medium 12/16 |
| Input value | --text-input-value-size | Inter Regular 14/22 |
| Helper text | --text-helper-size | Inter Regular 12/15.5 |
| Button small | --text-button-small-size | Inter Medium 14/12 |
Spacing
--space-1 4px
--space-2 8px
--space-3 12px
--space-4 16px
--space-5 24px
--space-6 32px
--space-8 48px