Styleguide
Colors, type and components used across Isobar. Change a style here and it updates everywhere.
Colors
Background/Page
#F7F9FC
Background/Surface
#FFFFFF
Background/Soft
#E3EDFB
Background/Ink
#0E1A2B
Text/Secondary
#4B5563
Text/Muted
#6B7280
Accent/Sky
#2F7BF6
Accent/Sun
#F6A623
Border/Subtle
#E5E9F0
Typography
Display
Instrument Serif · 112 / 96%
Clear skies ahead
Title
Instrument Serif · 64 / 100%
Clear skies ahead
Heading
Instrument Serif · 36 / 110%
Clear skies ahead
Subheading
Instrument Serif · 26 / 115%
Clear skies ahead
Lead
Inter · 20 / 150%
Isobar reads every account and shows where your balance is heading.
Body
Inter · 16 / 155%
Isobar reads every account and shows where your balance is heading.
Label
Inter Medium · 14 / 140%
Isobar reads every account and shows where your balance is heading.
Components
Buttons
Cards
This week
Sunny week ahead
Nothing large leaves your account until Friday.
Mon
$4,280
Thu
$2,140
FAQ
How does Isobar forecast my balance?
It finds your recurring bills, paychecks and usual spending, then places them on the days ahead.
Icons