00 · Synthesis: what the eight lenses add up to, and the seeds for ETS27

Written 2026-10-14 as the editor's pass over the whole research round. Sources: 01-awwwards-winners.md, 02-galleries-fwa-cssda-godly.md, 03-event-and-conference-sites.md, 04-typography-and-print.md, 05-motion-3d-shader-craft.md, 06-austin-energy-mind-culture.md, 07-anti-generic-forensics.md, 08-ai-native-interface-art.md, plus 32 of the reference renders in refs/ looked at as pixels (at least three per lens: lando-norris, frontier-dialogues, no-art, why-zero, oryzo-ai, santioni, threezerofive, beckmans, exat, usbynight, lido-siteplan, anorakfilm, ballet-marseille, are-na, unsound, offf, beyondtellerrand, config-figma, neuemontreal, grilli, astrodither, matvoyce, igloo-inc, iventions, kelly-austin, nasa-nightlights, ercot-dash, demofestival, proto-opening, shapeofint, chladni, usgraphics). The brief every concept answers to is concepts/BRIEF.md.

How to read this document: section 1 is what the evidence says wins; section 2 is the scoring sheet; sections 3 and 4 are the parts bin (faces and techniques a builder can pick from without re-reading 1,300 lines of research); section 5 is the seed list the concept builders draw from; section 6 is the one product constraint (two routes, one assistant) expressed as design rather than widgets.

Where the lenses disagree, this document decides. Lens 06 proposed Bricolage Grotesque and lens 08 listed Instrument Serif and Geist as available; lenses 04 and 07 show all three are now first-order tells, so they are out. Lens 01 praised Terminal Industries' mono "Ask Terminal" input in the nav and lens 02 praised mono as a body face; lens 07 scores "mono as the metadata voice" as a tell. The resolution: the mechanic (the assistant in the chrome, other people's questions as the prompt) transfers; a mono is a decision only when it is the single face of a vernacular object (a ledger, an instrument, a ticket) and a tell when it is garnish on a grotesk page. Acid green appears on four of thirteen Awwwards winners and on Iventions; it is the uniform of 2025 and is banned here alongside the purple gradient.

1. What wins in 2026

Fourteen principles. Each is one sentence, each names the site that proves it, each is something a concept can be checked against.

  1. The first second is a handshake, not a hero: Why Zero opens on a sea-glass green surface, a relief-coloured hand and the words "DRAW A ZERO" inside a thin ring, and the page is 900 px tall until you draw.
  2. The idea fits in one sentence and organises every screen: Igloo is "an igloo, lit"; DEMO Festival is "one shape"; OFFF is "colour bands are the nav"; neuemontreal.com is "a travel guide to a typeface".
  3. A word bigger than the screen is the cheapest surprise there is: Exat sets its name at about 500 px on safety orange with the baseline below the fold, and rotates the word on the phone instead of shrinking it.
  4. Facts live in the corners and the centre holds exactly one thing: DEMO puts "28 January 2027", "24h" and "cities edition" in three corners around one enormous white shape; The Surfer's Journal puts the year bottom-left and the issue number bottom-right around one cover.
  5. The wordmark can be the navigation: Us By Night parks a door (Tickets, Pics & Vids, Menu) under each of the three letters of UBN, with the dates and city in the first 60 px; Ballet national de Marseille makes its five nav words the biggest type on the site at about 140 px.
  6. Three sizes only, with a ratio of ten to one or more and nothing in between: Marseille runs 140 px display against 12 px mono, neuemontreal.com 190 px against 16 px, Three Zero Five 70 px against 13 px.
  7. The dates and the place are set as a typographic object, the hero's second voice: Beyond Tellerrand's cream stub puts "2027" at about 150 px over "19–20 APR" and "DÜSSELDORF · GERMANY"; Unsound stacks three city-and-date blocks inside its key image with no labels.
  8. One committed flat colour, one ink, one signal, and gradients only ever as objects or photographs: Frontier Dialogues is electric blue with cream ink, Exat is orange, Config is one green, Grilli's specimen is one orange-red with black and white.
  9. Live data is a material, not a widget: Three Zero Five's letters are bundles of bristles that lean with the actual wind, with a 13 px rail reading "Wind 2.1ms SSW • LIVE"; No Art's wireframe globe prints your local time to the second.
  10. Vernacular interfaces beat invented ones: Beckmans' graduate show is a spreadsheet with row numbers, LIDO's festival map is a surveying instrument with a slide rule, Tiny Computer's changelog has a blinking block cursor, Marseille's content lives in dashed-border coupons.
  11. People are one material, never a grid of headshots: Frontier Dialogues renders its dinner guests as thermal-gradient silhouettes on cream squares, Anorak Film sets sixty directors as bold words inside a light-weight manifesto in one justified paragraph, OFFFForum shows speakers as a contact sheet of their work.
  12. A display face with a personality (flared, squeezed, wide, stencilled, bitmapped) carries the voice, a quiet text face carries the reading, and the two are 15 to 30 times apart: Shopify's "Marketing" at about 190 px over a painted valley, Frontier's title at roughly 400 px across two lines, Lando Norris's Brier serif at hairline over Mona Sans at black.
  13. The energy of a page is timing, not movement: MindMarket's whole site is a single scroll-drawn thread and Rive characters that fire once on entry; Oryzo cuts to a full dark "breath" screen with a ghosted logotype between scenes so that nothing moves for a moment.
  14. The mind is shown by what it does to a material, never by a face: Chladni's sand flees the vibrating regions and settles on the nodal lines, The Shape of Intelligence threads a ray-marched ribbon between the words of its title and re-forms it with a slider, Igloo pins survey numerals to the blocks of its igloo so that something is visibly being studied.

Two corollaries the evidence forces. First, on every Awwwards winner studied the creativity sub-score is the highest and usability the lowest (7.2–7.9 even on the Site of the Year), so the jury forgives friction that a utility executive on hotel wifi will not; ETS27 takes the idea-level moves and keeps the facts line nailed down. Second, polish alone wins galleries (Cyera took FWA and CSSDA in a fortnight with five anti-list hits because Active Theory built it like a game), and polish alone is exactly what the owner is tired of; appearance is judged on the idea, not the build.

2. The anti-generic checklist

Score each concept per tell: 0 absent, 1 present with a stated reason, 2 present as default. Tells marked LOUD disqualify on sight at score 2. More than ten quiet tells at score 2 means the concept will be read as generated however tasteful it is; our own v3 prototype scored 2 on 22 of 30 and hit none of the loud ones, which is the whole finding of lens 07. Merged and deduplicated from all eight lenses.

Typography

  1. Inter, Roboto, Arial, Open Sans, Lato, Poppins, Montserrat or a bare system stack, or their 2024–26 replacements: Space Grotesk, Syne, Unbounded, Bricolage Grotesque, Satoshi, Clash Display, General Sans, Google Sans. LOUD.
  2. Geist or Geist Mono, or any other tech brand's house face used as "ours" (it borrows Vercel).
  3. Instrument Serif italic, or any serif italic, swapped into a sans headline for one word.
  4. A monospace used as the metadata voice for every eyebrow, label, timestamp and nav link on a page whose main face is a grotesk.
  5. Terminal notation as styling: // comment prefixes, [ bracket ] verbs, > prompts, :: separators, snake_case labels, slash-paths, pixel type over static (the ETS26 skin is in this group; inherited notation must be visibly ours or it reads as the internet's).
  6. A tracked-out light uppercase line (weight 200–300, tracking 0.2 em or more) under a heavy wordmark.
  7. One wide display face at 900 for the wordmark and nothing else at that scale anywhere on the site.
  8. A textbook modular scale with no scale shock below the fold (nothing after the first screen larger than 64 px).
  9. PP Neue Montreal, Helvetica, GT America, Founders Grotesk or the editorial-serif-plus-grotesque pairing used as a safe default rather than a knowing choice.
  10. The weight axis as the animated one (hover wiggle 400 to 700), when width, optical size, contrast, element shape and the MONO axis are where nobody is looking.

