Styleguide
Colors, type, buttons and icons used across Planchet. Change a style here and it updates everywhere.
Colors
Page
#FAFAF9
Surface
#F1F1EF
Soft
#EEF0F6
Deep
#0E1116
Primary
#0E1116
Secondary
#5B5F66
Ink
#17246B
Ink Hover
#0F1A55
Lime
#D7F25C
Coral
#F5603F
Sky
#3D8BFF
Positive
#2A7049
Warning
#B4441F
Typography
Display
Geist Light 72 / 56 / 44
Every teammate gets a card
Title
Geist Light 44 / 38 / 32
Spend rules that hold up
Heading
Geist Medium 22 / 21 / 20
Budgets that switch with the card
Article
Geist 19 / 18 / 17
Long reads use a larger paragraph size with relaxed spacing.
Body
Geist 16
Supporting copy sits in the secondary color at 16px.
Label
Geist Medium 14
Labels and buttons use tabular numbers: $1,240.00
Small
Geist 14
Small print and meta details