04 / 08 · Landscape architecture
Fieldwork
A 22-person Rotterdam studio designing parks, waterfronts and streets that hold rainwater, looking for commissions and recruits. No photographs.
- Direction
- 04 · Editorial Motion
- Register
- Confident
- Default look
- 1 of 6 traits
- Length
- 19.3 screens
Audited0 fail · 0 warnOpen the live build
The spine
Written by the agent before any code, and kept at the top of the build’s HTML.
- DIRECTION
- 4 Editorial Motion. Municipal clients and landscape architects come to see how the work thinks, and the work (water moving through ground) is best shown moving.
- REGISTER
- Confident. The bold device is the cut-paper model table at full scale: every project is a paper model that floods, drains, peels or gets planted as you scroll. Everything else stays disciplined.
- AXES
- ground mid-tone (chipboard #A08A6D, the board models are built on) · type genre wide/extended grotesk (Archivo at 125% width) · image medium collage / cut paper · composition editorial asymmetric with pinned project slides · motion feel cinematic scrub (Lenis + sticky stages)
- DEFAULT LOOK
- 0/6 matched (mid-tone ground, no mono labels, no hairline bands, no line drawing, accent is a full colour logic, display 500 wide). DIFFERENT FROM DEFAULT BY: ground, type genre, image medium, composition, motion
- MOTIF
- the waterline, a hand-cut blue paper edge. (1) hero: the river cutting across the model; (2) Maashaven: the tide climbing and leaving the terraces; (3) Spangen: the square filling to 1,700 m³ and draining; (4) right-edge gauge: page progress as a water level; (5) finale: the water rises over the whole page and carries the contact ask and footer.
- TYPE
- display Archivo 500 @ 125% width · text Archivo 400 @ 100% · second voice Source Serif 4 italic (kickers, captions, model notes). 2 families, no mono.
- PALETTE
- ground #A08A6D chipboard · ink #17120C · ink-2 rgb(ink/.86) · paper slips #EDE3CC · colour logic = a plan legend: water #1F4B63 (also the one UI accent: primary CTA, focus, gauge, finale field), planting #4C5A2A / #8E9C62, hard ground #B4532E, asphalt #46423C
- HERO
- asymmetric collage hero: intro + CTAs top-left, a cut-paper site model bleeding off the right, a 2-line wide headline trespassing across its bottom edge
- IMAGERY
- collage / cut paper (SVG pieces with hand-cut edges and contact shadows, plus a page-wide paper grain)
- MOTION
- house ease cubic-bezier(.19,1,.22,1) · UI 240ms · reveal 850ms · primitive blur-in for section heads, scrub for models, pieces settle onto the table on load
- SIGNATURES
- headline trespassing into the image (Studio D) · pinned scrubbed model sequences (Apple / Radian) · wordmark collapses to a monogram (Studio D)
- CONVERSION
- "Discuss a commission" → nav (persistent), hero primary, finale primary. Recruiting: "Send your portfolio" in Careers + footer.
- VOICE
- "Ground that holds the rain." · "Each one is built to flood well." · "Send us your site."
Palette
#A08A6D#17120C#EDE3CC#1F4B63#4C5A2A#8E9C62
Every screen
01 / 08 · drag or scroll
On a phone
390 pixels wide. Recomposed, not shrunk.