Colour and material

  1. Purple, indigo or blue-to-pink gradients; glowing orbs; gradient text on numbers. LOUD.
  2. A default-library accent: Tailwind blue #3B82F6, Claude teal #16D5E6, shadcn greys. LOUD.
  3. Acid green or chartreuse as the accent (four of thirteen Awwwards winners and Iventions; it has crossed from signal to uniform).
  4. Black on off-white with one accent used as garnish on one or two elements per screen, and the "bone" background (#FAFAF9, #F7F5F2) chosen as premium with no texture decision behind it.
  5. A pastel palette spread evenly, with no dominant surface.
  6. Glassmorphism panels, backdrop-filter blur, soft drop shadows, decorative grain or noise that is not pretending to be a material. LOUD.
  7. Soft-blur clouds or gradient fog with no light source, horizon or scale (atmosphere without a rule is a Gaussian blur).
  8. All photography converted to black and white as the "make it premium" filter.
  9. Stock categories (turbines, panels, pylons against a sunset, handshakes, skylines, glowing globes, lightbulb-with-leaf) or AI illustration of them; cartoon mascots and sticker sheets; psychedelic mandalas, third eyes and Fillmore swirls; armadillos, longhorns, the state outline and neon signage as decoration. LOUD.

Layout

  1. A nav bar with the logo left, four to six links and an outlined or pill Register button right, as the only idea.
  2. A centred (or left-aligned) hero stack: eyebrow, headline, subhead, two CTAs; or its event variant, a full-bleed crowd or stage photo with a centred H1 and two pills.
  3. N-up equal cards with identical height, padding, radius and border; three-feature rows; nested cards in cards.
  4. A bento grid. LOUD.
  5. A stat row of big numerals with tiny captions, or a countdown widget as the page's liveliest element.
  6. Partner or sponsor logos as pills, chips or a tiered logo wall.
  7. A uniform people grid of square headshots with monogram fallbacks.
  8. Two identical-weight choice cards for a decision (the fork as a settings screen; neither option is the adventure).
  9. Every section on the same beat (eyebrow, H2, content, hairline), with no full-bleed moment, no change of tempo and no breath screen.
  10. Rounded-2xl everything, 16 px radius and 24 px padding on every container, Lucide, Heroicons or Feather icons.

Motion and the mind

  1. Motion as a filter: uniform fade-up on every element with the same easing, SplitText letter rises on every heading, a marquee ticker of one repeated word, outlined-next-to-filled text, a cursor-follower blob, magnetic buttons, Lenis for its own sake; or no scroll choreography at all after the first screen.
  2. A matte-clay 3D object (blob, head, torus) floating over a soft background; an iridescent noise-displaced sphere; particles that only drift with no attractor or morph target; bloom on everything.
  3. An audio gate or a "click to enter" screen with nothing behind it except a long load, on a site whose visitors want a date and a price.
  4. A floating chat pill bottom-right with an avatar (Intercom's slot: whatever lives there is a support widget).
  5. The chat empty state: greeting headline, suggestion chips, input bar at the bottom; chat bubbles with left-right alternation; a shimmer skeleton or pulsing dots as "thinking"; the ✦ sparkle on anything the model touched; "powered by AI" copy.
  6. The mind as a mascot: a figure on a backdrop (mannequin head, hologram head, circuit brain, silhouette with a galaxy inside, generated rainforest or nebula). A mind that changes the page is a concept; a figure that floats is a template.

Two tests before taste, from lens 07: can the idea be said in one sentence, and could the first frame be printed at A0 and hung in the venue without a button on it? And one survival test from lens 03: the concept must still read with a consent strip across the bottom of the first viewport, because that is what the visitor sees.

3. Font shortlist

Exact Google Fonts family names; axes and ranges from the metadata feed read on 2026-10-14. Request custom axes with lowercase standard axes first, then uppercase custom axes, each group alphabetical (family=Fraunces:opsz,wght,SOFT,WONK@9..144,100..900,0..100,0..1). Setting rules every concept keeps: three sizes only; display-to-text ratio of eight to one or more; display leading 0.85–0.95; reading text 15–18 px at 1.4–1.6; labels 11–13 px tracked +0.05–0.1 em in mono or small caps, never both; font-variation-settings relayouts, so animate at most one or two display elements and bind them to animation-timeline: scroll() rather than scroll listeners.

| # | Family | Axes | Role and the extremes that make it sing | Pair with | |---|---|---|---|---| | 1 | Science Gothic | wght 100–900, wdth 50–200, slnt −10–0, CTRS 0–85 | Bank Gothic revival with a contrast axis no other free face has, and no site has used it yet. wdth 200 / wght 100 / CTRS 85 is a hairline extra-wide headline; wdth 50 / wght 900 / CTRS 0 is a compressed poster block; CTRS can be the "in focus" state. Display only, 32 px and up. | Newsreader, Martian Mono | | 2 | Big Shoulders (+ Big Shoulders Stencil, Big Shoulders Inline) | opsz 10–72, wght 100–900 | Compressed industrial gothic, Chicago-born: an energy summit without a turbine photo. wght 900 at 320 px for a column-wide word; wght 100 at 160 px is a true hairline; opsz 10 / wght 500 for 12 px labels. The Stencil cut reads as printed-on-a-crate. | Literata, Handjet | | 3 | Anybody | wdth 50–150, wght 100–900 | The kinetic width face: one word from compressed to extra-extended on a single axis. wdth 150 / wght 800 filling the viewport; wdth 50 / wght 300 as a column of labels. The honest replacement for Unbounded. | Fraunces at opsz 9 | | 4 | Fraunces | opsz 9–144, wght 100–900, SOFT 0–100, WONK 0–1 | Popular only in its timid default; almost nobody touches SOFT and WONK. opsz 144 / wght 900 / WONK 1 / SOFT 100 at 200 px is a Cooper-era word; opsz 9 / wght 300 / SOFT 0 is a caption. The one human word per screen. | Martian Mono | | 5 | Playfair (the 2023 variable family, not Playfair Display) | opsz 5–1200, wdth 87–112, wght 300–900 | opsz 1200 / wght 300 at 600 px yields 1 px hairlines, the Wallpaper* register done with care; opsz 5 at 12 px is sturdy. Playfair Display (rank 24) is the overused one and is banned. | Mona Sans, Libre Caslon Condensed | | 6 | Newsreader | opsz 6–72, wght 200–800 | The honest replacement for Instrument Serif: a screen news serif with real optical sizes and italics. opsz 72 / wght 200 at 96 px for a sharp light display; opsz 6 for footnotes. | Science Gothic, Big Shoulders | | 7 | Literata | opsz 7–72, wght 200–900 | The reading face for the standard route (bios, FAQ, descriptions): opsz 7 at 15 px with 1.5 leading reads for an hour. At opsz 72 / wght 200 it is also a fine journal masthead. | any grotesk here | | 8 | Libre Caslon Condensed | wght 400–700 | Added 2026-09-28: a condensed Caslon for mastheads and datelines, the printers' default turned into a poster. Check kerning and Windows hinting before shipping. | Mozilla Text, Literata | | 9 | Recursive | MONO 0–1, CASL 0–1, CRSV 0–1, slnt −15–0, wght 300–1000 | The mind's voice on one axis: the composer at MONO 1 / CASL 0 (typed, machine), the answer at MONO 0 / CASL 0.6 (spoken, human). wght 1000 / CASL 1 is brush-like; wght 300 / MONO 1 is code. | Newsreader | | 10 | Martian Mono | wdth 75–112, wght 100–800 | Wide "lab readout" mono for timetables, prices and labels at 11–13 px with +0.06 em tracking; wdth 112 / wght 800 is a chunky instrument numeral and the one mono that works as display. Alternatives: Sometype Mono (humanist), Datatype (wdth 50–150, added 2026-03-10), Azeret Mono, Fragment Mono. Not Geist Mono, not JetBrains Mono as hero type. | everything | | 11 | Handjet, Doto, Bitcount (pick one) | Handjet ELGR 1–2, ELSH 0–16, wght 100–900; Doto ROND 0–100; Bitcount CRSV, ELSH, ELXP, slnt, wght | The Emigre bitmap lineage as a metering texture: numerals only (dates, countdown, prices, times) with the element shape animating from square to round like a substation readout. Never body text; Bitcount earns display use only when the whole concept is cells. | a quiet serif | | 12 | Climate Crisis | YEAR 1979–2050 | One axis, named YEAR: the letterforms erode as the Arctic ice does. For an energy summit it is almost too on the nose, so the dose is one statement, once, bound to scroll. A gesture, not a system. | nothing | | 13 | Mona Sans (+ Hubot Sans) | wdth 75–125, wght 200–900 | The workhorse that is not Inter, with a width axis; Lando Norris's text face. wght 900 / wdth 75 heavy-compressed; wght 200 / wdth 125 hairline-wide. Hubot is the more technical sibling. | Newsreader, Literata | | 14 | Mozilla Headline + Mozilla Text | Headline wdth 75–125, wght 200–700; Text wght 200–700 | A grotesk with an opinionated M and heavy terminals, with a built-in text sibling: the plain face for a vernacular object (a sheet, a paragraph) that must not read as Arial. Headline wdth 125 / wght 700 at 160 px; Text wght 300 at 17 px. | each other |

Engines to handle with care: Google Sans Flex (wght 1–1000, wdth 25–151, opsz 6–144, slnt, GRAD, ROND) is the most capable free variable font ever shipped and it is Google's face, so it is an axis engine for one kinetic piece and never the brand voice; Sofia Sans and Sofia Sans Extra Condensed run wght 1–1000, so wght 1 is a genuine hairline and the Extra Condensed cut at 1000 is a usable poster italic; Strichpunkt Sans, Saira Stencil and Asap Sharp are 2026 additions worth a test, not a bet.

Banned or tired, with the reason: Inter, Roboto, Open Sans, Lato, Poppins, Montserrat (they are the air); Google Sans (rank 4 within a year of release, reads as Android); Space Grotesk and Bricolage Grotesque (the 2021–24 and 2025 "I tried" picks); Syne as the Extra Bold badge (its width-grows-with-weight idea is usable only if the width jump is the event); Unbounded (the wide pick that replaced Space Grotesk, and the prototype's own face); Satoshi, Clash Display, General Sans (Fontshare's three most-viewed, the new Inter for people avoiding Inter); Instrument Serif (the single most recognisable 2025 cliché); Geist and Geist Mono (Vercel's identity, and the prototype's label face); Playfair Display (rank 24; use the variable Playfair instead); PP Neue Montreal, Helvetica Neue, GT America, Founders Grotesk, Apercu, Circular (Typewolf's popular list is the list of what reads as default); VT323 and any pixel face as a terminal costume (the ETS26 skin); Söhne (still sings, but drifting into the premium default, and Stripe's). Reference is the licence (Fonts In Use staff-picked a Roboto-and-VT323 site because it was an Android-terminal reference), so any ban lifts for a face that carries a stated idea; none of these does by default.

Three systems ready to commit to, from lens 04: Specimen (Science Gothic + Newsreader + Martian Mono); Industrial Americana (Big Shoulders + Literata + Handjet); Print couture (Playfair at opsz 1200 + Mona Sans + Libre Caslon Condensed); and The mind (Recursive alone, MONO and CASL doing the talking, with Fraunces WONK 1 for the one human word per screen).

4. Technique shortlist

Every recipe here was run in the render lane on 2026-10-14 (Chrome for Testing, ANGLE Metal, Apple M1 Max) or is plain HTML and CSS. All CDN pins resolved on jsdelivr that day. Three stays on 0.180 because the vendor copy is 0.180 and addons must match the core version exactly; never put three.module.js and three.webgpu.js in the same import map. Budgets every concept holds: WebGL hero stack ≤ 130 KB gz of JS, WebGPU ≤ 220 KB; no more than two variable font files; one post-processing pass; one SVG filter animating at a time; every loop paused off-screen and on visibilitychange; reduced-motion gets the final frame of every threshold; the lockup, dates, city, fork links, agenda list and ticket link readable with JS off.

What the render tool captures and what it cannot: static end states at 1440×900 (DPR 1) and 390 wide (DPR 2); prefers-reduced-motion is "no-preference" and colour scheme is forced light; there is no user gesture, so hover states, audio gates, "hold" verbs and click-to-enter screens show their rest state (Astrodither, Chladni and Unseen needed a scripted click; preloaders that wait on real time never finish); muted video autoplays, unmuted does not; WebGL 2 and WebGPU both draw (EXT_color_buffer_float present, adapter apple/metal-3); startViewTransition exists but mid-transition frames are not captured, so judge end states; Google Fonts variable axes load; CDN ESM imports resolve. WebGPU succeeding here says nothing about Safari on iOS 18, so every WebGPU concept is rendered twice, once with forceWebGL: true.

| # | Recipe | Pin or path | What it is good for, and the cost | Captured by the render tool? | |---|---|---|---|---| | 1 | GSAP 3.15 core + ScrollTrigger + SplitText (+ Flip, DrawSVG, MorphSVG, ScrambleText, all free since the Webflow acquisition) | https://cdn.jsdelivr.net/npm/gsap@3.15.0/dist/gsap.min.js, …/ScrollTrigger.min.js, …/SplitText.min.js (28 + 18 + 3.6 KB gz) | Scroll-synced timelines, masked character reveals with autoSplit, hairline drawing (DrawSVG), one high-impact entry per page. Use SplitText once, not on every heading. | Yes, at rest and at scroll stops (--settle). | | 2 | Lenis 1.3.26, only when a canvas must track scroll | https://cdn.jsdelivr.net/npm/lenis@1.3.26/dist/lenis.min.js + lenis.css (5.4 KB gz) | Inertia scroll synced to a WebGL camera; it honours reduced motion by itself. For a pure DOM page skip it and let the browser scroll. | Yes. | | 3 | CSS scroll-driven animations, zero JS | animation-timeline: scroll(root) / view(); @supports (animation-timeline: scroll()) with the static end state as fallback (Firefox still flagged) | Progress bars, reveals, a variable-font axis bound to scroll depth (Fraunces 100→900 with opsz falling to 9, proven). Transform and opacity run on the compositor; font-variation-settings relayouts on the main thread, so one 400 pt word, never forty cards. | Yes; the tool scrolls, so the mid-page state is real. | | 4 | View Transitions, same document | document.startViewTransition(() => swap()); view-transition-name: ets-lockup on the title | The fork → map and fork → mind switches: the lockup physically flies from centre stage into the nav while the rest cross-fades. Cross-document (@view-transition { navigation: auto }) needs no JS for the multi-page standard route. | End states only. | | 5 | Variable-font axis animation (CSS keyframes or GSAP tweening fontVariationSettings) | Google Fonts CSS2 with explicit axis ranges; subset hero words with text= | Width, optical size, contrast, SOFT/WONK, ELSH and MONO as the mechanic of the page (never the weight wiggle). One or two display elements. | Yes, at the rest value; bind to scroll for a captured mid-state. | | 6 | Fullscreen fragment shader: raymarched SDF with ordered (Bayer 4×4) dither, raw WebGL 2, no library | Inline GLSL, about forty lines (smooth-min of SDF primitives, 64 steps, one light, step(threshold, col)) | A "mind-scape" of soft folds printed as two or three flat colours instead of a glossy render; the dither hides banding and lets phones drop to mediump. 1440×900 at DPR 1 is about 83 M distance evaluations per frame; phones render at 0.5–0.66 scale with 48 steps. | Yes. | | 7 | three.js WebGL (vendor build) + addons + one post pass | ../../prototype/vendor/three.module.js + three.core.js (79 KB gz); addons from https://cdn.jsdelivr.net/npm/three@0.180.0/examples/jsm/ via import map; UnrealBloomPass 3.5 KB | One physically lit object at desk scale (Oryzo, Igloo), a wireframe construct, a Points cloud. setPixelRatio(min(dpr, 2)) on desktop, 1.5 on phones; bloom plus one custom pass is the ceiling. | Yes. | | 8 | three.js WebGPURenderer + TSL with automatic WebGL 2 fallback | https://cdn.jsdelivr.net/npm/three@0.180.0/build/three.webgpu.js (160 KB gz) + …/build/three.tsl.js (6 KB); await renderer.init() before the first frame | Compute shaders and one graph for two backends. Measured: WebGPU init 148 ms, forced WebGL fallback 3,410 ms to compile the same graph, so the page must open on a CSS/SVG first frame and fade the canvas in. Take it only for compute or TSL. | Yes on both backends; render twice. | | 9 | GPGPU particles and flow fields (GPUComputationRenderer, addons/misc, 3.9 KB gz) | Two float textures (position, velocity), 4D simplex noise with time as the fourth axis, one target-position texture per state | 65k particles (256²) on phones to 262k (512²) on desktop; the trick is the morph targets (a field with somewhere to go: a day's timeline, the Austin skyline, the word FREE), not the noise. | Yes, at the settled state. | | 10 | Glyph-cell ASCII and dither post-passes | Ordered or blue-noise dither as one GPU pass (8–12 px cells, luma to glyph index, atlas from the site's own face); error-diffusion (Floyd–Steinberg, Atkinson) on the CPU at 360–480 px wide, upscaled with image-rendering: pixelated | 3D that prints as type (Astrodither's hand, pink on black); a lineup contact sheet where the pointer un-dithers a 160 px radius; answers that develop through a threshold like a print in a tray. Two different costs: never run error diffusion per frame at full resolution. | Yes. | | 11 | SVG filters, masks and blend modes on live text | Inline feTurbulence + feDisplacementMap (proven at baseFrequency 0.012 0.03, scale 60 on 140 px type); mix-blend-mode: difference; mask-image: radial-gradient(160px at var(--x) var(--y), …) | Liquid distortion on entry or hover only (Chrome re-rasterises the filter region on the CPU per frame); type and canvas made to belong to each other; the Iventions spotlight with no renderer. Not backdrop-filter, which is on the cliché list. | Yes, at rest. | | 12 | Knockout type as the only window onto an image or canvas | background-clip: text with color: transparent, or an SVG <mask> of the word over a <canvas> / <video> | Frontier's title letters as windows onto a gradient blob; Beyond Tellerrand's BEYOND filled with a riso pattern; FREE YOUR MIND as the only place a live curve or a photograph is visible. Pure CSS, no cost. | Yes. | | 13 | CSS-only "shaders": @property gradient animation, linear() spring easing, scroll-state() | @property --a { syntax: '<angle>'; … }; animation-timing-function: linear(0, 1.2 20%, 0.95 40%, 1); @container scroll-state(stuck: top) | Conic and radial gradients that breathe with no JS (as objects, never as the page), spring curves without a library, a sticky header that restyles the moment it sticks. Compositor-cheap; degrades to the static value. | Yes. | | 14 | Canvas 2D fields, no GPU, no library | Gray–Scott reaction-diffusion on a 256×256 ImageData (about 65k cells × 8 iterations per frame); Chladni nodal patterns (cos(nπx)cos(mπy) − cos(mπx)cos(nπy) ≈ 0) with a few thousand particles walking toward low amplitude | The most convincingly alive textures on this list: a field that grows toward the pointer and every typed character; a plate that re-settles for every question. Upscale with image-rendering: pixelated. | Yes, at the settled state. | | 15 | Live grid data as material (ERCOT dashboards, Grid Status) | For a mockup, bake a snapshot JSON into the concept folder (frequency trace 59.96–60.04 Hz, the day's net-load curve, fuel mix) and read it with fetch('./data.json'); the live endpoints are a mechanics-team question (CORS, rate limits) | The 60 Hz pulse, the duck curve, the grid-conditions gauge colours (green, yellow, orange, red, black) and the Black Marble palette as the industry's own weather. Letters, lines and lights that change with the data, never a chart in a card. | Yes, from the baked snapshot. |

Reference stack for the mind, from lens 05 and 08, so that no concept reaches for an orb: a field that grows toward you (14), type that breathes on a 7-second noise curve (5), a skin made of the program (10), an attention vector field (9), answers that develop through a dither threshold (10), a Chladni plate instead of a face (14), light as the mind (11), a latent map of people (9). The composer is one 40–48 px line with no box; the field is the interface, the line is the only control.

5. Seed directions for ETS27

Seventeen seeds. Each is a direction a concept builder commits to, not a finished concept; each can be said in one sentence; each fuses at least two lenses; none is a clone of a studied site, and the risk line says how it would collapse into one or into the generic. Tags: MIND means the head or mind-in-space motif survives in a non-generic form (five seeds); DARK, LIGHT and COLOUR say which world the first screen lives in (six dark, seven light, four colour-led). Every seed keeps the facts line the brief demands, visible in the first second: ETS27 · Free Your Mind · Austin, Texas · May 3–6, 2027 · Tickets, in the corners or on the edge, never in the centre stack. Primary display faces are different across all seventeen so that no two mockups look like siblings.

5.1 The phrenology grid · MIND · LIGHT

One line: an engraved profile head whose cranium is divided, Fowler-style, into the summit's themes, and the open crown is the door to the mind.

Angle: it keeps the owner's mind-in-free-space as a diagram instead of a render (lens 06: Fludd's open skull, Fowler's labelled provinces, the Wellcome Collection's aged plates), and makes the diagram the navigation (lens 02: vernacular interfaces; lens 08: survey annotation). Tap a province (resilience, load growth, markets, storage, customers, policy) and that part of the programme opens; the crown is drawn open and typing into the opening is the question. Hairline ink on warm paper #EDE8DC, one ink, Sunset Red granite #B8574A as the single signal for what is live now. Libre Caslon Condensed for the dateline at 240 px between two newspaper flag rules, Literata for reading, Martian Mono for the province labels. Motion: the engraving draws itself once on load (DrawSVG), nothing else moves until a province is touched. Haeckel-grade detail in the drawing is the whole budget.

References: refs/wellcome-brain (aged paper, hairline engraving), refs/lando-norris (a drawn construct over a real head, for the register of the line), lens 04 provocation 3 (no headline, only a dateline), lens 06 provocation 6.

Risk: it collapses into a Victorian steampunk costume (sepia filter, ornamental borders, a "vintage" texture overlay). The cure is strictness: one ink, no sepia, modern labels in a mono, the paper flat not textured, and the head cropped at poster scale rather than centred as a mascot.

5.2 The pleasure principle · MIND · DARK

One line: Magritte's man whose head is a light, as a real portrait at poster scale whose face is a hard-edged lamp, and the lamp is where the site is written.

Angle: both ancestors of "Free Your Mind" are bodies on a flat field, and the surrealist head is a light or a window, not a cloud (lens 06). Each screen is one real speaker, colour photograph at 60–70 % of the viewport (lens 07: real faces at Lando scale), on black; the face is blanked by a rectangle of pure white light (a photographed bare tube or an arc, never a radial glow), and the summit's content is set inside that rectangle in black type. The light is the page; the body is the frame. Playfair at opsz 1200 / wght 300 for hairline numerals (the day, the time), Mona Sans for everything in the light. Motion: a view transition between speakers is a camera flash, one frame of white (lens 06 provocation 10's flash as a transition; lens 05 recipe 4). The mind: asking changes what is written in the light; the standard route is the lineup walked speaker by speaker.

