# Design Language for chrono.games

## Aesthetics and Tone

chrono.games is **a sun-bleached Memphis Group escape capsule unearthed in a 2087 desert observatory — a kiln-fired chronograph laboratory where the grammar of Ettore Sottsass meets the rust-stained patience of a New Mexico astronomical dig**. The domain reads two ways at once: *chrono* as the clinical-Greek prefix for time, the laboratory's chosen idiom; and *games* as the playful, rule-bound, designed-for-loss small worlds that humans build to *practice* time. The aesthetic resolves both in one tone: **a futuristic-cutting-edge instrument shop arranged by an archivist who believes Memphis squiggles are scientific notation for time**. Plywood, fired clay, brushed steel, and a single spinning gnomon under a glass case.

The Memphis inheritance here is **stripped of its 1981 Milan plastic-poster register** — no hot pink, no chemical cyan, no candy-stripe terrazzo. What is kept, deliberately, is Memphis's **deeper structural grammar**: the asymmetric tilework, the squiggle and the dot, the cantilevered geometric shelf, the audacious wedge resting against a sphere, the refusal of vertical-axis seriousness. Those structural gifts are translated into **earth-tones — clay, ochre, oxide-rust, lichen-green, basalt-grey, bone-white** — and recomposed as **scientific instruments**: an ochre half-ring is a sundial; a clay squiggle is a seismograph trace; a basalt triangle leaning on a bone-white sphere is a precession diagram. Memphis becomes *time-measurement notation* rendered in the materials of an archaeological dig.

The tone is **futuristic-cutting-edge** held at the temperature of warm desert stone at 6:14 AM — the moment the first sunlight hits the casing of a lunar-calibration mirror that was set out the night before. No exclamations. No marketing register. The voice is that of a research-station logbook kept by a chronometrist who is also a quiet potter: precise, footnoted with mission-elapsed-time, serious about milliseconds, secretly devotional to the small clay token she carries in her left lab-coat pocket. Every word on the page should feel as if it had been **time-stamped by a calibrated observatory clock and pressed into the still-soft surface of an unfired tablet** — both states of matter are preserved.

The mood is **dawn-laboratory warmth, not noon-laboratory glare**. The page is a long horizontal bench inside a hangar with high glass clerestories, and the light coming through is *mineral-warm*, not white-fluorescent. Memphis squiggles drift in the room as if they were **physical objects on adjustable rails**, each rail at its own scroll-velocity, and the reader's job is to walk past them as one walks past instruments in a museum of time-measurement.

## Layout Motifs and Structure

The structural commitment is **immersive-scroll** (8% in the registry — actively claimed) executed as **a single 8-stage horizontal-feel vertical scroll**, where each stage is a *full-viewport instrument case* rather than a section of a marketing page. The reader does not scroll a document; the reader **walks the instrument shelf** — eight cases, eight time-pieces, one single continuous spine of warm desert daylight.

