Numbers, with their context.
Results are the strongest proof, and the easiest to fake. PROOF formats them so every figure carries its period, baseline and source.
Result statements
A number, what it measures, the period and baseline, and where it came from. Demo figures are always marked illustrative.
Before / after
A draggable divider over two states. Keyboard: arrow keys move it 5%. Both states are labeled.
Charts
Ink for data, one red bar for the moment that matters, a baseline at zero. Direct labels over legends.
Project timeline
Shows clients how the work actually runs. Used in case studies and proposals.
- Discovery
- Directions
- Shelf test
- System & packaging
- Web & launch
Data honesty
- 01State the period and the baseline for every number.
- 02Name the source; say if the client shared it.
- 03Axes start at zero. No 3D, no dual axes.
- 04Round honestly: +38%, not +38.42%, never +40%.
- 05Label demo and estimated figures as illustrative.
- 06If the client asked for confidentiality, show the direction, not the number.
Before / after bars
Paired bars on the same scale. Text alternative sits in the caption, not only in the chart.
Availability heatmap
Booked vs. open weeks for the next 16 weeks. Feeds the header chip and D04.
- Booked
- On hold
- Open
Text alternative: booked weeks 41–46, on hold 47, open 48–49, booked 50, open 51, booked 52, open weeks 1–3, on hold week 4.
Proofing progress
For the client and the photographer. Numbers, not just a bar.
Shop statistics (owner view)
Simple and private: what sold, what’s low, what’s next.
Noor Kaya shop · illustrative · charts animate once on first view and respect reduced motion.