References: Magritte, "The Pleasure Principle" (1937) and "The False Mirror" (1929), lens 06 §2b; refs/lando-norris (portrait scale, cut-out on a field); refs/santioni (a single white line drawing on near-black as the entire first frame); En Vogue's catwalk video for the black-and-strobe register.

Risk: the lamp becomes a glowing orb or a gradient halo, and the page becomes a dark hero with a glow (tells 11 and 31). The light must have an edge, a source and a photographed material; and the portraits must be real people from the ETS26 stand-in set, in colour, never AI-generated faces.

5.3 The dome · MIND · LIGHT

One line: the mind in free space is a drawn wireframe dome at viewport scale with nobody under it, four latitudes for four days and sessions as its vertices, and a real person appears beneath it only when you touch a vertex.

Angle: Lando Norris's wireframe construct over the skull is the one head-adjacent device the Site of the Year uses, and it works because the construct is drawn while the person is real (lens 07 §3). Here the construct stands alone: a geodesic hairline dome (three.js wireframe, vendor build) on off-white, its ground a hairline contour map of the ERCOT interconnection (Lando's topography, with a reason: lens 06's severed-organism map), Igloo-style numerals pinned to vertices (the session's time and room, lens 08 catalogue C). Touching a vertex drops a colour portrait of that session's speaker into the dome, head only, so the mind is populated by people on demand. Fraunces at opsz 144 / WONK 1 for the one human word per screen (the session title), Martian Mono numerals, Barton Springs teal #1F7A6E as the only colour (the lit vertex). Motion: the dome rotates to the day you scroll to; nothing else.