- **The Bench Spine.** The page is anchored by a single 6vh strip running along the bottom of every viewport: a **cast plywood laboratory bench** rendered in CSS, gradient-shaded from #B89060 to #8E6A3F, carrying a continuous Memphis-style row of small inlaid dots and a single thin oxide-rust hairline at its top edge — the *bench-line*. This bench is fixed at `position: sticky; bottom: 0` and accumulates a tiny **mission-elapsed-time counter** (mono digits) at its right edge that increments visibly as the reader scrolls — a literal stopwatch counting the duration of the visit. The bench is the only persistent UI element; there is no top navigation bar, no hamburger, no logo strip in a header.
- **The Instrument Cases (eight stages).** Each stage is a 100vh viewport-snapped scene composed on a 12-column grid with deliberately broken alignment — **broken-grid** (6% in the registry) crossed with **immersive-scroll**. Cell occupation is sparse: typically only 4–7 cells of 12 carry content, the rest are warm-bone wash with a single Memphis squiggle drifting through.
  1. **Case I — The Gnomon.** A single 8vw oxide-rust triangle leaning at 17° against a 14vw clay-fired sphere centered at the upper-third of the screen, with a single vertical hairline shadow falling from the triangle's tip across an ochre strip at the floor. The wordmark `chrono.games` sits in the lower-left in JetBrains Mono italic, 1.2rem, the dot between *chrono* and *games* drawn as a separate Memphis-spirited filled circle in lichen-green.
  2. **Case II — The Seismograph Squiggle.** A single 88vw horizontal squiggle rendered in oxide-rust on a bone-white field — the canonical Memphis squiggle, but here it is a **literal seismograph trace** of a 4.7-second pulse, drawn live with SVG `path-draw-svg` (21% in the registry — present but underused as the *primary* animation). Above the squiggle, one short paragraph of laboratory-logbook prose; below, a row of three small calibration timestamps in mono.
  3. **Case III — The Precession Diagram.** A composition of three stacked Memphis cantilevers — a basalt-grey wedge, a lichen-green half-ring, an ochre dotted strip — arranged into a **precession-of-the-equinoxes diagram** at the centre of the screen. Each cantilever is *physically* tilted 7° off-axis, and the angles are computed to add up to the actual 25.7-millennium precession period.
  4. **Case IV — The Catalogue Shelf.** A horizontal-snapping row of seven *time-instrument cards*, each card 280×380 cast as a Memphis-tilework panel: an asymmetric dotted shape on the left, a stacked typographic block on the right, and a small floating-element in the corner (see Imagery). The cards are catalogued: "Lot 01 — Sundial of Bone," "Lot 02 — Water-Clock in Lichen," "Lot 03 — Pendulum, Oxide-Cast," etc. This is the only horizontally-scrolled stage.
  5. **Case V — The Calibration Lottie.** A single centered Lottie file (the only Lottie on the entire site) — a 480×480 looping animation of a Memphis-spirited **calibration dial** with three pointers sweeping at incommensurate speeds: 1.0×, e (2.718×), and π (3.14159×). The pointers never coincide. Around the Lottie sit four tiny annotation strings in mono, each pointing to one of the dial's reference marks.
  6. **Case VI — The Stratigraphy of Time.** A vertical wall-section diagram in pure SVG showing six horizontal strata of *time-measurement history*: solar-noon, water-clock, mechanical-escapement, quartz-resonance, atomic-cesium, optical-lattice. Each stratum is a different earth-tone band — clay → ochre → oxide-rust → basalt-grey → lichen-green → bone-white — separated by sharp 12° wedge-cuts. Annotation hairlines reach right into the margin in JetBrains Mono.
  7. **Case VII — The Field Photograph.** The single concession to photography (98% in the registry — kept but heavily reframed). One full-bleed sepia-toned 16:9 photograph of a **real desert observatory at first light**, treated through a duotone filter into the earth-tone palette (oxide-rust shadows, bone-white highlights). On top, a single Memphis floating-element — a small lichen-green half-circle — floats at exactly 38.2% from the right edge, defying the photograph's perspective with the cheerful asymmetry of a Sottsass squiggle pinned to the surface of glass.
  8. **Case VIII — The Colophon Capsule.** A nearly-empty bone-white plaza carrying a 9-line laboratory colophon in JetBrains Mono at 0.78rem, naming the typefaces, the colour values, the chosen seed, the build timestamp in ISO-8601, and the precise mission-elapsed-time at which the reader reached this stage. The colophon is the only place the seed metadata is stated, and it is stated in the voice of a logbook entry, signed `— stationmaster, dawn shift`.
- **Floating-Element Rails.** Five horizontal **parallax rails** (the *only* parallax on the site) carry small Memphis floating-elements at distinct scroll-velocities — 0.6×, 0.8×, 1.0×, 1.2×, 1.4×. Elements riding the rails are tiny dotted strips, half-rings, single triangles, squiggles, and dots, all in earth-tones, all small (≤ 4vw), and all drifting from right to left as the reader scrolls down. The rails make the page feel **inhabited by physical objects on adjustable conveyors**, not by abstract decorative flourishes.
- **No Hero. No Card-Grid as Marketing-Wall. No CTA Block.** The page deliberately omits the corpus-saturated layout patterns — full-bleed (90%), centered (80%), card-grid (73%) as a *3×3 marketing wall* — except in the Catalogue Shelf, where the card-grid is reframed as **a single horizontal row of museum specimen cards**. There is no pricing block, no plan grid, no testimonial wall, no statistics dashboard, no signup form, no FAQ, no "trusted by" logo strip, no contact form, no CTA button anywhere on the page. The only clickable affordance is the seven catalogue cards, and clicking one **rotates that card 12° on its plywood pin** to reveal a longer annotation in place — it does not navigate.

