Design reference 75 · Community & institutions
Annual Report
Tell the year’s story and show the evidence behind it.
Download design ZIP · Open interactive specimen
Design specification
Philosophy and fit. Tell the year’s story and show the evidence behind it. Built for public organisation, nonprofit, annual reporting. The visitor’s next step is to explore the report.
Visual grammar. Use a burgundy editorial report with oversized year numerals and clearly labelled financial tables. Preserve the hierarchy of achievements, financial data, project outcomes, sources; these patterns solve this business’s actual decision, rather than supplying interchangeable decoration.
Sample and interaction. Northbank / Public library is a fictional demonstration. The entry page establishes a complete visual direction, with year in review and financial statements as supporting states. Inputs use local deterministic fixtures; no request, order, application or payment is sent.
Responsive behaviour. On a phone, keep the primary decision first, stack facts with explicit labels, preserve the order of the workflow, and provide comfortably sized controls. Wide diagrams scale; tabular facts retain their labels.
Adaptation. Replace the fictional brand, prices, availability, qualifications and claims with verified client information. Preserve achievements, financial data, project outcomes. Use imagery to explain the place, people, work or product, with deliberate crops and honest captions. Do not turn this into a generic hero-and-card layout.
Identity and adaptation. An oversized year opens a paced digital publication. Narrative chapters explain achievements before financial tables and source notes; the sequence is a report to read, rather than a live dashboard to monitor.
Files for a coding model
Reference images
- Desktop — 1440 × 1000 viewport
- Phone — 390 × 844 viewport
- Supporting state — 1440 × 1000 viewport
- Full page — 1440 × 1000 viewport
Supporting routes
Reuse
Use and adapt the original code and specifications for personal or commercial work under MIT. Keep applicable font and photo notices. The ZIP includes the complete runnable reference and its local assets.