References: refs/lando-norris (dome construct over the head, bottom-left ticket card, topographic ground), refs/igloo-inc (survey numerals joined by hairlines), lens 08 catalogue C and E (a cursor that looks; a dial that shows when).

Risk: a Lando clone, or a wireframe sphere that reads as the 2016 "WebGL object in the dark" period piece (lens 08 on Resn). The dome must carry the programme (its geometry is the four days, its vertices are sessions), the ground must be the real grid map, the palette must be paper and one teal with no acid accent, and it must never float centred over fog.

5.4 The lattice · MIND · COLOUR

One line: kill the head and keep the mind, which is the whole viewport as a lattice of every speaker name and session title in small type that drifts toward the cursor and toward whatever you start typing.

Angle: the content is the atmosphere (lens 07 provocation 1), the field is an attention vector with two attractors, the pointer and the composer (lens 05 §6.4), and the answer is selection rather than addition: rows the mind does not mean dim, the rest stay at full ink (lens 08 catalogue H). One flat colour the industry never uses: Barton Springs teal #1F7A6E at 100 %, cream ink, no second colour. Science Gothic at 11–13 px with the CTRS axis driven by distance to the cursor, so words sharpen into high contrast as attention approaches and soften away from it; the lockup FREE YOUR MIND at wdth 200 / wght 100 across the top as the only large element. The lattice is a grid, not a cloud: words sit on cells and move only along rows and columns, so it reads as a ledger that breathes rather than a tag cloud.

