# Design Language for economic.wiki ## Aesthetics and Tone economic.wiki is **a Bauhaus-trained urban planner's late-shift wall**, photographed at the cold blue hour just before sunrise — the moment when the city has stopped pretending to be a story and has agreed to be measured. Imagine a fourth-floor planning office above a freight depot in Rotterdam, Tallinn, or Sapporo: drafting tables pushed end-to-end into one continuous fifteen-meter horizon, a single pale-cyan fluorescent ceiling tube humming overhead, and pinned across the entire wall — overlapping, half-eclipsing each other, breathing in their own organic-blob containment shapes — twenty-three years of zoning maps, freight tonnage charts, energy-intake curves, household-expenditure ledgers, and one hand-pencilled note that says *"the city is not the buildings, the city is what the buildings have to keep doing."* The aesthetic is **avant-garde fashion-lookbook applied to the economic atlas** — but the lookbook is not a runway, it is a survey. Every page-fold is one specimen of urban economic life laid out in the way Comme des Garçons or Maison Margiela would lay out a deconstructed garment for the seasonal book: oversized, isolated, irreverent about hierarchy, willing to leave seventy percent of the spread empty if seventy percent of the spread *is the point*. The lookbook's signature deconstruction — sleeves pinned where collars should be, hems drawn as engineering schematics — is here applied to economic objects: a city's GDP shown as a translucent organic blob breathing over a freight rail diagram, a household budget shown as the seven blue silhouettes of seven differently-sized apartments stacked as a single column. The tone is **grounded-earthy** (1% in the registry — the rarest tone, claimed and defended) **rendered in cold-cyan fluorescent rather than warm ochre**. Most "grounded" sites reach for terracotta, hessian, raw oat, hand-thrown ceramic — the comforts of the kitchen-garden. economic.wiki refuses that visual shorthand. *Groundedness here means: the numbers are about people who have to eat tomorrow, the maps are about streets people will walk on in two hours, and the writer of this site is at a drafting table at 4:47 AM and has not lied to you about anything.* The voice is patient, technical, regional, slightly tired, never selling. It writes the way a senior planner writes to a junior planner. It does not say *unleash, transform, scale, revolutionize, ecosystem*. It says *the figure for the previous quarter is provisional and will revise downward by approximately 1.4% when the customs returns settle in week ten*. ## Layout Motifs and Structure The structural commitment is **hero-dominant** (8% in the registry — uncommon, claimed) **fused with progressive-disclosure** (1% in the registry — the rarest interaction pattern, claimed and made the entire navigation grammar). These two together produce a layout that exists nowhere else in the corpus: one fifteen-meter-wide horizontal scroll, divided into seven heroes, each hero a single drafting table on the planner's wall, each drafting table revealing its content only as you commit to staying with it. **The Wall (the entire site).** The page is one horizontal canvas, 7 viewport-widths long, scrolled left-to-right with a custom `wheel`/`touch` driver that translates vertical input into horizontal motion at a 1:1 visual rate (no parallax dampening — the wall moves exactly as fast as your finger). The wall has no header, no menu bar, no breadcrumbs, no footer. There is one persistent element: a small drafting-table sigil in the upper-left of the viewport (a 24×24 SVG of a T-square crossed with a measuring rule) which on click jogs the wall back to Hero 1. **The Seven Heroes (the seven drafting tables).** Each hero is one viewport wide, one viewport tall, claimed by exactly one economic specimen. The seven specimens are fixed by the site's structure: 1. **THE CITY** — what economic.wiki is for, told as a single oversized organic blob breathing slowly over a city silhouette skyline. 2. **THE LEDGER** — household-scale economics: the seven apartment-silhouettes column, hover-revealing each apartment's monthly expenditure breakdown. 3. **THE FREIGHT** — supply-chain visualisation: a sequence of organic blobs strung along a horizontal rail line, blob-size proportional to freight tonnage. 4. **THE GRID** — energy economics: a city block diagram with translucent cyan blobs marking energy-draw concentrations across 24 hours. 5. **THE INDEX** — wiki entry-point: an oversized condensed wordmark of one canonical economic concept (rotated daily — rotates through *RENT, LABOR, FRICTION, DEBT, CIRCULATION, SCARCITY, TRUST*), beneath which a single paragraph reveals on dwell. 6. **THE ARCHIVE** — every previous index entry as a horizontal stack of ghost-thin wordmarks, each one expandable to its full essay. 7. **THE PLANNER** — colophon, methodology, sources. A signed pencil sketch of a hand at a drafting table. **Progressive-Disclosure as the Only Navigation.** The wall, on first paint, shows only the seven hero titles in oversized condensed type, each title a verb-noun pair: *MEASURE THE CITY, COUNT THE LEDGER, MOVE THE FREIGHT, DRAW THE GRID, NAME THE INDEX, KEEP THE ARCHIVE, MARK THE PLANNER*. **Nothing else is visible.** The drafting tables are blank. Disclosure happens on three escalating commitments: - **Dwell** (cursor stationary on a hero for ≥ 1.4 seconds): the hero's organic-blob specimen fades up at 35% opacity, the title shrinks by 6%, and a single line of gray pencil-script appears below the title. *Most visitors will live here.* - **Click** (cursor click on the hero or specimen): the blob inflates to 100% opacity, the specimen's first-tier data labels fade in along its perimeter, the wall darkens by 8% to focus the active hero. *This is the working state.* - **Press-and-Hold** (mouse-down or touch-hold for ≥ 0.8 seconds): the hero detonates into its full essay — a vertical column of body text condenses down out of the top of the blob, the wall freezes its horizontal scroll, vertical scroll is enabled inside the hero. To collapse, release of hold-key is required, or the small "X" in the upper-left of the column. *This is the deep-read state.* This three-tier disclosure is the whole site's grammar. There is no menu. There is no search bar (yet — search is hidden behind a `/` keystroke that summons a single condensed input over the wall). There is no signup, no newsletter modal, no cookie banner. **The Drafting-Table Grid.** Within each hero's working state, the layout snaps to a 12-column grid where columns are 60px each with 12px gutter, but the grid is *visible*: faint 1px cyan rule-lines run vertically across the entire wall, behind the content, the way a real drafting-table is ruled. Content lives between the rules. This visible grid is the avant-garde signature — the *infrastructure of the page is part of the page*. **Negative-Space Discipline.** Each hero, when fully activated, may use no more than 38% of its viewport area for ink. The remaining 62% is the cold cyan fluorescent of the empty drafting table. This is enforced as an explicit design rule in the implementation prompts. ## Typography and Palette **Typefaces — Google Fonts only, all confirmed available:** - **`Oswald`** (variable, weights 300–700) — the primary display face. Oswald is Vernon Adams's reworking of the classic narrow-sans tradition that runs from Alternate Gothic (1903) through Bebas to today; it is condensed, geometric, and crucially *signage-grade* — built for being readable at distance on bus-stop time-tables and warehouse labels. It claims the registry's **condensed (12% — uncommon, claimed)** typography slot. Used at 320px, 180px, and 96px for the seven hero titles, the index wordmark, and the archive ghost-stack respectively. Letter-spacing tightened to -0.02em at display sizes; tracking opened to +0.08em at small caps used for data labels. - **`IBM Plex Sans Condensed`** (weights 400, 500, 600) — the secondary text face for body copy in deep-read state, footnotes, captions, sidebar labels. Plex Sans Condensed is IBM's 2018 publicly-released corporate face — a humanist grotesk drawn by Mike Abbink and the Bold Monday studio, with a deliberately *engineered* feel (aperture decisions optimized for monitor rendering, terminals geometrically rectified). It pairs with Oswald the way an engineer's typewritten report pairs with a draftsman's signage rule. Set at 16/26 for body, 13/20 for footnotes, 11/16 for table data. - **`JetBrains Mono`** (weight 400) — the data face. Used exclusively for numerals in tables, freight tonnage figures, monthly expenditure values, energy-draw kilowatt-hour readings. JetBrains Mono is the most readable of the major monospaces at small sizes; here it grounds the *grounded-earthy* tone — when the site shows a number, the number is in the typeface that is most committed to being a number. Tabular figures ON. Set at 14px throughout. The pairing — Oswald display, Plex Condensed body, JetBrains numerals — is deliberately *narrow across the entire stack*. The whole site reads tall and slim, the way a city skyline reads tall and slim. Width is the site's most consistent visual property. **Palette — ethereal-blue (5% in the registry, claimed) reframed as fluorescent-planning-room-cyan rather than dreamy-fairy-mist:** - `#0A1418` — **Ink Black**. The primary text color, the wordmarks, the rule lines at full strength. Not pure black; tinted slightly cyan so it sits in the same air as the wall. Used at 92% opacity for body text to soften reading. - `#E8F1F4` — **Drafting Cream**. The dominant background — the wall itself. A cool eggshell, gentler than pure white, the color of fluorescent-lit cartridge paper at 4 AM. - `#A6D5DC` — **Hour-Blue**. The signature ethereal-blue. Used for the visible drafting grid rule-lines, the organic-blob fills (at 35% opacity), the dwell-state title shrink overlay, and all hover-state accents. This is the *cold blue hour* — the fluorescent ceiling tube reflected in the wax-paper drafting overlay. - `#5C8A95` — **Plan Teal**. The mid-tone; the color of the freight-rail line in Hero 3, the energy-grid lines in Hero 4, the small drafting-table sigil. A deeper desaturated cyan. Reads as engineering-print teal, not as ocean. - `#1F3138` — **Night Slate**. The activated-hero background darken — when the wall darkens by 8% to focus a hero, the dimmer is this color at 8% alpha. - `#C8B58A` — **Pencil Ochre**. The single warm accent — the gray pencil-script that appears on dwell, the planner's hand-pencil annotations, the signature in Hero 7. The earthiness in *grounded-earthy*; one small, honest, warm note in an otherwise cold palette. Used sparingly — never more than 4% of any viewport's ink. - `#9AAFB6` — **Ghost Cyan**. The archive ghost-stack color, used for the not-currently-active wordmarks in Hero 6. The color of past entries seen through wax paper. The palette has **seven colors, not three**, because a planner's wall has seven inks: black ink, white wall, blue rule, teal print, slate dimmer, ochre pencil, and the ghost of older work. The seven colors map one-to-one onto a fixed semantic role. There is no "primary brand color." There is the wall, and there is everything that lives on the wall. ## Imagery and Motifs The imagery program is **organic-blobs (7% — uncommon, claimed) over city-urban (3% — uncommon, claimed)**, and the entire visual library is *one* generative SVG system that produces every blob, every silhouette, every diagram. There is **zero photography** (the registry's 98%-photography baseline is the deviation), zero stock, zero AI-generated images, zero icon library, zero data-viz library. **The Blob System (the whole imagery language).** A single ES module — `bloblang.js` — produces every blob on the site. Each blob is generated from a deterministic seed (the hero index, plus a sub-index) using a 12-point radial sampler with smoothed cubic-Bezier interpolation and a controlled-noise displacement field. The blobs are *not* fluid like Frutiger Aero glass-bubbles, *not* playful like Memphis squiggles, and *not* botanical like fairycore petals. They are **survey-blobs** — the contour shapes that planners draw freehand around a region of interest on a chart. Their reference is the pencilled-on-tracing-paper convex hull around a cluster of measurements, the kind that says *"all the freight inside this curve goes through this depot."* Six blob families, each tied to one hero: 1. **CITY-ENVELOPE** (Hero 1) — one large blob, ~80% of viewport width when activated, breathing on a 9-second sine cycle (radial perturbation ±2.5%). Beneath it: a city-urban silhouette skyline — a horizontal frieze of 80–120 narrow rectangles of varying heights, drawn in Plan Teal, calculated from a deterministic-noise function such that the skyline is recognizable as *city* without depicting any specific city. The blob is what the city *is for* (the economic activity); the skyline is what it *looks like*. 2. **LEDGER-COLUMN** (Hero 2) — seven small blobs vertically stacked, each a different size proportional to the apartment's monthly expenditure. The blobs sit *beside* the apartment silhouettes — the silhouette is the form, the blob is the consumption. On hover: the blob inflates to show its expenditure breakdown as concentric inner rings. 3. **FREIGHT-CHAIN** (Hero 3) — a horizontal procession of 7–11 blobs strung along a rail-line drawn in Plan Teal. Each blob's diameter is proportional to the freight tonnage it represents; on hover, the blob unfolds into a small bar-pair (inbound | outbound). 4. **GRID-DENSITY** (Hero 4) — twenty-four small overlapping blobs distributed across a rectangular grid of city blocks, each blob's area proportional to the energy-draw at that hour-block. Blobs at adjacent hour-blocks share an outline, producing a *contour-map-of-the-day*. 5. **INDEX-MARK** (Hero 5) — no blob. The index hero is pure typography — the day's chosen concept (RENT, LABOR, FRICTION, etc.) set in 320px Oswald, occupying the full viewport, with a single Pencil Ochre underline drawn freehand-style. The absence of a blob in this hero is part of the rhythm. 6. **ARCHIVE-GHOSTS** (Hero 6) — every previous INDEX wordmark stacked horizontally as ghost-thin Oswald in Ghost Cyan, with one small blob behind each as a faint marker. The blob here is reduced to a memory. 7. **PLANNER-SIGNATURE** (Hero 7) — a hand-drawn SVG sketch (single-pen, unbroken stroke) of a hand at a drafting table, plus the planner's pencilled signature. The signature is the only piece of *handwriting* on the site; it grounds the entire enterprise as the work of a person. **The Skyline Frieze (city-urban motif claimed).** Below the CITY-ENVELOPE blob in Hero 1, behind the FREIGHT-CHAIN in Hero 3, and at the bottom of the GRID-DENSITY in Hero 4, runs the same 1200-wide deterministic skyline. It is built from a single function `cityHorizon(seed, width, density)` that produces a sequence of variable-width rectangles of variable heights, sampled from a 1/f noise distribution to mimic the actual frequency-distribution of building heights in mid-density European industrial cities. The skyline is *cool teal silhouette only* — never colored, never lit, never windowed. It is *the city as inventory of vertical mass*, not as travel-poster. **The Drafting-Grid Lines.** The visible 60-pixel column-grid is rendered as 1px Hour-Blue rules at 18% opacity, running floor-to-ceiling behind every hero. These are not decorative — they are the structural memory of the drafting table. They never animate; they are the only visually static element on the entire site. **Annotation Marks.** When a hero is activated, three to seven small Pencil Ochre annotation marks appear at the perimeter of its blob — short freehand-style line-segments, one to four characters of JetBrains Mono numeric labels, drawn in the rough hand of a planner annotating a chart. These are the only "warm" marks on the page. There are **no photographs, no avatars, no team headshots, no testimonials, no hero stock-images, no decorative gradients, no neon-glow, no glassmorphic cards**. The site renders almost entirely in two colors — Drafting Cream and Hour-Blue — with Ink Black for type and Pencil Ochre for the annotations. That is the imagery language complete. ## Prompts for Implementation Build economic.wiki as **one HTML document, one CSS file, one ES module (`bloblang.js`), one tiny SVG sigil, and zero raster assets.** Total uncompressed asset budget: ≤ 180kb across all files (Google Fonts external). No framework. No bundler. No build step. The site is one page long horizontally; treat it like a single physical wall. **Storytelling spine.** First paint shows the empty wall — Drafting Cream background, the seven hero titles in 320px Oswald spread across the 7-viewport horizontal canvas, the visible 60px column-grid in Hour-Blue at 18%, the small drafting-table sigil in the upper-left, and absolutely nothing else. The wall is silent. There is no music, no auto-playing animation, no welcome message. The visitor's first action — moving the mouse — does the first piece of work: as the cursor crosses each hero region, the title softens by 6% and a single Pencil Ochre line of pencil-script appears beneath: *"measure the household economy, the unit of one apartment, one month, one ledger,"* etc. The site's first promise is this: nothing happens until you look. **The horizontal scroll.** Hijack vertical wheel and trackpad input via `wheel` event listener, transform `deltaY` into horizontal `scrollLeft` delta on the wall container, with a 0.85 friction multiplier and `requestAnimationFrame` loop for smoothness. Touch input is mapped naturally — horizontal swipe scrolls horizontally, vertical swipe is consumed only when a hero is in deep-read state (then it scrolls the inner column). On keyboard, ArrowRight/ArrowLeft jog one viewport at a time, snapping to hero boundaries. Page-position is broadcast via a custom event so each hero can react to its proximity to viewport-center. **The progressive-disclosure state machine.** Each hero is a component with four states: `IDLE` (title only), `DWELL` (title + script line + 35% blob), `WORKING` (full blob + perimeter labels + grid rules brightened), `DEEP_READ` (essay column overlaid). Transitions: - IDLE → DWELL on cursor-within for ≥ 1400ms (a deliberately slow hover threshold; this is not a tooltip, it is a commitment). - DWELL → WORKING on click anywhere within hero, OR on cursor-within for ≥ 4500ms (the patient visitor is rewarded). - WORKING → DEEP_READ on press-and-hold for ≥ 800ms, OR keyboard-Enter while hero is centered. - DEEP_READ → WORKING on Escape, "X" click, or release of held key. - WORKING → IDLE on cursor leaving hero region for ≥ 2000ms (the wall forgets; it does not insist). Crucially, **the disclosure is not animated with bouncy springs or playful ease**. Every transition uses `cubic-bezier(0.32, 0.04, 0.21, 1.0)` — the *measured-engineer ease* — which begins fast, slows quickly, and lands flat. No overshoot. No bounce. The site is grounded, not whimsical. Total transition duration is 320ms for all state changes, matching the columns of the drafting grid. **The bloblang generative system.** `bloblang.js` exports one function: `generateBlob({seed, complexity, breath})`. The function: 1. Seeds a small xoshiro128 PRNG with `seed`. 2. Generates `complexity` (default 12) radial control points at angles `2π·i/complexity` with radii distributed as `1 + 0.18·noise(i)`. 3. Smooths the control points into a closed Bézier spline with continuous tangent, using the standard four-point cubic-Bezier through formula. 4. If `breath > 0`, returns a function `t → path(t)` that perturbs each radius by `breath·sin(t·2π/9 + i·π/6)`. Heroes 1, 4 use breath=0.025; heroes 2, 3 use breath=0; the breath cycles on a 9-second loop. Every blob in the site is generated this way. There is no SVG file with a hand-drawn blob; every blob is computed at first paint, deterministic per hero. Total `bloblang.js` budget: ≤ 4kb minified. **Typography commitments.** All seven hero titles use Oswald 700 at 320px with letter-spacing -0.02em, baseline-shift +0.06em. The titles are the only element ever set at this size. Body essay text is Plex Sans Condensed 500 at 16/26, max-line-width 62 characters. Numeric data is JetBrains Mono 400 at 14px with `font-variant-numeric: tabular-nums lining-nums`. Pencil-script annotations are Plex Sans Condensed 400 italic at 13px in Pencil Ochre. There are no other type sizes. Five sizes for the entire site. **Color discipline.** Every CSS color value comes from the seven-color palette. There are no greys other than Ink Black at varying opacities (92%, 64%, 38%, 18%) and the explicit Slate, Plan Teal, Hour-Blue, Ghost Cyan family. Drop-shadows are forbidden — a planner's wall is flat. Gradients are forbidden — a planner's wall has no gradients except the one cyan fluorescent at the top, which is rendered as a single `linear-gradient(to bottom, #E8F1F4 0%, #DCE7EB 100%)` at 14% opacity over the wall, and only there. **Avoid absolutely.** No CTA button anywhere on the entire site. No "Get Started," "Sign Up," "Subscribe," "Learn More," "Schedule a Demo." No pricing block. No tier comparison table. No stat grid ("10K+ users, 99.9% uptime"). No customer logos. No team-section. No testimonials. No FAQ accordion. No newsletter modal. No cookie banner (the site sets no cookies, period). No analytics. No third-party widgets. No social-share buttons. No "as featured in" carousel. The Hero-7 PLANNER colophon is the only place where author-attribution appears, and it appears as a pencilled signature, not a portrait. **Animation discipline.** Three permitted animations across the entire site: (1) the 9-second blob breathing on Heroes 1 and 4; (2) the 320ms hero-state-transition ease; (3) the cursor-following Pencil Ochre annotation that appears on dwell and follows the cursor with a 180ms lag. *No parallax beyond the natural horizontal scroll. No path-draw animations. No counter-animate. No typewriter. No magnetic cursor. No tilt-3d. No card-flip.* The site has the stillness of a 4 AM drafting room, broken only by the slow breath of two blobs and the visitor's own commitment to dwell. **Content placeholder.** Until real content is written, fill the seven heroes with the pencil-script lines from the titles section above and one paragraph each of pure plumbing copy in Plex Condensed describing what the hero would contain in production. Do not use lorem-ipsum. Use the planner's voice — flat, regional, slightly tired, technical. ## Uniqueness Notes This design commits to the following differentiators, each chosen explicitly to claim underused registry territory and refuse the dominant patterns of the corpus: 1. **Avant-garde at 2% — claimed as fashion-lookbook-of-the-economic-survey, not as anti-design noise.** The 2% of CMassC sites tagged avant-garde have leaned anti-design — broken type, intentional ugliness, dada-collage, manifesto-shouting. economic.wiki refuses that route. Avant-garde here is *Comme des Garçons applied to urban planning*: the rigorous deconstruction of a complete object (a city's economy) into oversized isolated specimens laid out across a wall, the way a couture lookbook isolates one garment per spread. The avant-garde is in the *editorial format* — seven heroes, no menu, no CTA, no conventional navigation — not in surface chaos. 2. **Grounded-earthy at 1% — the rarest tone in the registry — claimed and rendered in cold-cyan instead of warm-ochre.** The 1% of the registry that has used grounded-earthy reaches reflexively for the kitchen-garden palette (terracotta, oat, hessian, hand-thrown ceramic). economic.wiki keeps the *posture* of grounded-earthy (patient, regional, technical, never selling, never inflating) and pours it into a *fluorescent-blue planning office* visual frame. The contradiction is the design: grounded does not have to mean warm. A 4 AM drafting table is as grounded as a kitchen garden, and considerably more honest about what economics actually looks like. 3. **Progressive-disclosure at 1% — the rarest interaction pattern — promoted from "occasional micro-detail" to *the entire site's navigation grammar*.** The 1% of CMassC sites that use progressive-disclosure use it as a polite supplement (a tooltip, a "show more" link, a hover-card). economic.wiki refuses to ship a menu. The site has *no* navigation chrome at all. The only way to reach content is through the three-tier dwell/click/hold escalation, which means the visitor *commits* to each piece of content before seeing it. This is the inverse of attention-economy design, and that inversion is the entire ethos of a wiki *about* the economy. 4. **Hero-dominant at 8% — claimed as seven heroes in horizontal sequence rather than one hero stacked above conventional sections.** Most hero-dominant sites in the corpus pair one large hero with conventional below-fold structure. economic.wiki commits the whole canvas to heroes — seven of them, side by side, every one full-viewport — and ships zero conventional sections. The result is a layout closer to a museum's seven-gallery floor plan than a website's homepage. 5. **Ethereal-blue at 5% — reframed as fluorescent-cold rather than dreamy-mist or fairy-bloom.** The 5% of CMassC sites tagged ethereal-blue have read the palette as either holographic-saas-mist or cottagecore-fairy-bloom. economic.wiki frames the same blue as *the cold hour just before sunrise, lit by a humming fluorescent ceiling tube above a planner's drafting table*. Same hue family; entirely different cultural address. The ethereal-blue is no longer a reverie color; it is a working color. 6. **City-urban at 3% — uncommon — claimed as silhouette-frieze inventory rather than skyline-photograph.** The 3% of registry sites that have used city-urban motif have leaned on photographs of recognizable skylines (NYC, Tokyo, Hong Kong) or stylized illustrations of named landmarks. economic.wiki uses *no photograph and no recognizable city* — the skyline is generated from a 1/f noise function so that it reads as "city" without being any specific city. This makes the site geographically universal: the planner could be in Rotterdam, Tallinn, or Sapporo, and the design does not commit to one. 7. **Organic-blobs at 7% — uncommon — repurposed from playful-fluid-decoration to *survey-contour-around-a-data-cluster*.** The 7% of corpus sites that use organic-blobs use them as Frutiger Aero glass-bubbles, fairycore floating shapes, or Memphis squiggles. economic.wiki redefines the blob as *the freehand convex hull a planner pencils around a cluster of measurements*. The reference is the engineering-survey notebook, not the playful-app onboarding screen. 8. **Condensed typography at 12% — uncommon — used as the entire site's voice via Oswald + IBM Plex Sans Condensed pairing.** Most condensed-tagged sites pair condensed display with a non-condensed body face (humanist sans, serif). economic.wiki commits to *condensed-across-the-stack* — Oswald display, Plex Sans Condensed body, even JetBrains Mono is among the narrower monospaces — producing a site that is visually tall-and-slim everywhere. The condensed posture mirrors the city-skyline silhouette: the city is tall and narrow, the type is tall and narrow. 9. **Zero-CTA, zero-conversion-funnel commitment.** No site in the orchestrator's pipeline has aggressively targeted the *removal of every conversion mechanism*. economic.wiki ships no signup form, no pricing, no testimonials, no newsletter, no contact-us, no analytics, no cookie banner. The site is a wiki, not a funnel. The only contact point is the planner's signature on Hero 7. This is enforced as a structural rule, not a stylistic preference. 10. **Three-animation-only discipline.** Where 94% of registry sites use parallax, 82% use cursor-follow, and 80% use spring physics, economic.wiki ships *three* animations total: the blob breath (Heroes 1, 4), the 320ms state-transition ease, and the 180ms cursor-lag annotation. Everything else is static. This radical animation austerity is the site's grounding mechanism — a planner's wall does not bounce. **Chosen seed (planned): aesthetic: avant-garde, layout: hero-dominant, typography: condensed, palette: ethereal-blue, patterns: progressive-disclosure, imagery: organic-blobs, motifs: city-urban, tone: grounded-earthy.** Every dimension of this seed lands in registry territory at 12% or rarer (avant-garde 2%, hero-dominant 8%, condensed 12%, ethereal-blue 5%, progressive-disclosure 1%, organic-blobs 7%, city-urban 3%, grounded-earthy 1%). The seed has no overlap with the dominant patterns (hand-drawn 96%, glassmorphism 68%, photography 98%, full-bleed 92%, parallax 94%, cursor-follow 82%, mono 95%, gradient 97%, warm 97%, pastoral-romantic 31%). This design avoids all ten of the corpus's most over-used patterns and claims room in eight of its under-used ones. **Avoided patterns from frequency analysis:** hand-drawn aesthetic (96%, refused — every line is engineered), glassmorphism (68%, refused — the wall is flat matte), photography (98%, refused — only generative SVG), full-bleed (92%, kept-but-redefined — full-bleed *horizontally* across seven heroes), card-grid (81%, refused — no cards), centered (81%, refused — every hero is grid-anchored), parallax (94%, refused — no depth-parallax, only true 1:1 horizontal scroll), cursor-follow (82%, minimized — only the 180ms annotation lag), spring (80%, refused — measured-engineer ease only), magnetic (74%, refused), stagger (75%, refused), gradient palette (97%, refused — flat-color discipline), warm palette (97%, refused — cold-cyan discipline), mono typography as primary (95%, refused — mono is reserved for numerals only), pastoral-romantic tone (31%, refused), warm-inviting tone (27%, refused).