Components
Every primitive in Coffer, on one page. All of it is driven by the same design tokens — change a token and everything here follows.
Structure
Navigation
Overlays
Disclosure
Content
Colour tokens
Two grounds, one set of names. No component ever hard-codes a colour.
Typography
Chivo for interface, Chivo Mono for anything countable. Money is always tabular.
Page heading — 1.65rem bold
Section heading — 0.95rem semibold
Body copy sits at 0.8125rem, the same size as every table cell, so a paragraph beside a table does not fight it. Line length is capped near 62 characters.
Label — mono, uppercase, tracked
$128,950.00 — tabular figures
INV-2091 · JE-0418 · account 1100
Buttons
Status chips
Each chip carries a dot as well as a colour, so status survives a greyscale print and colour-blind readers.
Icons
31 icons, drawn in-house on a 24×24 stroke grid. No third-party licence to worry about.
Form controls
With a description underneath.
Stat tiles
Outstanding
$128,950.00
34 open
avg 21 days to pay
Overdue
$19,720.00
7 invoices
oldest 41 days
Alerts
Reconciled. The bank and the ledger agree to the cent.
Three bills fall due within seven days.
This period is locked. Unlock it in Settings to post.
Tabs, tables, empty and loading states
| Reference | Party | Status | Amount |
|---|---|---|---|
| INV-2091 | Northwind Trading | Paid | $4,280.00 |
| INV-2090 | Kestrel Logistics | Sent | $12,640.00 |
| INV-2089 | Arbor Health Group | Overdue 6d | $3,115.50 |
| INV-2088 | Delta Fabrication | Paid | $8,900.00 |
Nothing here yet
When you raise your first invoice it will appear in this list, with the amount outstanding beside it.
Progress and meters
Used for revenue share, budget burn and reconciliation progress.