V9 — Pamflet
Thesis: Dutch protest-pamphlet brutalism — no images, no cards, no chrome; only enormous typography, one green, hard rules, and the site readable top-to-bottom as a manifesto you could wheat-paste to a wall. WCAG AA everywhere, because making brutalism accessible is the flex. The one direction that sounds like the students, not the consultancy.
One of ten competing design variants; content identical across all ten (see website/variants/content.md).
Specification
Palette
Unbleached paper
#F6F3EC, ink#111311, one green#00693C/#00522E. Nothing else exists. Ink on paper is 16:1; green-deep on paper passes AA at every size used.Type
Anton (the shout — up to 12.5rem, line-height 0.92, uppercase) + Public Sans 400/700 (the fine print). Two voices: shouted and spoken. The scale ratio between them IS the design.
Structure
Single column, hard 8px section rules (3px for minor breaks), numbered manifesto lists with oversized counters, facts as green-barred stamps, the team as signatories. The one rotated element (the GRATIS block) earns its tilt by being the pamphlet's single most important fact.
Motion
None. Paper does not animate. Hover and focus states only — thick underlines and block inversions. Zero JavaScript on the entire variant.
Honesty devices
"NOG NIET — not yet" dashed blocks; the manifesto's fourth belief states the rule out loud; no logo appears that wasn't earned.
Accessibility flex
Semantic heading order under the shouts, visible focus everywhere, no motion to gate, no images to alt — the most accessible variant of the ten by construction.
How to print more
Build: hand-written static HTML/CSS, one stylesheet, no framework, no JavaScript, no images. ~70 KB of self-hosted woff2 is the whole asset budget — the lightest variant of the ten.
Mood calibration: Provo-era Dutch protest print and International Typographic-era manifestos — scale as conviction, restraint as discipline. The line to hold: every shout must be true; brutalism with false claims is just advertising.
To extend: every new page is the next numbered pamphlet. Our Work becomes Pamflet Nr. 3 — one case per broadsheet section, the outcome as the shout and the evidence as fine print. Impact is a single giant number page (only when the number is real). Rules: one green, no images except real photographs of real work when they exist, and nothing decorative that a photocopier couldn't reproduce.
Deploy: consolidated Cloudflare Pages tree via tools/deploy-cf.ps1.
Rounds
Print 2 — Critic round 1. Verdict: "3rd of ten — the most instantly recognisable thesis in the field, but the execution is a mobile column stretched onto a 1440 canvas, and a pamphlet that leaves a third of the sheet blank is not a pamphlet." Top notes, all actioned: the dead right third is gone — the max-width cage was replaced with an edge-to-edge sheet (64px margins), so the display type and the hard rules now run the full width the way a wheat-paste poster does; the manifesto and the service lists became two-column — number and heading on the left, description on the right, one rule spanning the sheet, and the identical treatment now serves both "The work" and "The fronts" (they had drifted apart); the "Gratis. €0." block was rendering in the body font — a bare .shout--2 with no display family, which read as a failed webfont — now the display face on a full-width black bar with cream type, the second-loudest object after the hero; the cover hero was quieter than the interior recruitment poster — the index shout was scaled up so the cover out-shouts everything; the €0 fact was orphaning to its own row — the facts are now a fixed four-up grid with €0 set larger and green, since €0 is the whole organisation's thesis; the mobile manifesto orphaned single words — the four belief headings are hand-broken and balanced; the intake form read as an unstyled default — rebuilt as stamped fields (a single 4px baseline rule, input text in the display face) with a full-width black submit bar; and the eyebrows, nav and placeholder type were raised off their too-small settings. Kept, deliberately: the NOG NIET dashed placeholders, the 4px black section rules, the green-on-last-word device, and the Signed executive-board block — the report named all four as the best things on the site.