Specification — not client-facing
V7 — Polder
Thesis: the Dutch landscape as design system — horizontal strata (sky / dike / field / water) structure every page, a NAP datum line annotates each section's elevation, parcel-strip grids carry content, and the quality system is the pump that keeps the polder dry. The page literally descends below sea level as you scroll, ending at −6.76 m — the real lowest point of the Netherlands. Deep-Dutch identity without a square inch of De Stijl cliché.
One of ten competing design variants; content identical across all ten (see website/variants/content.md).
The system
Specification
Sky #EBF2F3/#DCE9EB · field #EDF3E4/#E2ECD2 · dike #00512E (the 180-green, structural) · water #10333D · ink #182620. Color is elevation: the darker the band, the lower you are. Amber hatch only in "not yet reclaimed" chips.
Bricolage Grotesque 400/600/800 (earthy, chunky display and body) + Spline Sans Mono 400/600 (NAP annotations, parcel numbers, survey labels).
Every section is a stratum opening with the NAP datum line stating its elevation. Services are six parcel strips with dashed cadastral dividers; the timeline is a reclamation sequence (survey → dike → pumping → dry land); the team is het waterschap — the water board.
Exactly what really moves in a polder, nothing else: the pump's sails turn and the waterline drifts (both CSS, both reduced-motion-gated). No entrance reveals — land does not animate.
Placeholders are "not yet reclaimed" hatched plots; the survey-marker facts row states that markers are never guessed; the −6.76 m footer datum is a true geographic fact (Zuidplaspolder), used as geography, not as an org claim.
Method & extension
How it was made, and how to extend it
Build: hand-written static HTML/CSS, one stylesheet, no framework, zero JavaScript, no raster images — the dike section, survey map, and pump are inline SVG. ~192 KB of self-hosted woff2 is the asset budget.
Mood calibration: waterschap cartography, cadastral maps, and the visual calm of the flat horizon — the stratum is the hero. The rule when extending: every new section must declare its elevation, and the page must always end in water.
To extend: Our Work becomes reclaimed parcels (one case per parcel, its outcome as the crop); Impact is the day the survey markers get real numbers; About is the history of the polder. Never stack two strata of the same band; never let anything float free of a stratum.
Deploy: consolidated Cloudflare Pages tree via tools/deploy-cf.ps1.
Critique & revision log
Rounds
Stage 3 — 2026-07-25 live-review feedback round. A second real client feedback round, this time on the live V2/V11/V7 build. Note on terminology: the client asked for "Project Manager" to be renamed "Team Leader" everywhere — the reverse of Stage 2's "Team lead" → "Project Manager" change (itself pulled from the org's Terminology Requirement doc, which still lists Team Leader as the disallowed term). Flagged to the client; per their explicit choice, Team Leader is what ships here too.
Changed: booking-request survey moved to directly after the hero on for-clients (was the third stratum); the Mission headline's "…and least able to pay for it" clause reworded (client: "sounds weird") to "reclaimed like new land, made uniquely affordable" — same fix applied across the three variants under active review. Nav split into scroll-anchor links (What we do, Our work, Team, Contact) and own-page links (Mission, For clients, Students) — the page-links now carry an always-on dike-green underline instead of the hover-only one, so the two behaviours are visually distinct before a click. Mission and Join graduated from home-page strata into their own pages (mission.html, for-students.html), each with a condensed teaser left on the home page; Mission page adds an explicit "the bigger polder: 180DC worldwide" stratum linking to 180dc.org. Not touched: the dike-diagram/pump SVGs and the strictly-monotonic band descent — those solve problems this round's feedback didn't raise, and V7's no-raster-photography rule stands.
Stage 2 — 2026-07-23 brand-and-content rebrand (client feedback round, real deck). A real client feedback round on V2/V3/V7 only. Ground truth: website/variants/_brand/BRAND.md; shared spec: website/variants/content-v2v3v7.md (intentionally diverges from content.md on cost language for these three variants).
Colour, with AA verified per band: the invented pine-green #00512E/#00693C replaced with the verified brand pair — --dike: #4A7322 (AA-safe, 5.58:1 on white; used for buttons, links, and interactive text on the light sky/sea bands) and --green: #78B038 (brand-exact, decorative/large-surface use only — SVG dike and pump-house fills, the brand mark). Contrast-checked against the round-2 monotonic descent: neither brand green clears 4.5:1 against the mid-tone field-deep/field-deepest bands, so small mono labels there (parcel numbers, stage elevations) now use plain ink instead of forcing an off-brand green — verified by manual luminance calculation, not assumed. Favicon dike-triangle recoloured to #78B038.
Logo: the invented "180" glyph in the header replaced with the real globe mark (img/180dc-globe.webp). The full black-text branch lockup placed in the new Mission stratum; the white wordmark lockup placed in the deep-water footer.
Terminology: every "pro bono" / "€0" / "free" removed, reframed as "uniquely affordable" / "low-cost". "Team lead" → "Project Manager". Board "President" → "Branch President", "Vice President" → "Branch Vice-President". Partners' "pro bono strategy work" → "high-impact strategy work".
Information architecture: added a Mission stratum (previously missing, NAP +0.60 m) and a dedicated Our Work stratum (NAP −1.35 m) with three reserved case plots (Situation → Approach → Outcome, each a visible [PLACEHOLDER — case study awaiting client consent]). Nav tightened to Mission · What we do · Our work · For clients · Join · Team · Contact. The old exclusionary qualifier removed from the for-clients hero; a softened, welcoming version now lives in the Mission stratum. Primary "Work with us" door now targets for-clients.html#intake directly.
Engagement cycles: "10–12 weeks" replaced with the two real cycles — October–January and March–June — and the reclamation-stage labels retitled cycle-relative (start / week 1 / through the cycle / end) instead of hard week counts. Added an "always expanding, case-by-case" line to both service listings. The intake form (unchanged, non-submitting) was already working well.
Join, rebuilt: both recruitment windows stated (Cycle 1 = September, Cycle 2 = January/February), both roles described explicitly (Consultant — no experience required, with reassurance against self-selecting out; Project Manager — experience wanted, usual path Consultant → PM), a reserved application-portal register line, a dashed Events box, and two reserved testimonial plots.
Team/Board: the water board's existing reserved-plot pattern (dashed cadastral frame per member, already in place from round 1) kept as-is — it already satisfied the "reserved photo slot" requirement — with roles renamed and a new visible flag that the roster is pending confirmation against Monday.com. The monday MCP could not be authorised in this non-interactive session.
Outstanding blockers: (1) Monday.com roster confirmation pending; (2) the "first multi-city branch" claim is confirmed live on 180dc.org and kept, but a one-line sign-off from Stefan Kluwer (Branch President) is recommended before treating it as fully final; (3) case studies, team photos, testimonials, partner crests, and the recruitment/events links remain honest placeholders.
Stage 1 — Critic round 1. Verdict: "top-two contender on distinctiveness alone — but the landscape promise is asserted rather than executed." Top notes, all actioned: the NAP eyebrows carried white-space: nowrap on the whole caption and blew the mobile page out to ~722px (now only the elevation token refuses to wrap); the descent wasn't monotonic and "color is elevation" was inverted — sections reordered (fields −1.20 → join −1.50 → partners −1.80 → pump −2.60 → board −4.00 → footer −6.76) with backgrounds graded strictly darker with depth, on both pages; the hero dike diagram enlarged to full column height with a heavier datum; the pump redrawn as a gemaal with an Archimedes screw (the smock mill was the cliché the guide forswears) with the drafts now visibly drifting through a high-contrast channel; parcel title baselines locked; the amber "not yet reclaimed" plots capped at two per page with routine gaps demoted to a one-line register; the two-tone headline device reserved for the hero and the pump; hero CTAs share one flex row; mobile nav is a three-column grid; the for-clients survey map now plots the four reclamation stages along the datum; the water board members each hold a reserved cadastral plot for the photo session.
Stage 0 — initial construction. Built from the shared content spec with all accumulated lessons applied: no entrance motion (only the pump and the water move), no card walls (parcels are a cadastral form), plain controls, no cross-page duplication beyond the six parcels which each page frames differently, one placeholder register, correct field counts, semantic color (elevation).