Design rules

The system, applied to any site

• Set the whole site on a deep warm-dark canvas (near-black brown) with cream text and reserve a single burnt-orange ember accent for the logo dot, headline highlights, stats and buttons so the palette stays grave and disciplined.
• Make the hero a full-bleed split diptych: two side-by-side duotone panels evoking community, with one enormous display-serif word on each half that reads as a two-word phrase across the seam.
• Run a thin, glowing ember rule as a recurring motif — down the diptych seam and beneath eyebrows, the mission line, the stats band and the footer — to tie the page together with one spark.
• Pair a display serif (e.g. Fraunces) for headings, mission statements and big numbers with a clean sans-serif (e.g. Inter) for body and uppercase nav to balance editorial gravity with legibility.
• State impact as an audited ledger — a hairline-divided row of big serif numbers (people reached, dollars granted, communities funded, cents-on-the-dollar) rather than boastful marketing claims.
• Present programmes as a numbered editorial list with founding dates and plain-spoken descriptions, and keep giving copy honest and specific — real percentages, unrestricted funding, no fanfare.

Ships with