Money as it moves
Income, costs and what is left, the moment a paper is filed. No waiting for the month to end.
Blocks
Ready-made pieces of a page, each a card that does one job. They take plain data, count their numbers up, light under the pointer and reflow with the grid. Every one here is fed real numbers from the sample books, and they open the working templates.
Three figures beside the main chart, each with its change against the same period last year.
A figure at the top of a detail page. Children replace the number for text, like a contact.
| Prop | Values | Default | What it does |
|---|---|---|---|
title / value | string · number | — | Counts up to the value |
currency / decimals | '€' | '' · number | '€' · 2 | How it reads |
change / changeLabel / goodWhen | % or null · string · 'up' | 'down' | — | A badge; null reads “New in 2026” |
note / children | string · snippet | — | A line under it · text instead of a number |
Grid items that open their page. Spent turns red when it runs more than 5 points ahead of the work (second card).
| Prop | Values | Default | What it does |
|---|---|---|---|
ProjectCard | href · name · status · client · place · progress · budget · spent · end | — | A job |
ClientCard | href · name · since · contact · city · revenue · trend · change · projects | — | A client |
A total and its parts; a figure with the sheet behind its ↗; a loan paid off in ticks.
How a job is going; who works on it; who to call; a client's jobs.
Spending is in step with the work done.
A numbered story for a home page, a website section or a feature tour: a tall gradient, a title and one line, and a frosted panel holding any chart. The panel carries the night tokens, so the chart inside turns white on the glass by itself. Tones: sunset, ocean, dusk.
Income, costs and what is left, the moment a paper is filed. No waiting for the month to end.
Jobs, maintenance and the rest, side by side, each with its share.
Every paper filed to materials, labour, fuel and more, with its share at a glance.
| Prop | Values | Default | What it does |
|---|---|---|---|
number | number | — | Shown as 01 / |
title · text | string | — | The story in a line |
tone | 'sunset' | 'ocean' | 'dusk' | 'sunset' | The sky behind it |
panel | string | — | The glass panel’s title |
children | snippet | — | The panel’s content (a chart, a figure) |