021On Time
Dense facts made calm: big bold figures lead, everything else is quiet grey, and colour only ever means state.
Use it: tell your agent
make my mobile app in 021
The signature
Each block is led by one big, heavy figure, read against a ticked instrument scale (one tick per day of the month, or per $100 of budget) with a single yellow 'you are here' dot; the facts around it are small and grey, and a single green word says the state ('On track', 'Done'). Yellow means only 'here' or 'press this'.
Credit
After Flighty (flighty.com), Apple Design Award winner 2023 (as shown on its site). Visit flighty.com
The preview is our own re-making in free fonts, with our own sample content. Nothing from the source is shown here.
Palette
- paper#FFFFFF
- ink#000000
- textrgba(0,0,0,0.80)
- mutedrgba(0,0,0,0.55)
- rulergba(0,0,0,0.08)
- wash#F4F4F6
- night#05010D
- go#08A85B
- go-text#07864B
- now#F7BE00
Fonts
- DisplayHubot Sans700, 800
- TextMona Sans500, 600, 700
Sign in to see the full guide
The guide is the whole recipe for On Time: type sizes, colour roles, spacing, layout, components, and the rules your agent must never break. It is free with a DevThrottle account.