References: refs/threezerofive (a page that is nothing but names in a living face on one flat colour, data in the rail), refs/usgraphics (dense, explicit, nothing hidden), refs/anorakfilm (the roster as one texture), lens 04 shortlist entry 1.

Risk: it collapses into a particle swarm, a word cloud or "constellation lines between dots" (tell 31, lens 08's cliché list). No lines, no drift without a rule, no more than two attractors, and the grid discipline must be visible: every word sits on a cell. The facts line lives in the four corners from the first frame.

5.5 The skin of the programme · MIND · DARK

One line: the only head on the site is a partial, cropped one printed as glyph cells made of the event's own words, two flat inks on black, and the cells rearrange when you ask.

Angle: 3D turned into print (lens 05 on Astrodither, recipe 10): a hidden 3D head, cropped hard by the viewport edge at poster scale (never centred, never whole), rendered through a glyph-cell pass whose atlas is the site's own type: speaker names where it is bright, session times where it is dark (lens 05 §6.3). The density of the cells is the mind's presence; typing a question swaps the atlas so the head is literally re-composed from the matching records, and answers develop through a blue-noise threshold like a print surfacing in a tray (lens 08 rule 5). Dusk orange #E8782A and cream as the two inks on #0B0C10, no bloom, no third colour. Bitcount for the cropped title word, because the whole concept is cells and this is the one place the bitmap engine earns display use; Martian Mono draws the atlas.

References: refs/astrodither (glyph-cell hand, HUD verbs in the corners, "HOLD FOR SPEED"), refs/config-figma (dither as a technique with a reason, one flat colour), lens 05 provocation 2 and 4.

Risk: ASCII-art AI cosplay: a glowing green terminal head, bloom, a rainbow atlas (tells 5, 31, 35). Two inks only, Bayer or blue noise only, the head cropped to a quarter of its volume, and the words in the cells must be legible as words at the cell size so the trick is visibly made of the programme.

5.6 The pass · DARK

One line: the site is a lanyard pass filling the viewport, the dates at 400 px, the city running vertically along a perforation, and the perforation is the fork.

Angle: the ticket is the one object the whole site is made of (lens 01 provocation 8: ticket stubs, perforations, registration corners; lens 03 provocation 1). MAY 3–6 in Big Shoulders 900 at about 400 px, AUSTIN vertical along a perforated edge, FREE YOUR MIND as the pass's holographic strip, which is knockout type (recipe 12) and the only window onto a slow live canvas of the ERCOT net-load curve for the previous May 3–6 rendered as colour (lens 01 provocation 2, lens 06 §2c). Tear left along the perforation to open the map, tear right to ask the mind (clip-path tear tweened once). Near-black, cream, one granite red for what is live now. Every subsequent unit (a session, a speaker, a ticket tier, an answer from the mind) is a stub torn off the same roll with a mono caption (lens 02 provocation 6).

References: refs/beyondtellerrand (the year at 150 px on a cream stub, the dates as the hero's second voice), refs/ballet-marseille (dashed coupons with a reason), refs/frontier-dialogues (knockout letters as the only window onto colour; the perforated rail), Siena's cinema-ticket Enter button (lens 01 §2.1).

Risk: a card: Beyond Tellerrand's stub placed in a page, with a rounded corner and a shadow (tells 22 and 29). The pass must be the viewport, not an object in it; no radius, no shadow, the perforation a real dashed cut, and the holographic strip the only place colour exists.

5.7 Four numerals · COLOUR

One line: "3 4 5 6" at about 600 px across the viewport, each numeral a scroll-locked chapter on its own flat ground colour, and the day's sessions pour out of the counters.

Angle: four numerals are the agenda, so there are no day tabs ever (lens 03 provocation 2), set in Anybody with the width axis bound to scroll so each day compresses from wdth 150 to 50 as its sessions arrive (lens 04 provocation 2, recipe 3), in Unsound's slot grammar underneath (time in mono, format badge in a 1 px box, venue in mono caps, title heavy, pass tags with a coloured edge; lens 03 §3.5). A ground colour per day, held at 100 % with black type and no gradient: limestone white, Barton teal, dusk orange, granite pink (lens 06 §4; lens 02 on Exat's ground colour per section). The word is bigger than the screen and rotates on the phone instead of shrinking (lens 02 §3.11). The mind: the numeral you are on is the scope of the question, and the composer is a line under the numeral.

References: refs/exat (a word at 500 px with the baseline below the fold; four-colour discipline), refs/unsound (the schedule anatomy, phone render), refs/offf (programme as giant stacked rows on flat colour), lens 04 shortlist entry 3.

Risk: an Exat clone, a type specimen with the agenda bolted on. The numerals must carry data (the day's shape filled inside the counters, sessions pinned by their hour along the stroke), the four grounds must be the Austin palette rather than a foundry's, and the slot grammar must be complete enough to buy a ticket from.

5.8 The duck curve · LIGHT

One line: one 24-hour net-load curve drawn as the Hill Country horizon in a single warm stroke is the whole site, scrolling is the day's hours, and the mind is the sun crossing it.

Angle: the grid's own data already looks like a landscape (lens 06 §2c: the demand hill, the midday solar trough, the 18:00 ramp), so the agenda becomes a concrete poem placed by time (lens 04 provocation 4, §5 on Gomringer): sessions pin to their real clock time on the slope, the lineup lives in the trough, the evening programme climbs the ramp. The curve is loaded from the baked snapshot for the actual day (recipe 15) so the page is never the same twice, which is Kelly's point about light on stone. Limestone white, one black stroke, sodium-orange #E8782A for the sun and nothing else. Newsreader at opsz 72 / wght 200 for session titles along the slope, Martian Mono for the hour marks. Motion: the sun is animation-timeline: scroll(), and asking the mind moves the sun to the hour that answers.

References: refs/ercot-dash (the system-wide demand hill and the 60 Hz trace, for the shapes), refs/demofestival (one enormous shape, facts in the corners), lens 08 catalogue E (a dial shows when; pair it with names), lens 06 provocation 2.

Risk: a dashboard chart (axes, gridlines, a legend, a tooltip) or a "3D wave mesh" (tell 19, lens 06's newer energy set). The curve is drawn as a landscape with a single hand stroke and no axes; the hours are typographic marks, not ticks; the facts live in the corners; and the sun is a disc, not a glow.

5.9 The spreadsheet · LIGHT

One line: the whole ETS27 programme is one sheet, grey cells, row numbers, coloured category cells, and the mind answers by typing into cells and highlighting rows.

Angle: everyone can read a spreadsheet and the strangeness is that it is one (lens 02 on Beckmans, provocation 1); the index that filters in place is the purest visible form of understanding (lens 08 catalogue H); a dense, explicit page is trustworthy (lens 08 on U.S. Graphics Company). Four days, 68 sessions and 147 speakers as rows with real sorting and filtering; the track colours are ERCOT's grid-conditions palette (green, yellow, orange, red) so the industry's own barometer is the category key (lens 06 §2c). The surprise is scale: one cell merged across twelve columns holds FREE YOUR MIND at 300 px, and the sheet's title row is the facts line. Mozilla Text at 13 px for every cell (a plain grotesk that is deliberately flat and is not Arial), nothing else; zero motion except the mind's cursor moving from cell to cell as it fills them.

References: refs/beckmans (the sheet, coloured category cells, thumbnails pasted into random cells), refs/usgraphics (bordered tables, "Dense, not sparse"), lens 08 provocation 4 (the index), lens 03 §3.5 for which columns a session row needs.

Risk: it is boring, or it becomes a data table in a card (tell 22). The sheet must fill the viewport edge to edge with no page chrome around it, the merged-cell title must be the first thing seen, the mind's typing must be visible, and the phone must still be a sheet (Beckmans reflows to three columns and stays a sheet).

5.10 Kelly's window · LIGHT

One line: a limestone page with one ring of twelve colour squares set on point, nothing else above the fold, each square a destination, and the hour decides which squares are lit.

Angle: Ellsworth Kelly's "Austin" is the city's one world-class piece of colour and it is colour as light on stone, a single geometric event on a huge quiet ground (lens 06 §2a), which is the exact opposite of a gradient; facts in the corners and the object in the middle (lens 02 §3.14; lens 07 provocation 3). The twelve squares in Kelly's order (orange, yellow, green, teal, blue, violet, purple, magenta, red) are the four days, the lineup, the venue, tickets, partners, press, speak, ask and the ring occupies a fifth of the page. Libre Caslon Condensed for the dateline in the top-left corner, Mona Sans small for everything else. Motion: the lit squares swing slowly with Austin's clock (one transition per hour); asking the mind lights the squares that answer, so the ring is the dial (lens 08 catalogue E). No photograph anywhere.

References: refs/kelly-austin (the starburst window on the blank wall), refs/demofestival (corners carry data), refs/surfersjournal-archives (one object centred, metadata in the corners), lens 06 provocation 3.

Risk: a colour-wheel logo, a rainbow, or the squares drifting into a glassy palette picker. Squares are small, flat, in Kelly's exact order and set on point; the wall is blank limestone with no texture; nothing is ever centre-stacked under the ring; and the type stays black and small.

5.11 Texas from orbit · DARK

One line: the site is NASA's Black Marble of Texas at night, a near-black field where the only drawing is light, points are sessions and speakers, and zooming from the state to the city to the room is the one navigation gesture.

Angle: the most beautiful energy page studied contains no equipment (lens 06 §2c on refs/nasa-nightlights); VIIRS colours carry information (gold for brightening, purple for dimming), so gold is what was added since your last visit and purple is what has passed; the brightest point is Austin and the mind is the toll-booth-sized light that answers (lens 06 provocation 5). Built as a GPGPU point field with three morph targets, state, city, room (recipe 9), over real VIIRS geography. Hubot Sans at wdth 125 / wght 200 for hairline-wide labels, Martian Mono for coordinates printed by the cursor (lens 02 on LIDO). The facts line sits in the corners in 11 px from the first frame, and nothing on the page is larger than the map.

References: refs/nasa-nightlights (dark Earth, lights as the only drawing), refs/lido-siteplan (GPS chip following the cursor, instrument readouts), lens 05 recipe 9 (particles with somewhere to go), lens 06 §2c.

Risk: the glowing globe, constellation lines between dots, bloom and "AI purple" (tells 11 and 31). No lines, no globe, no bloom; purple appears only as the VIIRS "dimmed" data colour at small scale, never as a surface; the map must be the real Texas with real geography; and the points must be the programme, not decoration.

5.12 The catwalk · DARK

One line: honour the 1992 ancestor: a black site where speakers walk toward you one at a time in a strobe-white band, and you reach out and pull one off the runway into a card.

Angle: En Vogue's "Free Your Mind" is a hard dark catwalk about being judged by appearance, confrontation on a flat black field (lens 06 §2b); real faces at poster scale in colour (lens 07 provocation 5); type as the hero image with Mat Voyce's single-hue kinetic logic (lens 05 §2). The runway is the agenda: each walk is a session with its time, and the band moves at the pace of the day. Sofia Sans Extra Condensed at wght 1000, italic, at 330 px in strobe white for the session title stacked beside the walker; Martian Mono for the time column, the only thing on the page that never moves. One red for the live session. The mind is the camera flash that blanks a face for one frame (Magritte's principle reused as a transition), and asking brings the matching speakers to the front of the line.

References: refs/matvoyce (330 px condensed italic in one hue, a rotated card, nothing else), refs/no-art (film as the page, HUD labels in the corners, a "NEXT UP" card bottom-right), lens 06 provocation 10.

Risk: fashion-site cosplay: a lookbook with pretty people and no event in it (and the headshot grid, tell 26, returning as a "lineup" below). The runway must be the agenda with times visible, the walkers must be the ETS26 stand-in speakers labelled as sample data, the typography must carry the day, and the standard route is the line walked in order.

5.13 The slide rule · LIGHT

One line: a map of the ERCOT interconnection drawn in one ink on limestone with a slide-rule bar across it, the four days as its graduations, the cursor printing coordinates, and the mind drawing its answers onto the map.

Angle: the whole event as a technical document in one ink (lens 02 on LIDO's site plan: the day selector as a ruler, the countdown as a DD:HH:MM:SS readout, nothing decorative); the Texas grid as a severed, self-contained organism that is already a map (lens 06 §2c); the venue is unannounced, so the city and the grid are the venue (lens 02 provocation 8). One ink, Sunset Red granite #B8574A, on limestone #EDE8DC. Martian Mono at wdth 112 / wght 800 as the display face for the rule's wordmark and the day graduations (the one mono that works as display, lens 02 §3.5 and 3.13), 10 px caps for the readouts. Motion: the rule slides to the day you scroll to; the GPS chip follows the pointer; an answer from the mind is a pin dropped on the map with a hairline to its record (lens 08 provocation 10).

References: refs/lido-siteplan (slide rule, ruler of days, instrument readouts, one ink), refs/igloo-inc (pins and hairlines), KUT's three-interconnection map (lens 06 table), lens 08 catalogue C and J.

Risk: a LIDO clone, or a "map with pins" product page. The map must be the interconnection drawn from real transmission geography rather than a festival ground; the ruler must be the agenda (sessions as graduations, not days only); the ink must be the Austin granite rather than ultramarine; and no icons, no tooltips, no Google Map embed.

5.14 The issue · LIGHT

One line: an issue, not a site: masthead, folios 001–056, footnotes, a contents column with leader dots and a colophon, where speakers are contributors, sessions are articles, tickets are the subscription card and the mind writes in the margin.

Angle: Eye's critical apparatus and Monocle's luxury of smallness are still un-mined on the web (lens 04 §5); the mind as marginalia in a reader's hand with proofreader marks reaching into the page (lens 08 catalogue I, Appleton's daemons); a document with an open line that invites you to write the next clause (lens 08 on Are.na: "c. +"). Literata at opsz 72 / wght 200 for the masthead and article titles, Literata at opsz 7 for reading, Martian Mono for folios and footnotes. Newsprint paper and black only, no signal colour at all (Siena and GQ × AP prove "none" is a decision). The dateline is the only large element on the cover, 240 px between two flag rules (lens 04 provocation 3). Asking the mind inserts a numbered section where it belongs and adds its line to the contents; a return visitor finds the issue they wrote last time. The colophon exposes state lab-notebook style: "Set in Literata and Martian Mono. Snapshot 2026-10-13. Answers composed by the mind."

References: refs/are-na (the lettered list with an empty slot, the live counter, the colophon), refs/shapeofint (provenance in the footer: cutoff, reviewed, build), Monocle and Eye as described in lens 04 §5, lens 04 provocation 7.

Risk: the editorial-minimal default (tell 14 and lens 07 §5): off-white, one serif, a tracked-out line, hairlines, done. The apparatus must be real and visible (real footnotes with superscripts, real folios, a contents column with leader dots, a running head), the dateline must be enormous, there must be no hero and no accent, and the margin must actually be written in by the mind on the mockup.

5.15 The loom · COLOUR

One line: 147 vertical hairline threads, one per speaker, are the page's texture on a flat sky-blue ground, sessions are the weft, and an answer is a woven band across the threads it involves.

Angle: the answer is literally composed from existing threads, which is what the component catalogue does (lens 08 catalogue F); Alex Grey's net of being and Brainbow's colour-as-information give a lattice where hue means track, stripped of the kitsch (lens 06 §2b); the ground is the flat sky blue #4FA3D8 of the 1970 Funkadelic cover, the phrase's own original field, with black threads and cream type. Recursive is the only face: names along the threads at MONO 1 (typed, machine), the mind's words inside the woven band at MONO 0 / CASL 0.6 (spoken, human), so the font performs typed-becomes-spoken and no other feedback exists (lens 04 provocation 5). Scroll weaves the standard site band by band: the days, the lineup, the venue, tickets. On the phone the threads run horizontally and the bands stack.

References: Funkadelic "Free Your Mind… and Your Ass Will Follow" cover (lens 06 §2b, refs/funkadelic-fiu), refs/threezerofive (one living texture, one colour, a data rail), lens 08 provocation 9, lens 04 shortlist entry 9.

Risk: too literal a tapestry (woven textures, ikat colours, a craft-fair look), or the threads becoming a line chart. Hairlines and type only, one ground colour, the bands rectangular and flat, the hue-by-track palette limited to three values matched in lightness, and the sky blue must be the Brodsky flat sky, never a gradient.

5.16 The vibration · COLOUR

One line: two colours only, Sunset Red granite against Barton Springs teal, matched in value so every edge hums, set on a strict Swiss label-column grid, with the dates in Climate Crisis eroding along the YEAR axis as you scroll.

Angle: Moscoso's real technique was Albers (complementaries matched in value so the edge vibrates) and the swirl was the costume (lens 06 §3), so the optical vibration of the type is the whole surface and no photograph, gradient or noise exists; the grid can be shown, Grilli-style, with a 16 px label column carrying the whole nav (day, room, format) and a content column free to be enormous (lens 04 §5 on Müller-Brockmann, refs/grilli); one statement in Climate Crisis bound to scroll is the summit's subject as its only animation (lens 04 provocation 6, shortlist entry 12). #B8574A on #1F7A6E and the inverse by section. Mozilla Headline for the label column and the session titles, Martian Mono for times. The mind: where the answer is, the vibration stills: the mind's own records are set in a third, neutral value (limestone) so the eye rests exactly on what was asked for, and the composer is a hairline in the label column.

References: refs/grilli (label column, hairline rows, a flat colour block carrying two words at 200 px), refs/neuemontreal (two colours committed, one conceit), Victor Moscoso's Albers-derived posters as described in lens 06 §3, lens 03 provocation 7 (one flat colour the industry never uses).

Risk: a 1960s poster costume (Wes Wilson lettering, the swirl, Day-Glo), or an unreadable page if the values are not truly matched. The geometry must be Swiss and ruled, the two colours must be measured to equal lightness in OKLCH, the body text must sit on the limestone third value, and the YEAR-axis statement must appear once.

5.17 The paragraph · DARK

One line: the entire site is one running justified paragraph on black, white type at one size, in which the 147 speaker names are bold and the summit's own text between them is light, and asking the mind re-weights the paragraph.

Angle: the lineup as prose, weight doing all the work (lens 02 on Anorak Film, provocation 10); the programme as one continuous line per day with times in mono woven in (lens 03 provocation 4); forced justification with wide word gaps as a texture (lens 01 §2.3 on No Art and Tracing Art); the index that filters in place rather than adding anything (lens 08 catalogue H). Mozilla Headline at 44 px, wght 200 for the text and wght 700 / wdth 125 for names, one size for everything on the page, Martian Mono only for the times inside the paragraph. The paragraph starts with the facts line as its first sentence and ends with the colophon. A portrait appears only when a name is tapped, as a torn-paper reveal behind the word (lens 03 provocation 5). On the phone the paragraph continues at 36 px and the nav becomes a two-by-two table at the bottom, as Anorak does.

References: refs/anorakfilm (sixty directors as bold words inside a manifesto, one size, one justified column), refs/no-art (justified mono paragraph bottom-left, heavy forced-justified caps), Typographics 2025's reading-list lineup (lens 03 §3.12).

Risk: a wall of text with no first-second surprise, or the Anorak page with names swapped. The surprise must come from the forced justification at 44 px on black filling 1440 px edge to edge with nothing else, the first sentence must be the summit's facts, the manifesto text must have a voice (dry, one aside per screen, lens 01 provocation 10), and the mind's re-weighting must be shown on the mockup with a question already asked.

Counts: MIND 5 (5.1–5.5); DARK 6 (5.2, 5.5, 5.6, 5.11, 5.12, 5.17); LIGHT 7 (5.1, 5.3, 5.8, 5.9, 5.10, 5.13, 5.14); COLOUR 4 (5.4, 5.7, 5.15, 5.16). Primary display faces, one per seed: Libre Caslon Condensed, Playfair, Fraunces, Science Gothic, Bitcount, Big Shoulders, Anybody, Newsreader, Mozilla Text, (Kelly's ring, with Mona Sans small), Hubot Sans, Sofia Sans Extra Condensed, Martian Mono as display, Literata, Recursive, Climate Crisis with Mozilla Headline, Mozilla Headline. Layout grammars, one per seed: labelled diagram, content inside a blanked face, a drawn construct with people on demand, a lattice of words, a cropped cell-head, a pass filling the viewport, four scroll-locked numerals, one horizon curve, a sheet, a ring on a wall, a map you zoom, a runway band, a slide rule over a map, a journal with a margin, vertical threads, a Swiss label column, one justified paragraph. The role of the mind, one per seed: touch a province, write in the light, populate a vertex, pull words toward you, recompose the cells, tear the perforation, scope by numeral, move the sun, fill cells, light squares, brighten a point, flash a face, pin the map, write marginalia, weave a band, still the vibration, re-weight the names.

If only four are built first, build one from each world and two with the mind motif: 5.1 (the phrenology grid), 5.6 (the pass), 5.4 (the lattice) and 5.8 (the duck curve) cover light, dark, colour and the mind, use four unrelated faces, and between them touch every technique in section 4 that costs nothing.

6. Two routes and one assistant, without a chat bubble

The product mechanics are fixed (the standard route; the interactive route where the mind reveals only what you ask for; the mind as an omnipresent assistant on the standard route). What the research changes is how they look. Four rules, each with the evidence behind it.

The fork is an act, not two cards. Lando's "ON TRACK / OFF TRACK" is a split screen cropped hard by the viewport edges with the two words in the gutter; Why Zero begins when you draw; Any Given Moment's gate is two mono words on one image. In every seed above the fork is therefore the thing the concept is made of: tear the perforation (5.6), touch a province or type into the open crown (5.1), start typing anywhere and the lattice moves (5.4), scroll the sun or ask it to move (5.8). The mockup shows the fork as a verb printed on the page in the label face ("tear", "draw", "type", "turn"), never as two equal rectangles under a headline (tell 27). The two doors must weigh differently: the standard route is the page read in order; the mind is the page rearranged. A same-document view transition carries the lockup from the fork into the chrome so the switch is a camera move, not a page load.

The assistant lives in the chrome, as a line to write on. Terminal Industries puts its ask input inside the nav between the menu and the buttons on every page, and on the phone surfaces other visitors' questions ("Asked on this page: how much does Terminal cost?") as the prompt; that mechanic transfers wholesale and the mono styling does not. In a mockup: one hairline rule in the page's label position with a caret at its left and three suggestion verbs set along the rule in small caps ("who speaks tuesday", "what does a pass cost", "where is it"), no box, no pill, no send button, Enter implied by the rule itself; and a small edge-parked card (Lando's bottom-left ticket, No Art's bottom-right "NEXT UP") rotating one moderated question other visitors asked on this page. Never the bottom-right floating pill with an avatar (tell 33).

An answer is a change in the material, then a section in the grid. The research is unanimous that thinking reads from behaviour, not from a face: the sand settles (Chladni), the ribbon re-forms (Shape of Intelligence), the numerals move (Igloo), rows dim (the index). Each seed names its material and the mockup shows one answer already composed: the question stays as the section's heading in sentence case ("Who's speaking Tuesday"), numbered (01, 02) so the thread reads as a table of contents and not a transcript; the say line is a caption in the page's own family at a different axis (Recursive MONO to CASL, or the italic cut), 45 words, never in a container; the components beneath inherit the page's type and spacing; the source is a footnote in mono at the end of the section; and "thinking" is the field reorganising, the readout spinning or the crosshair ticking, never a shimmer or a dot row. Older answers stay as sections you can re-read.

Expose the state, lab-notebook style, as a design feature. Shape of Intelligence's footer reads "cutoff 2026-06-30 · reviewed 2026-09-12 · build d2a7bca"; Dinamo shows "29 online"; Are.na counts "15 years and 66 days". The brief's required placeholder flag becomes the honest version of this: "snapshot 2026-10-13 · 77 speakers · 50 sessions · sample data" in 11 px in the footer, and "312 minds free right now" as a live counter in a corner if the concept wants life with zero decoration. Motion and sound controls, where a concept has them, are designed into the chrome the way Chladni's "PAUSE PLATE" and Shape of Intelligence's "Sound off · Motion on" are, not hidden in a corner toggle.

What a judge should see on every mockup, in the first second: the facts line in the corners or on the edge; the fork as a verb; the composer as a rule, not a box; and one answer already on the page, in the page's own grid, with its source. Everything else is the concept.