024Harbor
Navy, never black, on a pale-blue page: centred figures with a small raised dollar sign, money said as 'left' and 'spent', categories as rings.
Use it: tell your agent
make my mobile app in 024
The signature
All ink is one navy (#143352) at three strengths on a pale blue page with white 24px panels. Figures are centred, semibold, with a small raised '$' and a plain word after them ('$1,284 left', '$1,916 spent'). Each category is a ring filled by its share. Green means only 'left / done / under'; blue means only 'press this / you are here'.
Credit
After Copilot Money (copilot.money), Apple Design Award finalist (as shown on its site). Visit copilot.money
The preview is our own re-making in free fonts, with our own sample content. Nothing from the source is shown here.
Palette
- page#F1F7FE
- panel#FFFFFF
- navy#143352
- textrgba(20,51,82,0.85)
- quietrgba(20,51,82,0.68)
- linergba(20,51,82,0.08)
- blue#437CEF
- blueInk#3668C5
- under#00CC48
- underText#0B873C
- over#FC4430
Fonts
- DisplayFigtree430, 500, 600
- TextFigtree430, 500
Sign in to see the full guide
The guide is the whole recipe for Harbor: type sizes, colour roles, spacing, layout, components, and the rules your agent must never break. It is free with a DevThrottle account.