## Typography and Palette

**Typefaces — Google Fonts only, all confirmed available:**

- **`JetBrains Mono`** (variable, weights 400–600, italic + roman) — the principal face, serving the **mono** mandate (95% in the registry — the corpus's most common typography choice, but JetBrains Mono used as a *display* face for body prose and wordmark is uncommon). JetBrains Mono is chosen over IBM Plex Mono and Space Mono because its slightly slab-leaning italic and its zero-with-slash glyph read as **scientific-instrument metadata** without the cyberpunk associations of IBM Plex Mono or the Y2K associations of Space Mono. Used at: 1.2rem italic for the wordmark, 0.92rem roman for body prose, 0.78rem roman for annotations and catalogue numbers, 0.72rem roman for the colophon.
- **`Bricolage Grotesque`** (variable, weights 400–800, optical sizing) — the **display-bold** counterpoint, used *only* for the catalogue case headers and the case-numeral plates ("CASE I," "CASE II," etc.). Bricolage Grotesque was designed by Mathieu Triay in 2023 as a deliberately Memphis-sympathetic grotesque — chunky, asymmetric, slightly mis-aligned at scale — and it is the closest Google Fonts equivalent to the irregular display lettering used by Sottsass and Memphis Milano on their original 1981 furniture catalogues. Used at 4.8rem with `font-variation-settings: "wdth" 92, "opsz" 96` for case numerals, 2.4rem with default settings for case titles.
- **`Fraunces`** (variable, weights 400–600, italic, optical sizing 144) — the **serif-revival** voice for the laboratory-logbook paragraphs (the prose blocks at the top and bottom of each case). Fraunces is chosen for its high-optical-size warm Renaissance proportions, which read as **scientific-publication body text** at small sizes and as **expressive editorial italic** at the few large-italic moments (the closing line of each case's logbook entry). Used at 1.05rem roman for body prose, 1.05rem italic for the closing line, 0.86rem italic for marginal glosses.

The three faces sit in a strict hierarchy: **JetBrains Mono for instrument metadata, Bricolage Grotesque for case numerals, Fraunces for laboratory prose**. There is no fourth face. The wordmark itself uses JetBrains Mono italic — refusing the "logo gets its own display face" convention.

**Palette — earth-tones (3% in the registry — underused, fully claimed) translated through Memphis grammar:**

Eight precisely-mixed earth values, each referencing a real mineral or fired-clay history, plus one sky-blue counterpoint used only as instrument-glass:

- `#F0E4D0` — **bone-white wash** — the primary page background; warm bone, the colour of unfired calcium carbonate. Covers ~62% of the page.
- `#D8B981` — **ochre-fired** — the principal warm earth, used for sundial faces, dotted strips, and the top edge of the bench.
- `#B89060` — **clay-mid** — the mid-tone used for the bench's plywood gradient start and for hover states on catalogue cards.
- `#8E6A3F` — **clay-deep** — the bench's gradient end, the body of the precession wedge.
- `#A14A2C` — **oxide-rust** — the principal accent, used for the gnomon triangle, the seismograph squiggle, and the bench's hairline. Iron-oxide red, never the Miami-pink-Memphis-pink.
- `#5B7A4F` — **lichen-green** — the single chromatic counterpoint inside the earth family, used for half-rings, the seismograph baseline, and the wordmark dot. Sage-grey-green of New Mexico desert lichen on basalt.
- `#3D3833` — **basalt-grey** — used for the precession-diagram wedge, the deepest stratigraphy band, and body text.
- `#1F1B16` — **logbook-ink** — used only for the bench's deepest shadow and the colophon body.
- `#7A8AA6` — **instrument-glass** — the single cool counterpoint, used at exactly four locations: the lens of the gnomon, the rim of the calibration Lottie, the cover of the catalogue card-pin, and the hairline of the bench-line at colophon stage. Less than 0.4% of the surface area.

The palette is **gradient-poor**. There are exactly **four gradients** on the entire site — the bench's plywood gradient (clay-mid → clay-deep), the desert-photograph duotone (oxide-rust → bone-white), the Lottie's central glass disk (instrument-glass → bone-white), and the colophon's bench-line fade (oxide-rust → transparent). No mesh-gradients. No multi-stop linears. No CSS conic-gradients on Memphis squiggles. The corpus is 96% gradient-saturated; chrono.games is 0.7% gradient-saturated, and that 0.7% is reserved for *materials* (plywood, glass, photograph, fade).

## Imagery and Motifs

The visual world is built from four motif families, all hand-composed from SVG, CSS, one Lottie file, and one duotone photograph. **Photography is reduced to a single image (98% in the registry — kept but reframed as one curated artefact rather than a hero-image saturation).**

**1. Memphis Floating-Elements (floating-elements motif, 5% in the registry — underused, actively claimed).** The five parallax rails carry a controlled vocabulary of fourteen Memphis-spirited shapes: three squiggles (each a different period and amplitude), two dotted strips (at 9 dots and 17 dots), two half-rings (concave-up and concave-down), three triangles (10°, 17°, 23° lean), two filled circles (small and tiny), and two single-stroke cantilevers. Each shape is a self-contained 4kb SVG. Shapes are coloured exclusively from the earth-tone palette — *no plastic Memphis pinks or cyans* — and they drift on their rails at fixed velocities (0.6× to 1.4×) computed in JS. The shapes do not rotate, do not scale, and do not bounce. They drift like physical objects on a museum conveyor. This is the single largest deviation from canonical Memphis: the colour and motion are *grave*, not playful.

**2. The Calibration Lottie (lottie-animation pattern, 2% in the registry — underused, actively claimed).** Exactly one Lottie file (the only Lottie on the entire site, ~38kb), centered in Case V. The animation is a 480×480 calibration dial with three pointers, each sweeping at a different incommensurate angular velocity (1.0×, e×, π×). The dial face carries Memphis-spirited tick marks — alternating short basalt-grey ticks and slightly-rotated ochre dots — and the centre of the dial is a small lichen-green disk with a single oxide-rust dot offset 7° from centre (the "epoch marker"). The Lottie loops every 47 seconds. The choice of Lottie here is deliberate: rather than building it in CSS or SVG-animate, the Lottie format reads *as a small precision instrument file*, the way an archive of vintage chronometer schematics might carry one delicate movement diagram per page.

**3. The Memphis Stratigraphy (sharp-angles motif, 4% in the registry — underused).** Case VI is a single 100vw × 80vh SVG cross-section drawn in pure hairlines and earth-tone fills: six horizontal strata, each separated from the next by a **12° angled wedge-cut**. The wedges are sharp, never curved. The whole drawing is one self-contained `<svg>` block, ~7kb gzipped. Each stratum carries a small Roman numeral at far-left in JetBrains Mono and a single annotation line drawn out into the right margin in Fraunces italic, ending in an oxide-rust dot.

**4. The Single Field Photograph (photography imagery, 98% — reframed as one curated specimen).** Exactly one photograph, used only in Case VII: a **real desert observatory at first light**, sourced from public archives or commissioned, then processed through a custom duotone shader into the earth-tone palette. The photograph is full-bleed, but it is the *only* photograph on the page — a deliberate restraint against the corpus's saturation. The photograph reads as an *artefact in a vitrine*, not as a generic hero image. A single Memphis floating-element — the small lichen-green half-circle — sits on top, breaking the photograph's perspective and reminding the reader that this is a *designed museum case*, not a stock-photo background.

**5. The Plywood Bench (materials texture, 0% in the registry — fully claimed underused territory).** One CSS-only plywood gradient at the bottom of every viewport, layered with a faint warm-paper grain (a 240×240 tiling PNG, ~9kb, the *single raster asset besides the photograph*). The bench's grain runs horizontally, the gradient runs vertically, and the oxide-rust hairline at the top edge is a perfect 1.4px line — the *bench-line* that marks the floor of every instrument case.

**Excluded categories (deliberate negative imagery):** no glassmorphic-cards (68% in the registry — pointedly excluded), no neon-glow, no gradient-mesh imagery, no 3D-render, no isometric-icons, no bokeh-background, no hand-drawn cartoonish illustrations, no playful canonical Memphis terrazzo. Memphis grammar is preserved; Memphis colour and Memphis loudness are not.

## Prompts for Implementation

Build chrono.games as **one HTML document, one CSS file, one ES module, exactly two raster assets (`desert-dawn.jpg` ~64kb duotoned, `bench-grain.png` ~9kb tiling), one Lottie file (`calibration.json` ~38kb), and one favicon SVG (a lichen-green half-circle on bone-white)**. No framework. No bundler. No webfont self-host (use Google Fonts CDN — `JetBrains+Mono:ital,wght@0,400;0,500;0,600;1,400&family=Bricolage+Grotesque:opsz,wght@12..96,400..800&family=Fraunces:ital,opsz,wght@0,9..144,400..600;1,9..144,400..600&display=swap`). No WebGL. No canvas (the Lottie player runs in SVG mode). No video. The whole experience is **eight scroll-snapped instrument cases, five parallax floating-element rails, one Lottie, one duotone photograph, and one IntersectionObserver-driven scroll choreographer**.

**Storytelling spine.** The page is *one slow walk along the instrument bench of a 2087 desert observatory at dawn*. The reader enters at the gnomon, watches the seismograph trace draw itself, studies the precession diagram, walks the catalogue shelf horizontally, sees the calibration Lottie sweep through its incommensurate cycle, descends the stratigraphy of time-measurement, contemplates the single photograph of dawn at the observatory, and signs the colophon as a logbook entry. There is **no pricing block, no plan grid, no testimonial wall, no statistics dashboard, no signup form, no FAQ, no "trusted by" logo strip, no contact form, no CTA button anywhere**. The seven catalogue cards in Case IV are the only clickable affordances; clicking one **rotates that card 12° on its plywood pin** with a sharp tick, revealing a longer annotation in place — it does not navigate to a new URL.

**Scroll choreography (immersive-scroll, 8% in the registry — picked over parallax 94% / cursor-follow 73% / spring 75%).** The entire choreography is built around CSS scroll-snap (`scroll-snap-type: y mandatory` on the document root, `scroll-snap-align: start` on each case), plus a single IntersectionObserver to trigger per-case animations. Each case has its own choreography signature:

- **Case I — Gnomon:** the triangle's shadow length ticks from 0 to its target length over 1400ms `cubic-bezier(0.85, 0, 0.15, 1)` as the case enters viewport. The wordmark fades up character-by-character at 60ms stagger in JetBrains Mono italic.
- **Case II — Seismograph:** the squiggle draws itself with `stroke-dasharray` reveal over 2400ms — the only path-draw-svg moment on the site, and it must feel like a real seismograph trace, with mid-scroll pauses where amplitude drops to zero. The three calibration timestamps fade up after the trace completes.
- **Case III — Precession:** the three cantilevers slide into place from off-screen at 320ms stagger, each on a sharp `cubic-bezier(0.85, 0, 0.15, 1)` curve. They settle hard, like clay being placed on a stone bench. No spring.
- **Case IV — Catalogue:** the seven specimen cards slide horizontally into the row from the right at 180ms stagger. Horizontal scroll within this case is `scroll-snap-type: x mandatory` and is the only horizontal-scroll interaction on the site.
- **Case V — Lottie:** the Lottie file plays once per viewport entrance, then loops continuously while the case remains in view. It pauses with `prefers-reduced-motion`.
- **Case VI — Stratigraphy:** the six horizontal strata fill in left-to-right at 540ms each with 180ms overlap, using SVG `stroke-dasharray` reveal. The 12° wedge-cuts draw last, all at once, with a sharp 160ms reveal.
- **Case VII — Photograph:** the duotone photograph fades in over 1800ms `cubic-bezier(0.22, 1, 0.36, 1)`, then the single lichen-green half-circle floating-element drops into place from above with a sharp final tick.
- **Case VIII — Colophon:** the colophon mono text type-writes in at 32ms per glyph, ending with a single hard period. The bench's mission-elapsed-time counter slows to a stop at the moment the colophon completes typing.

**The Floating-Element Rails are the only parallax.** Five rails compute per-frame `transform: translateX()` based on `window.scrollY` × the rail's velocity coefficient (0.6, 0.8, 1.0, 1.2, 1.4). Each rail carries 2–4 floating-elements distributed across the document's vertical length. The rails do **not** use `position: fixed` — they are absolutely-positioned within a single full-document container, and only their `translateX` changes on scroll. This keeps the elements feeling *physical*: they pass through the viewport, they don't hover above it.

**No spring physics. No magnetic cursor. No tilt-3d. No cursor-follow anywhere.** The entire site uses sharp `cubic-bezier(0.85, 0, 0.15, 1)` and slow `cubic-bezier(0.22, 1, 0.36, 1)` — both *non-bouncy*. The mood is "instruments placed deliberately on a plywood bench at dawn," not "rubber objects bouncing in a candy commercial." The Memphis grammar is preserved by *shape and arrangement*, never by motion physics.

**Reduced motion.** With `prefers-reduced-motion: reduce`, the floating-element rails freeze at their initial offset, the Lottie pauses on its first frame, character-by-character typesetting reduces to single-frame fade-up at 240ms, the seismograph trace appears as a single static path, and horizontal scroll-snap on the catalogue is replaced with a vertical list. The futuristic-cutting-edge tone survives reduced motion intact.

**Cursor.** A custom cursor is **not** used. The default OS cursor remains. This is a refusal of the corpus-saturated cursor-follow pattern (73% of sites). On hover over a catalogue card, the cursor changes to `pointer`; on hover over the Lottie, it remains `default`.

**Mission-Elapsed-Time Counter.** A small mono counter at the right end of the bench increments every 100ms in the format `T+00:04:17.300`. It begins at `T+00:00:00.000` on first paint and pauses if the document loses visibility. This counter is **the only dynamic numeric element on the page**, and it is the central conceit — the reader is being timed by the laboratory, gently and seriously, and the colophon will quote the final value back at them.

**Bias every implementation decision toward gravity, restraint, and the warmth of dawn desert stone.** Whenever a choice presents itself between *more motion / less motion*, choose less. Whenever a choice presents itself between *more colour / less colour*, choose less. Whenever a choice presents itself between *more Memphis loudness / more Memphis structure*, choose structure. The page is meant to be a **bench you can stand at for fifteen minutes and learn to respect time**, not a marketing asset that resolves in seven seconds.

## Uniqueness Notes

This design commits to the following differentiators, chosen explicitly to avoid duplicating other CMassC sites and to lean into the underused patterns surfaced by frequency analysis:

1. **Memphis stripped of its plastic-poster colour register, kept only for its structural grammar.** Memphis sits at 5% in the aesthetic frequency, and in nearly every prior use it carries the canonical Milan 1981 colour signal: hot pink, candy cyan, lemon yellow, terrazzo dot scatter, plastic chrome. chrono.games refuses every one of those signals and keeps only what Memphis actually *learned* from Sottsass's deeper grammar — the asymmetric squiggle-and-dot, the cantilevered shelf, the audacious geometric wedge resting against a sphere. The result is a Memphis site with **zero hot pink, zero candy cyan, zero terrazzo, zero plastic Memphis chrome**, which makes its Memphis inheritance load-bearing rather than decorative.

2. **earth-tones (3%) bound to a Memphis grammar — a colour-aesthetic pairing the corpus has not seen.** The corpus's prior earth-tone sites lean cottagecore, botanical, or pastoral-romantic. chrono.games binds earth-tones to **Memphis structural grammar plus futuristic-cutting-edge tone** — clay, ochre, oxide-rust, lichen-green, and basalt-grey arranged into Sottsass-spirited cantilevers and squiggles, then framed by a 2087 desert-observatory narrative. This is the central uniqueness of the design.

3. **immersive-scroll (8%) executed as eight scroll-snapped instrument cases plus five parallax rails.** The corpus's prior immersive-scroll sites typically blend continuous parallax with hero-dominant introduction. chrono.games does the opposite: it commits to **hard scroll-snap between eight discrete instrument cases**, each its own viewport, with parallax confined to five small floating-element rails carrying Memphis shapes. The reader's experience is *walking past instruments in a museum*, not *floating through a marketing reveal*.

4. **lottie-animation (2%) used as a single load-bearing precision instrument, not as decoration.** The corpus's prior Lottie uses are typically loading spinners, hover micro-animations, or hero ornaments. chrono.games uses exactly one Lottie file, in exactly one case (V), as **the calibration dial itself** — the central instrument of the laboratory, with three pointers sweeping at incommensurate velocities (1.0×, e×, π×). The Lottie's 47-second loop is computed to make the three pointers *never coincide*, which makes the file a small mathematical artefact in its own right.

5. **floating-elements (5%) bound to five distinct parallax-velocity rails carrying Memphis shapes in earth-tones.** The corpus's prior floating-elements are usually generic abstract blobs at one velocity. chrono.games builds **five parallel conveyors**, each with its own velocity coefficient (0.6× to 1.4×), each carrying a curated vocabulary of fourteen Memphis-spirited SVG shapes coloured exclusively from the earth-tone palette. This makes the page feel inhabited by *physical objects on adjustable rails*, not by abstract decorative flourishes.

6. **futuristic-cutting-edge tone (5%) committed to without neon, chrome, or HUD overlay.** The corpus's prior futuristic-cutting-edge sites typically borrow neon palettes, HUD overlays, sci-fi gradients, or chrome-metallic shaders. chrono.games refuses every one of those crutches and earns its futurism through **scientific notation, mission-elapsed-time, calibration, and stratigraphic seriousness**. The future here looks like *a careful 2087 desert observatory*, not like *a 1990s cyberpunk arcade*.

7. **mono typography (95%) used as a display face, not as code-font decoration.** The corpus's prior mono uses are typically code blocks, terminal aesthetics, or small-caps timestamps. chrono.games sets the wordmark, body-prose annotations, mission-elapsed-time counter, and entire colophon in JetBrains Mono — making mono the *primary editorial voice*. The serif (Fraunces) is reserved for laboratory-logbook prose, and the display grotesque (Bricolage) is reserved only for case numerals. This inversion of conventional hierarchy is the typographic signature.

8. **Photography (98% saturation in the corpus) reduced to exactly one duotoned image, framed as a single curated artefact.** chrono.games has one photograph — Case VII's desert observatory at dawn — and it is duotoned into the earth-tone palette and overlaid with a Memphis floating-element. This is the largest single deviation from corpus saturation: 1 image vs. the corpus's typical hero-plus-gallery photography flood.

9. **The Mission-Elapsed-Time counter as the only dynamic numeric element on the page.** The reader is being timed, gently and seriously, by a small mono counter at the right end of the sticky bench. The counter is quoted in the colophon at the moment of completion — making the site itself a small chronograph and the visit itself a small game played against time.

10. **Frequency analysis cross-references — patterns avoided on purpose:** glassmorphism (68%), card-grid as marketing wall (73%), spring (75%), cursor-follow (73%), magnetic (62%), parallax-as-primary (94%), photography-as-saturation (98%), gradient-saturated (96%), warm-generic (95%), full-bleed-vertical (90%), centered-as-default (80%), pastoral-romantic tone (25%). Each saturated pattern is either fully absent or rephrased — earth-tones replace warm-generic, immersive-scroll replaces full-bleed-vertical, scroll-snap replaces parallax-as-primary, JetBrains Mono / Bricolage Grotesque / Fraunces replaces the corpus-saturated mono-display pairing, and Memphis-in-earth-tones replaces hand-drawn / glassmorphism / botanical / pastoral.

**Documented chosen seed:** *aesthetic: memphis, layout: immersive-scroll, typography: mono, palette: earth-tones, patterns: lottie-animation, imagery: photography, motifs: floating-elements, tone: futuristic-cutting-edge.* Of the eight seed dimensions, six land in actively underused corpus territory (memphis 5%, immersive-scroll 8%, earth-tones 3%, lottie-animation 2%, floating-elements 5%, futuristic-cutting-edge 5%); only mono (95%) and photography (98%) are common, and both are taken in directions the corpus has not seen — mono used as the primary editorial voice for prose, and photography reduced to a single duotoned curated artefact rather than a hero-image saturation.
<!-- DESIGN STAMP
  timestamp: 2026-05-09T12:10:08
  seed: dimensions, six land in actively underused corpus territory
  aesthetic: chrono.games is **a sun-bleached Memphis Group escape capsule unearthed in a 208...
  content_hash: f2d95e85d68b
-->
