# Design Language for courts.studio ## Aesthetics and Tone courts.studio is a **brutalist royal-court chamber lit only by candles**, where the four meanings of the word *court* — the law court, the royal court, the tennis court, the courting of a lover — are pressed flat against a single concrete wall and illuminated, one at a time, by a guttering taper. The aesthetic is **brutalist filtered through candle-atmospheric jewel-tone gloom**: raw-poured concrete textures, grid lines exposed like rebar, monumental Baskerville serifs cut into the slab — but the lighting is not the cold fluorescent of a Swiss agency or the purple-black of a Berlin techno-flyer. The lighting is **wax-lit**: a single warm jewel-toned flame source per chamber, casting amethyst-deep shadows across emerald-cold concrete, with garnet smoke drifting up and out of the viewport. The tone is **energetic** in a very specific sense: not the dopamine-bright energy of a startup landing page, not the kinetic energy of a webgl experiment — but the *combustive* energy of a candle held to a match, of a courtier whispering treason, of a tennis serve at the apex of toss. Energy as **potential about to discharge**. Every chamber on this site holds its breath; the pulse-attention animation is the heartbeat audible inside that held breath. This is a studio's portfolio site — courts.studio, the imagined practice of a single architect-illustrator who designs *court spaces* (legal, royal, athletic, romantic) and documents the work in candlelit illustrations she draws by hand at 3am. Visitors are not shoppers. They are guests admitted, late, into a chamber where work is laid out on a stone slab for inspection. The mood references: **Tarkovsky's Andrei Rublev** (the candle-watch scene), **John Pawson's monastery at Nový Dvůr** (concrete and Cistercian quiet), **Hilma af Klint's altar paintings** (jewel-toned ritual color blocked into geometry), **Caravaggio's tenebrism** (single-source lighting, void around it), and **the ink wash drawings of Hiroshige** (the courtship of an unseen subject through candles and lanterns). It does *not* reference: brutalist neon-grids agency websites, Swiss-grid editorial, dopamine-warm landing pages, or any other 96%-frequency convention. ## Layout Motifs and Structure The site is **seven layered chambers, each a vertical full-viewport slab of poured-concrete wall**, stacked one beneath the other. The composition is **layered-depth** taken literally: every chamber renders **five distinct z-depth planes** — wall, dust, candle-flame, illustration, and chamber-numeral — and each plane drifts at a different parallax speed during scroll, so passing through a chamber feels like walking *into* it, not past it. **The Five Z-Planes (every chamber):** - **z-1 — The Wall.** A static full-bleed concrete texture (custom-illustrated noise + 1px grid hairlines suggesting formwork seams). Does not move on scroll. Stays at translateZ(-400px) in CSS perspective, scale 1.4 to compensate. - **z-2 — The Dust.** A garnet-tinted particle field of 80–120 1px motes, drifting upward at 4–7px/sec, physics-driven. Moves at parallax-rate 0.85. - **z-3 — The Candle.** A single SVG candle, 220–340px tall, hand-drawn with a flame that *physically flickers* (the only place the pulse-attention pattern is wired to actual luminance, see Patterns below). Parallax 0.65. Cast-shadow ellipse beneath it on the wall plane. - **z-4 — The Illustration.** The chamber's central custom-drawn artifact (a gavel, a crown, a tennis racket strung with silver wire, a folded letter, etc.) rendered in 4-color flat-illustration style. Parallax 0.45 — drifts toward the viewer fastest. Sits *between* the candle and the typography to imply the candle is lighting it. - **z-5 — The Numeral.** A monumental Baskerville Roman numeral (I through VII), set 36–58vh tall, rendered as **carved-into-wall negative space** — the numeral is a window cut into the concrete revealing the jewel-tone field behind. Parallax 0.0 (static; the wall and the numeral move together). The numeral is the structural anchor of every chamber. **Chamber sequence and roles:** - **Chamber I — Threshold.** The studio's name and one whispered sentence. Candle lit, illustration absent (just a spent matchstick in foreground). Establishes that we are guests being admitted. - **Chamber II — Of the Law Court.** Illustration: a Baskerville-italic gavel, fallen on its side, the head cracked. Discusses the studio's work designing tribunal interiors, hearing-room acoustics, and the architecture of judgment. - **Chamber III — Of the Royal Court.** Illustration: a tarnished crown laid on its rim, one jewel missing. Discusses the studio's portrait commissions for fictional dynasties, heraldic illuminations, and the iconography of inherited power. - **Chamber IV — Of the Tennis Court.** Illustration: a wood-frame tennis racket strung with what appears to be silver thread, leaning against an unseen wall, mid-swing-arc traced behind it. Discusses court-marking commissions, athletic chapel design, and the geometry of contested ground. - **Chamber V — Of the Courting.** Illustration: a folded vellum letter, wax seal half-broken, ribbon trailing off the bottom of the viewport. Discusses the studio's love-letter commissions, ceremonial bouquet designs, and the choreography of pursuit. - **Chamber VI — The Workshop.** A horizontal break in the layering — for one chamber, the five planes flatten into a single overhead-view of the studio table where all four artifacts from chambers II–V are arranged together, candle still burning at center. The only chamber where the camera looks *down*. - **Chamber VII — Departure.** The candle is reduced to a guttering stub. The viewer is dismissed with a single line and a hairline-thin contact-by-letter address (postal-formatted, no email field, no form). **Vertical scroll only.** No horizontal sweeps, no carousels, no hijacked scroll velocity. Each chamber is exactly 100vh except Chamber VI which is 130vh to accommodate the overhead workshop view. Transition between chambers is a **180ms wax-fade**: as the previous chamber's bottom edge approaches the top of the viewport, its candle dims to extinction and a new candle ignites in the chamber below — choreographed by `IntersectionObserver` at threshold 0.92. **No top navigation. No footer. No hamburger.** The seven Roman numerals are themselves the navigation: clicking any numeral teleports to that chamber. There is a fixed-position vertical list of seven 6px dots on the left edge at 24px from the viewport edge, each dot inheriting the active chamber's jewel-tone color when scrolled to. **Negative space is not white.** Every void on this site is **dark concrete-emerald (#0E1B16)**, never white, never paper, never cream. The page has no white pixels; the candle flame is the lightest area on any plate, peaking at #FFE8B8 (a bone-warm). ## Typography and Palette **Type system — Google Fonts only:** - **Libre Baskerville (Regular, Italic, Bold)** — *the* voice of the site. Used for all chamber numerals (Roman, oldstyle figures), all chamber titles, all body running text, and the wordmark. Libre Baskerville is the open-source Baskerville-refined face of choice: high contrast between thicks and thins, a sharply defined ball-terminal on the lowercase 'a' and 'g', and a deeply forked italic 'k' that becomes the site's unintended monogram. Set the chamber numerals at clamp(280px, 36vw, 580px), weight 400, letter-spacing -0.04em — large enough that the formwork-seam aesthetic of the wall reads *through* the negative-space cut of the numeral. Set body running text at 18px / 1.65 line-height, weight 400, with italic used liberally for any word a courtier would whisper. - **Cormorant Garamond (Light Italic, weight 300, italic only)** — used exclusively for **whispered marginalia** at 13px / 1.4, set in long elongated italics flowing along the right margin of each chamber. Cormorant's Light Italic is one of the most softly-stroked italics on Google Fonts; against the heavier Baskerville body, it reads as a second voice — a courtier's gloss on the chamber's main statement. - **JetBrains Mono (Regular, weight 400)** — used *only* for the postal-format contact address in Chamber VII and for the chamber-numeral subscript labels (e.g., `Chamber II · Of the Law Court · MMXXVI`). Mono is at 11px, tracking 0.18em, uppercase. This is a tiny utility face; it never displaces Baskerville, never gets bigger than 11px, never appears outside Chambers I and VII labels and Chamber VII's address block. No third or fourth display face. No handwritten font. No mono headline. The typographic discipline is intentionally severe: Baskerville carries 92% of the type weight, Cormorant italic carries 7%, JetBrains Mono carries 1%. **Palette — Jewel-Tones in candle-tenebrism:** The palette is built around **four jewel-tones each assigned to one of the four court meanings**, with two neutral concrete shades and one warm-bone candle-flame tone. - **#0E1B16 — Concrete Emerald** (the wall, the void, the 78%-of-pixels base). A green-black, formed by mixing #0A1A14 deep forest with a 6% black overlay. Functions as the page background and the unlit areas of every chamber. - **#1A2520 — Concrete Mid-Emerald** (formwork seams and grid hairlines). A 1-tick-up shade of the wall, used for the 1px formwork seams that grid the wall every 88px and for the perimeter hairline of each illustration's bounding rectangle. - **#7A1F2E — Court Garnet** (Chamber II — the law court, jewel-tone the deepest red of a stained robe). A darkened ruby. Used for the rebar-grid behind the cracked gavel and for the dust-mote particles in Chamber II. - **#1F4E5A — Court Sapphire** (Chamber III — the royal court, the cold jewel of a king's signet). Used for the field behind the crown, the candle-cast tint in Chamber III, and the missing-jewel socket on the crown illustration. - **#5E4A1A — Court Topaz** (Chamber IV — the tennis court, the warm jewel of clay-and-grass). Used for the field behind the racket, the silver-thread strings (rendered against topaz, the strings appear ivory). Chamber IV is the chamber closest to "warm earth" but stays jewel-tinted, never goes terracotta. - **#3A1F4A — Court Amethyst** (Chamber V — the courting, the violet jewel of intimacy). Used for the field behind the wax-sealed letter, the broken seal itself rendered in #5E1A2E garnet. - **#FFE8B8 — Candle Bone** (the flame's hottest interior). Used only inside the candle-flame SVG at the inner gradient stop and as the absolute brightest pixel anywhere on the page. Appears in maximum aggregate of 1.2% of pixels. - **#D9C7A3 — Wax Cream** (typography color). Body text, chamber titles, and marginalia are set in this slightly-warm parchment cream — never pure white. The typography reads as candle-illuminated rather than backlit. **Palette discipline:** Each chamber uses *exactly one jewel-tone plus the two concrete tones plus candle-bone plus wax-cream*. The four jewel-tones never bleed across chambers — Chamber II is garnet only, Chamber III is sapphire only. The typography stays wax-cream throughout. This makes the chamber-to-chamber color shift feel like a candle being carried into a new room rather than a palette change. ## Imagery and Motifs Every visual asset on this site is **custom-illustrated, hand-drawn, monochromatic-line** — no photography, no 3D renders, no stock vector, no AI generators. The illustrations are styled as if drawn by the studio's proprietor at 3am with a 0.3mm Rotring on toned paper, then digitized. **The Five Hand-Illustrated Artifacts (z-4 plane, one per content chamber):** 1. **Chamber II — The Cracked Gavel.** A 380×420px SVG of a wood-grain gavel lying on its side, the head fissured along the strike-axis. Drawn with 0.6px wax-cream hairlines on a concrete-emerald field, the wood-grain rendered as 32 thin parallel arcs of varying weight. The crack is filled with court-garnet at 80% opacity, glowing as if lit from within. There is one small ink-spatter — three garnet droplets — beneath the gavel's head. 2. **Chamber III — The Tarnished Crown.** A 460×340px SVG of a six-point crown laid on its rim. Five jewels remain in their settings rendered as small sapphire facets; the sixth setting is empty, a black socket. The crown's metalwork is rendered with cross-hatched oldstyle hairlines (Dürer engraving discipline). One velvet ribbon, frayed, drapes off the bottom-left. 3. **Chamber IV — The Strung Racket.** A 320×500px SVG of an antique wood-frame tennis racket leaning at 14° against an unseen wall. Strings are rendered as 18 vertical and 21 horizontal silver-thread filaments, drawn at 0.4px width in #C8C2A8 (slightly cooler than wax-cream). Behind the racket, traced in 0.3px hairline dotted, is the ghost-arc of a swung serve — an arc that begins at a point off the right edge and terminates where the racket's sweet-spot would meet the ball. 4. **Chamber V — The Wax-Sealed Letter.** A 420×360px SVG of a folded vellum letter, the seal half-broken. The seal's intact half is court-amethyst with an embossed monogram (the Baskerville italic-k, this site's monogram); the broken half is court-garnet wax shards on the surrounding wall. A silk ribbon, court-amethyst, trails off the bottom of the viewport. The letter's fold-creases are rendered as hairlines, the paper texture as a soft 8% noise overlay. 5. **Chamber VI — The Workshop Table (Overhead).** A 90vw × 110vh top-down composite illustration: a slab of pale-stone studio table, the four artifacts from Chambers II–V arranged in the four cardinal directions, the candle burning at the precise center, casting four ellipsoid shadow-pools in four jewel-tones. This is the largest single illustration on the site, requires the most layered SVG rendering. **The Candle (z-3 plane, every chamber).** A custom 240×340px SVG taper candle, hand-illustrated: - Wax body in wax-cream with two darker-cream drip lines tracking down the left side. - Wick: 1.4px width, deep-charred (#1A1110). - Flame: a teardrop SVG path (24×62px) with an inner radial gradient: candle-bone at center, fading to court-topaz at the edge, with a 0.6px outer halo at 14% opacity. The flame *physically flickers* — see Patterns: pulse-attention, below. - Cast shadow on the wall: an SVG ellipse beneath the candle, 220×40px, court-emerald at 65% opacity, with a 12px gaussian blur. - The candle in Chamber I is full-length (340px). The candle in Chamber VII is reduced to a 90px stub with a tall, smoking wick. Each intermediate chamber's candle is 300, 260, 220, 180, 130 — gradually shorter, a literal *combustion progression* across the site. **The Wall Texture (z-1 plane, static).** A custom hand-illustrated SVG noise pattern + 1px formwork-seam grid. The seams are at 88px intervals horizontally and 220px intervals vertically (mimicking real concrete-form panel sizes). At every grid intersection, a 2px circular impression mark (mimicking the embedded form-tie cone). The texture is generated once, baked to a static SVG asset (under 18kb), and reused across all seven chambers — the wall is the same wall, the chambers are illuminated regions of it. **The Dust (z-2 plane, every chamber).** Custom 1px particle drift, rendered in canvas, tinted to match the active chamber's jewel-tone. 80–120 motes per chamber. Physics: upward drift 4–7px/sec, lateral random-walk ±0.4px/sec, opacity randomized 0.18–0.46. Particles spawn from the candle's base and drift up and off the top of the viewport. **Decorative motifs (across the site):** - **Form-tie circles**: 2px circles at every wall-grid intersection. The 12 visible at any moment. - **Hairline rules**: A 0.6px wax-cream hairline frames each illustration at 24px offset, like a museum mat-line. - **Roman numeral negative-space carving**: The chamber-numeral cut into the wall reveals the jewel-tone field beneath it, with an inset 1.5px shadow at the cut's left and top edges suggesting depth. - **Smoke wisps**: Above each candle, 2–3 hand-drawn 0.4px curling SVG paths animate at 0.18 cycles/sec, drifting upward and dissipating at 65vh from the bottom. **No stock photography. No 3D rendering. No AI imagery. No iconography from a font-icon set. No emoji. No logo wall. No testimonial avatars.** ## Prompts for Implementation Build courts.studio as **one HTML document, one CSS file, one ES module** — no framework, no build step, no router, no service worker. The page is a candlelit walking tour of seven brutalist chambers viewed in vertical scroll, taking approximately 90–110 seconds at unhurried pace. The implementation must privilege **storytelling, atmosphere, and the experience of being-a-guest** over conversion idioms. **Forbidden patterns (do not implement, do not inquire about adding):** - No "Get Started" CTA, no primary-action button, no pricing tile, no plan grid. - No testimonial card, no logo wall, no metric counter, no stat-grid. - No email-capture form, no newsletter signup, no chatbot widget, no cookie banner. - No FAQ accordion, no contact form, no appointment booker. - No social-share row, no share-this widgets. - No carousel, no auto-rotating slideshow, no hijacked scroll velocity. - No mobile hamburger menu — the seven Roman numerals *are* navigation on every viewport. **Five layered z-planes per chamber (CSS perspective rig):** - Establish a perspective container at the page root: `perspective: 1400px; perspective-origin: 50% 35%`. - Each chamber is a `section.chamber` with five nested layers: `.wall`, `.dust`, `.candle`, `.artifact`, `.numeral`. - Each layer is positioned with `transform: translateZ(...)` at the values specified in Layout Motifs. - Apply a single global `transform: translate3d(0, calc(var(--scroll) * ), 0)` per layer for parallax, where `--scroll` is the viewport's scroll-distance into the chamber. - IntersectionObserver tracks each chamber's entry and emits a `chamber-enter` event with the chamber index. CSS custom properties on `:root` switch palette tokens (`--jewel`, `--jewel-soft`) per chamber. **Chamber-by-chamber implementation:** 1. **Chamber I — Threshold.** First-paint state: the entire chamber is dark concrete-emerald, no flame visible. After 380ms hold, the SVG flame animates in from 0% to 100% opacity over 720ms with a slight scale-up (0.6 → 1.0) using a custom cubic-bezier(0.16, 0.84, 0.44, 1) — the curve of a match igniting. The studio name "courts.studio" fades in at the chamber center, set in Libre Baskerville 92px italic, 18px below the Roman numeral I. One whispered sentence in Cormorant Light Italic appears 64px below the wordmark: "*You are admitted, briefly, to four chambers of the same word.*" 2. **Chamber II — Of the Law Court.** Roman numeral II carved 460px tall, court-garnet field behind. The cracked-gavel SVG sits at 38vw from the left, 52vh from the top. The chamber title "Of the Law Court" sits to the right of the artifact at Libre Baskerville 64px. Body running text, two short paragraphs, sits below the title in 18px Baskerville. A right-margin Cormorant Light Italic gloss runs vertically: "*— the architecture of judgment, the hush before a verdict.*" 3. **Chambers III, IV, V** — same template, with crown/sapphire, racket/topaz, letter/amethyst respectively. Each has its own marginalia gloss in Cormorant Italic. 4. **Chamber VI — The Workshop.** The five layered planes flatten into a single 130vh top-down view of the studio table. The candle is at center, the four artifacts arranged at 12-3-6-9-o'clock positions. As the user scrolls through this chamber, the candle's cast-shadow rotates 360° once (a long slow rotation tied to scroll progress), suggesting the passage of an entire night of work. 5. **Chamber VII — Departure.** Candle reduced to a 90px stub. The dust particles are now at 14 motes only. Roman numeral VII carved at half the size of preceding numerals. One closing sentence in Baskerville: "*The candle is spent. You may leave the way you came, or remain in the dark.*" Below it, in JetBrains Mono 11px uppercase tracking 0.18em: a postal-format address — "courts.studio · postal correspondence only · respond within 30 days." No clickable links. No mailto. The address is decorative, ceremonial; if the visitor wants to contact the studio, they must literally write a letter. **Animation system (sparing, atmospheric, never decorative):** - **pulse-attention as candle-flame physiology.** This is the site's signature animation. The candle flame's *opacity* and *scale* are driven by a procedural noise function (Perlin or similar) running at 60Hz: opacity oscillates between 0.78 and 1.0 at irregular intervals (mean period 1.4 seconds, jittered ±0.6s), scale oscillates between 0.96 and 1.04 at the same cadence, and a CSS variable `--flame-luminance` is updated each frame and used to drive the brightness of the *entire chamber's* artifact illumination via a CSS filter on z-4: `filter: brightness(calc(0.7 + var(--flame-luminance) * 0.3))`. When the candle dims, the artifact dims with it. When the candle flares, the artifact flares. **The pulse-attention pattern is at 1% in the corpus; this site claims it as the literal heartbeat of every chamber.** - **Smoke wisps**: Three SVG curling paths per candle, each animated with `` along its path at 0.18 cycles/sec, offset by 0.4 seconds. - **Particle drift**: Canvas-driven, requestAnimationFrame, 60Hz. Particles inherit the active chamber's jewel-tone. - **Chamber transitions**: As a chamber's threshold-out (0.08 visibility) fires, its candle's flame fades to 0 over 240ms. As the next chamber's threshold-in (0.92 visibility) fires, its candle ignites with the same match-curve as Chamber I. - **Numeral ingress**: When a chamber enters, the Roman numeral animates from `clip-path: inset(0 0 100% 0)` to `clip-path: inset(0 0 0 0)` over 1100ms with cubic-bezier(0.16, 0.84, 0.44, 1) — like a candle being lifted up the face of the wall, revealing the numeral from top to bottom. - **Cursor follow** is *forbidden*. The candle does not follow the cursor. The artifacts do not respond to cursor proximity. There is no magnetic hover. The site's mood is *being a witness*, not *driving an experience*. The only cursor reactivity is a 4px pale-cream halo replacing the system cursor, drawn with CSS `cursor` URL — the cursor itself becomes a tiny held flame. **Performance and palette discipline (no perf optimization, just discipline):** - The wall texture is a single static SVG. The candle is a single SVG with one animated path. The artifacts are static SVGs. - No external CSS frameworks. No utility-class CSS. Hand-write the CSS. - No image files larger than 24kb. All SVGs are inline-able. - The palette never accepts a sixth jewel-tone, never renders a gradient between jewel-tones, never crossfades chambers. **Content voice (write the words to live in this design):** - All chamber titles begin with "Of the —" except Chamber I (Threshold) and Chamber VI (The Workshop) and Chamber VII (Departure). - Body paragraphs are 2–4 sentences each, never longer. Each sentence is constructed as if read aloud by candlelight — so any sentence that requires the reader to track more than one subordinate clause is rewritten. - Marginalia in Cormorant Italic are always set off with em-dashes: "*— the architecture of judgment.*" - The studio's proprietor is never named, never gendered, never photographed. The studio is an "I" that never identifies itself. - The contact mode in Chamber VII is *by post only*. No email. No phone. No social. The decision to make contact must cost a stamp. ## Uniqueness Notes This design's seven differentiators, each a deliberate departure from the patterns documented in the frequency analysis: 1. **Brutalist as candlelit ritual, not as agency-grid harshness.** Brutalist sits at 7% in the aesthetic frequency analysis, and the existing 7% reads as Swiss-grid-with-neon-color-blocks (the canonical "brutalist neon grids agency" treatment). courts.studio treats brutalist as **monastic**: poured concrete walls, formwork seams, hairline grids — but lit by a single candle, never by neon, never by a strobe. The brutalism is *Cistercian*, not *Berlin-techno*. The corpus has no other brutalist site that uses candle-atmospheric lighting as its primary illumination model. 2. **Pulse-attention promoted from micro-interaction to physiological spine.** Pulse-attention is at 1% in the patterns frequency — the lowest in the entire animation vocabulary. Most uses of pulse-attention treat it as a button-shimmer or a notification-dot blink. courts.studio wires pulse-attention to the *literal candle's procedural-noise flicker* and propagates that flicker through a CSS variable to the brightness of every artifact in every chamber. The pulse is not decoration; it is the **heartbeat of the chamber's lighting**. No other site in the corpus uses pulse-attention as a global luminance driver. 3. **Custom-illustration as the only image source, in a corpus 98%-photography.** Imagery in the corpus is 98% photography, and custom-illustration sits at 2%. courts.studio has zero photographs; every visual element is a hand-drawn 0.3mm-pen-style SVG, including the wall texture, the candle, the artifacts, the dust motes, and the smoke wisps. The site renders entirely in SVG and 1.4kb of canvas. This is a maximalist commitment to illustration in a corpus dominated by photographic backgrounds. 4. **Layered-depth implemented as five literal z-planes with CSS perspective, not as decoupled parallax sections.** Layered-depth is at 9% in the layout frequency, and most implementations use it as a section-stacking metaphor. courts.studio implements layered-depth with a real `perspective: 1400px` 3D rig and five distinct `translateZ()` planes per chamber, each parallax-driven at a different rate. Walking down the page is *literally* walking forward in 3D space toward each chamber's central artifact. The wall recedes; the candle is mid-depth; the artifact moves toward the viewer; the numeral is etched into the wall at the back-most plane. No other layered-depth site in the corpus uses CSS 3D perspective as the structural rig. 5. **Jewel-tones as one-per-chamber discipline, never blended.** Jewel-tones are at 3% in the palette frequency, and the existing 3% tends to use jewel-tone as a multi-color mid-page accent palette. courts.studio assigns **exactly one jewel-tone per content chamber** (garnet, sapphire, topaz, amethyst — one each for the four meanings of "court"), and the four jewel-tones **never appear together except in Chamber VI's overhead workshop view**, where they appear as four discrete shadow-pools, never overlapping. This is jewel-tone as **chromatic semaphore**, not as palette accent. 6. **Baskerville-refined as monumental negative-space carving, not as editorial body face.** Baskerville-refined is at 4% in typography frequency, and existing uses set Baskerville at 18–80px as headline-and-body. courts.studio sets the Baskerville Roman numeral at clamp(280px, 36vw, 580px) and renders it as **negative space carved into the concrete wall**, with the jewel-tone field showing through. The numeral is not text; it is *architecture*. No other site in the corpus uses Baskerville as a monumental cut-out carved into a textured surface. 7. **Candle-atmospheric expressed as a literal combustion progression across seven chambers.** Candle-atmospheric is at 6% in motifs, and existing uses tend toward "moody dark page with a generic glow." courts.studio implements candle-atmospheric as a **dwindling-wax narrative**: the candle's height shrinks chamber-by-chamber from 340px (Chamber I) to 90px (Chamber VII), and the dust-mote count drops in parallel. The visitor witnesses the candle's combustion from full taper to spent stub over the course of one scroll session. This makes candle-atmospheric a *temporal* device, not a static mood. **Avoided patterns from frequency analysis:** - **Avoided photography (98% in corpus)** — zero photographs, full custom-illustration only. - **Avoided gradient palette (97%)** — jewel-tones are flat-blocked, never gradient-blended. - **Avoided warm palette baseline (96%)** — the page's default field is concrete-emerald cold, not warm. - **Avoided full-bleed alone (91%)** — every chamber is full-bleed but stratified across five z-planes. - **Avoided card-grid (77%), centered (82%)** — there are no cards anywhere; chambers are sequential slabs. - **Avoided spring (78%) and cursor-follow (78%)** — no cursor reactivity, no spring-overshoot animations; everything is candle-cadence. - **Avoided humanist (45%) and handwritten (31%) typography** — only Libre Baskerville, Cormorant Italic, JetBrains Mono. - **Avoided pastoral-romantic tone (27%) and warm-inviting tone (23%)** — energetic-as-combustive replaces both. - **Avoided dashboard, bento-box, single-column, broken-grid layouts** in favor of layered-depth-as-3D-perspective. **Chosen seed:** *aesthetic: brutalist, layout: layered-depth, typography: baskerville-refined, palette: jewel-tones, patterns: pulse-attention, imagery: custom-illustration, motifs: candle-atmospheric, tone: energetic* The seed's rare-axis combinations (jewel-tones + pulse-attention + custom-illustration + candle-atmospheric all sit below 6% in their respective categories) gave courts.studio a wide chromatic and gestural lane to claim. The result is a site that does not look like any other site in the CMassC corpus: a brutalist royal court chamber, lit by a candle that is physically combusting in real time, illustrated by hand, narrated by a courtier who whispers in italics and demands you write back by post.