# Design Language for holos.works ## Aesthetics and Tone `holos.works` is presented as **the public reading-room of a fictional research collective called the Holographic Institute — students of the *whole***. The name does triple duty, and the design leans on all three readings at once: *holos* the Greek root meaning "entire, complete" (the philosophy of **holism** — the whole is more than the sum of its parts); *holos* as in **holography** — the technique by which a flat sheet of film, exposed to the interference of two light beams, stores a three-dimensional scene; and *holos.works* as in **"the works"** — a body of research, a workshop, a catalogue raisonné of the collective's papers, plates, and demonstrations. The site is staged as that institute's primary publication surface: a calm, confident, ferociously legible journal-cum-exhibition where flat geometric panels lie like printed pages, but each one is **foil-stamped** — its fills are not flat ink but liquid chrome, the way the cover of a serious physics annual catches the overhead light when you tilt it. The single moving thing on every screen is a **lens flare**: a soft, anamorphic streak of light that crosses each panel as you scroll, the conceit being that you are reading the institute's pages *under the same coherent beam the holograms were recorded with* — light moves over the work, and where it passes, the interference fringes (the **wave-forms** woven through every margin) briefly bloom into a faint 3-D shimmer before settling flat again. The mood is **scholarly-intellectual** without being austere or cold — the warmth of a well-funded reading room rather than a server rack. It is the register of a *Scientific American* feature spread crossed with a Lawrence Hall of Science exhibition panel: rigorous, generous with white space, fond of a precise diagram, never shouting, never selling. Authority here is signalled by **clarity and restraint** — confident flat shapes, an unhurried modular rhythm, captions set in disciplined small type, the willingness to let one large interference-pattern plate occupy an entire screen with nothing but a figure number. The chrome is not bling; it is the *sober* metallic of a measuring instrument, a diffraction grating, the bezel of an optical bench. The reader should feel they have been admitted to somewhere intelligent and slightly luminous. ## Layout Motifs and Structure The composition is **modular-blocks** — and means it literally: the page is built from a visible **modular construction grid** of rectangular panels (a 12-column base, but every panel snaps to whole-number column spans — 3, 4, 6, 8, 12 — and to a 24px vertical module), so the underlying lattice reads like an architect's drawing or a periodic table. The grid lines themselves are *drawn* — hairline 1px strokes in a desaturated steel (#9AA3AC) at 14% opacity, with small "+" tick-marks at every module intersection — and they stay faintly visible behind the panels, the way registration marks stay visible on a press sheet. Each panel is a flat rectangle (no shadow, no blur, no rounded corners beyond a uniform 2px) with one of three fills: matte paper (#F4F5F6), ink (#1B1E22), or a **chrome-metallic gradient** (the foil-stamped panels — see palette). Panels never overlap; they tile. The negative space *between* them is generous and deliberate (a consistent 32px "gutter of the whole") so the layout breathes like a museum wall hang. The signature interaction is **bounce-enter**: as you scroll, panels do not fade in — they *drop into their cells* from ~40px above with a single crisp overshoot (a spring that overshoots ~12% and settles in ~520ms, `cubic-bezier(.34,1.56,.64,1)`), like type sorts being dropped into a composing stick or specimen tiles snapping onto a magnetic board. Panels in the same row enter together; rows cascade 70ms apart. It is mechanical, satisfying, *physical* — and it is the entire animation vocabulary of the page along with the lens flare; everything else is still. Structural inventory, top to bottom — one continuous **immersive vertical scroll**, ~620vh, conceived as the institute's single front-of-house broadsheet, in seven "plates": 1. **Plate 0 — The Aperture (100vh).** Full-bleed ink panel. Centred: the wordmark `holos.works` set huge in the grotesque, filled with the chrome gradient and *very* slightly mirrored below itself (a 14%-opacity flipped reflection, fading out — the only "skeuomorphic" touch, justified because the whole conceit is foil on paper). Beneath, in matte steel small-caps: *"the institute for the study of the whole."* Behind everything, a single slow lens flare sweeps left-to-right across the panel on a 9s loop, its anamorphic streak catching the wordmark's chrome as it passes. A small "↓ enter the works" tick at the foot does a ≤6% `pulse-attention` breathe (the one pulse on the page). 2. **Plate I — The Colophon Block (90vh).** A matte-paper panel spanning columns 3–10, max-width 64ch, set like the masthead-verso of a journal: the collective's fictional charter, a "founded" line, an editorial board of invented names, a printer's-grating device (a tiny chrome diffraction-grating mark). Grid lines and tick-marks fully visible around it. Bounce-enters as a single block. 3. **Plate II — The Catalogue Wall (180vh).** *The modular-blocks system at full strength.* A wall of ~10–12 panels of mixed column-spans (3,4,6,8) and mixed fills — paper, ink, chrome — each one a "work" from the catalogue: a short title (grotesque, bold), a figure number ("Fig. 04 — *On Reconstruction*"), a one-line abstract, and on the chrome panels a tiny inset flat-vector schematic (a beam-splitter, a reference wave, a reconstructed pyramid). The wall is a true masonry-of-whole-modules — heights vary by module count, never by pixel — and the whole wall bounce-enters row by row as it scrolls into frame. Hovering a panel lets the lens flare *pause and centre on it* for ~700ms, blooming that panel's wave-form margin into a brief 3-D shimmer. 4. **Plate III — The Interference Plate (130vh).** Full-bleed reveal: ONE oversized **interference-pattern figure** — concentric and diagonal wave-form fringes (pure SVG, see prompts), rendered as if photographed off holographic film: dark ground, silver fringes. As you scroll through it, the lens flare crosses it once, slowly, and the fringes it passes over briefly part into a faint parallax-3D bulge (a "ghost" of the recorded object — a simple wireframe solid) before flattening back into pattern. Captioned only: *"Plate III. Recorded wavefront, λ = 632.8 nm. The whole is recoverable from any fragment."* in 12px steel small-caps, lower-left. 5. **Plate IV — The Demonstration Bench (90vh).** A two-panel split: left, a flat-vector "optical bench" diagram (laser → beam-splitter → mirrors → film → eye) drawn in steel linework on paper, its beam-paths *drawing themselves* via `stroke-dashoffset` as the panel enters; right, an ink panel of running text — the institute "explaining itself" in calm expository prose. This is the page's one piece of friction-as-charm: a small inset **"request a viewing slip"** (a flat letterpress-style form). Submitting it blank triggers a `shake-error` beat — the slip judders left-right 3× over 360ms, a faint chrome glint flashes at the empty field — then a marginal note types in (`typewriter-effect`, 24ms/char): *"the registrar requires a name."* (No backend, no real submission, no CTA pressure — it is theatre, the institute's only moment of insistence.) 6. **Plate V — The Margin of Fringes (80vh).** A quiet two-column "endnotes" plate: the right column is footnoted text in the grotesque's smallest size; the left is a tall rail of pure **wave-form** linework — overlapping sinusoids, moiré-fringe bands, a stylised "two beams meeting" diagram — that draws itself (`path-draw-svg`) as the rail scrolls in, with tiny mono-ish labels ("ref. beam", "obj. beam", "Δφ"). This is the holism thesis made graphic: many waves, one figure. 7. **Plate VI — The Back Plate (130vh).** Closing ink panel that mirrors Plate 0 with a different lens-flare seed (so they're siblings, not twins): the wordmark again, smaller, an "ex libris"-style chrome plate ("from the works of the Holographic Institute"), a single closing line in steel small-caps, and the construction grid finally rendered at full 30% opacity across the whole panel — the lattice revealed as the thing that held it all. The "↓" tick is now a "•" — the beam comes to rest. There is **no nav bar, no hamburger, no sticky header, no footer-of-links.** Wayfinding is a thin **vertical "rail of plates"** pinned to the right edge — a 4px steel strip with seven small notched ticks (one per plate), each labelled with a Roman numeral in 9px; a tiny chrome bead slides down it as you scroll, and clicking a notch eases you to that plate (700ms). The page does not link out. ## Typography and Palette **Typefaces — Google Fonts only, three families, used with instrument-panel discipline.** - **Space Grotesk** (the primary voice — `sans-grotesk` made literal; weights 400, 500, 700). Carries the wordmark (set 124px / 0.92 line-height / -1.5px tracking, weight 700, chrome-gradient fill), every plate-heading and panel-title (40px and 22px respectively, weight 700, -0.5px tracking), and the running expository body on Plates I, III–VI (19px / 1.6 line-height, weight 400). Space Grotesk's slightly squared bowls, the cut-corner "G", the geometric-but-quirky figures read as *contemporary technical journal* — clinical without being sterile, modern without being trendy. Headings use `font-feature-settings: "ss01", "ss02"` for the alternate single-storey forms where it sharpens the diagram-caption feel. - **IBM Plex Sans** (the apparatus voice — captions, figure numbers, the editorial board, all "metadata"; weights 400 + 500 + 600). Set small (12–14px), often in `small-caps` with +0.6px tracking, in steel grey. This is the voice of figure legends, footnotes, the rail's Roman numerals, the colophon's invented names, and the "request slip" form labels — a humanist-ish sans that stays crisp at instrument-label sizes and clearly *defers* to Space Grotesk. The contrast (geometric-quirky display ↔ calm humanist micro-type) is the typographic thesis. - **IBM Plex Mono** (the measurement voice; weight 400 + 500). Used *sparingly and pointedly* — only for actual numeric/optical notations: wavelengths ("λ = 632.8 nm"), phase deltas ("Δφ"), the wave-form rail's "ref. beam / obj. beam" labels, coordinate-style figure callouts. 11px, 500, tracked +0.8px, in a slightly cooler steel (#7E8A93). It is the "this is a real instrument reading" voice, and its rarity (it appears on maybe three plates) is the point. **Palette — "chrome on paper and ink." A near-monochrome of metal and graphite, with one spectral spark.** - `#F4F5F6` — **matte paper.** The cool-white ground of every paper panel and most text. A 1.2% monochrome noise overlay keeps it from going clinical-flat. - `#E3E6E9` — **soft steel paper.** Secondary panel fill / the construction-grid's lit cells / hairline rule colour at full strength. - `#9AA3AC` — **measuring-steel grey.** All caption/metadata type (IBM Plex Sans), the construction grid lines and tick-marks, the optical-bench linework. A neutral, faintly cool grey — the colour of an anodised lens barrel. - `#1B1E22` — **graphite ink.** The ink panels (Plates 0, IV-right, VI), all primary body text on paper, the interference-plate ground. Near-black with a hair of warmth so it doesn't read as #000. - `#0E1013` — **deep film black.** Used only as the very back layer behind the interference plate and the aperture, so the chrome and the lens flare have somewhere truly dark to glint against. - **Chrome-metallic gradient** — the foil-stamp fill, used on the wordmark and the "chrome" catalogue panels and the institute marks. A multi-stop linear gradient at a shallow ~12° angle: `#D7DCE0 → #FBFCFD → #AEB6BD → #EDEFF1 → #8E97A0 → #C9CFD4` — i.e. light-metal, hot specular highlight, mid-shadow, secondary highlight, deep shadow, return to light-metal — so it reads as a curved chromed surface catching one overhead source. On hover/flare-pass, the gradient's angle animates ±8° (the "tilt the foil" beat). Never flat grey; always this graded "liquid metal" treatment. - `#3DE0C8` — **the spectral spark (the one chromatic accent).** A clean cyan-aquamarine — the colour of a HeNe-adjacent beam refracted, of an oscilloscope trace, of the diffracted edge of a chrome surface. Used *only* and *minimally*: the lens-flare's anamorphic streak core, the focus-ring when a catalogue panel is hovered, the active notch on the rail-of-plates, the "live" stroke as the optical-bench beam-paths draw themselves, the typewriter cursor on the registrar's note. It is the single hue in an otherwise metal-and-graphite world, and it must stay scarce — a glint, never a wash. Backgrounds are **never** warm, **never** gradient-mesh, **never** photographic — the palette is metal, graphite, paper, and a single spark of refracted cyan. There is no "dark mode toggle"; the ink plates are dark and the paper plates are light *by composition*, the way a printed page alternates recto colour with a black plate. ## Imagery and Motifs **Three motif families, in strict hierarchy: wave-forms (the heart, everywhere), lens-flare (the only moving light, on every screen), and flat-vector optical schematics (connective tissue).** **1. Wave-forms (the structural heart).** Holography *is* the recording of wave interference, and `holos`-as-holism *is* "many parts, one whole" — so interference fringes are the through-line. Rendered entirely in **SVG/CSS, never photographed**: in panel margins, faint overlapping sinusoids (0.75px steel strokes, ~14% opacity) that drift in and out of phase; the **Plate III interference figure** as the showpiece — concentric circular fringes (the Newton's-rings pattern of a point-source hologram) crossed with a family of straight diagonal fringes, drawn as nested `` and `` arrays in silver-on-black with a subtle radial-gradient "exposure" falloff, so it reads as a real holographic plate; the **Plate V rail** as a "two beams meeting" diagram — two sinusoid families converging into a moiré band. Wherever the lens flare passes over a wave-form region, those fringes briefly *bulge into faint parallax-3D* (a CSS `perspective` + a few stacked translated copies at decreasing opacity) — the "the whole is hiding in the pattern" reveal — then flatten. NO water-bubble waves, NO decorative ocean waves: these are *physics* fringes, ruled and precise. **2. Lens-flare (the one moving light).** Every plate has exactly one lens flare — a soft **anamorphic horizontal streak** (a long thin cyan-cored, white-haloed light bar) plus a small chain of "ghost" iris circles trailing along its axis at decreasing size and opacity, the way a real lens flares against an off-axis source. It is **pure CSS** — a `radial-gradient` blob and an elongated `blur()`'d pseudo-element, animated on a slow loop (`translateX` across the panel, 9s on the aperture, 11–14s elsewhere, each plate seeded to a slightly different y-position and speed so the page never pulses in lockstep). On the catalogue wall it can *pause and centre* on a hovered panel. On the interference plate it crosses *once* per scroll-through, slowly, triggering the 3-D bloom. It is the visual proof of the conceit: *coherent light, moving over the works.* It must always read as soft and optical — never a hard lens-glare, never tacky. **3. Flat-vector optical schematics (connective).** True **flat-design** vector diagrams — no gradients except the chrome fills, no shadows, no isometric tricks, just clean filled shapes and steel linework on paper: a beam-splitter cube (a square with a diagonal), mirrors (short thick steel bars at 45°), a laser (a small rounded rectangle with a stylised emission cone), holographic film (a tall thin paper-coloured rectangle with fringe-hatching), an eye (a flat almond + dot), a diffraction grating (a chrome rectangle ruled with closely-spaced steel lines), beam-paths (steel lines, sometimes the live cyan one). These appear as inset schematics on the chrome catalogue panels, as the full **Plate IV optical bench**, and as the colophon's "printer's-grating" device. Plus the **construction grid itself** (hairline lattice + "+" ticks) as a recurring graphic — half measuring-paper, half periodic-table. **Textures, applied globally:** a 1.2% monochrome noise overlay on paper panels (press-sheet tooth, never grunge); on ink panels and the interference plate, a faint *radial exposure-falloff* (4% darker at the corners, like film vignetting); a single 1px steel "registration cross" tucked into the top-left corner of the whole document, as if the page were a print proof. No grain-storm, no heavy film-grain — restraint is the texture. ## Prompts for Implementation Build `holos.works` as **one HTML document, one CSS file, one small ES module** — no framework, no router, no React, no build step beyond a single bundling pass. The page is one continuous vertical scroll, ~620vh, seven plates (Aperture → Colophon → Catalogue Wall → Interference Plate → Demonstration Bench → Margin of Fringes → Back Plate). The visitor lands, scrolls down through the institute's broadsheet, and leaves. There is no second page. The page does not link out. **Storytelling is the organizing principle, not navigation.** The seven plates compose a single, calm, fictional narrative: *a research collective devoted to holography and to the philosophy of the whole, opening its reading-room.* Copy is sparse, precise, expository — charter language, figure legends, optical notations, a registrar's marginal note. Never marketing voice. Never "Sign up." Never "Get started." Never a stat-grid of "10,000 users." If a sentence could appear on a SaaS landing page, delete it and rewrite it as a figure caption or a line from a journal's masthead. **Required animation beats (the page is mostly still — these are the few motions):** - **Bounce-enter** on every panel: as it scrolls into view, drop from `translateY(-40px)`, overshoot ~12%, settle in ~520ms with `cubic-bezier(.34,1.56,.64,1)`; panels in a row enter together, rows cascade 70ms apart; IntersectionObserver-driven; `prefers-reduced-motion` collapses it to an instant opacity swap. This is the *bounce-enter* pattern (3% in the cohort) and it is the page's headline interaction — make the overshoot feel crisp and mechanical, like sorts dropped into a composing stick. - **Lens-flare loop** on every plate: a soft anamorphic streak + ghost-iris chain translates across the panel on a slow loop (9s aperture, 11–14s elsewhere), each plate seeded to a different y and speed; pure CSS (`radial-gradient` + elongated `blur()` pseudo-elements, `transform: translateX`); on the catalogue wall, JS can pause/centre it on a hovered panel for ~700ms; on the interference plate it crosses once per scroll-through. `prefers-reduced-motion` freezes it at a tasteful resting position (still visible, not moving). - **Wave-form 3-D bloom**: where the lens flare overlaps a wave-form region, those fringes briefly gain a CSS `perspective` bulge — 3–5 stacked translated copies at decreasing opacity to fake the "object hiding in the pattern" — then flatten over ~600ms. Subtle. It should feel like a holographic glimmer, not a 3-D toy. - **Optical-bench self-drawing** (Plate IV): the laser→splitter→mirrors→film→eye beam-paths reveal via `stroke-dashoffset` 0→full as the panel enters, the "live" path stroked in the cyan spark; arrow-heads `fade-reveal` after their path completes. - **Shake-error** on the "request a viewing slip" (Plate IV): blank-on-submit → 3× horizontal judder over 360ms, a chrome-gradient glint flashes at the empty field, then a marginal note types in (`typewriter-effect`, 24ms/char, cyan cursor) reading *"the registrar requires a name."* Filling the field and resubmitting just fades the slip to a small "noted." chrome stamp — no real network call. - **Wave-form rail self-drawing** (Plate V): the converging-sinusoid linework reveals via `path-draw-svg` (`stroke-dashoffset`) as the rail enters; the tiny IBM Plex Mono labels (`ref. beam`, `obj. beam`, `Δφ`) fade in after their adjacent curve finishes. - **Construction-grid reveal**: the hairline lattice + "+" ticks sit at ~14% opacity behind everything for most of the scroll; on the Back Plate it animates up to ~30% opacity over ~800ms — "here is the lattice that held it all." - **Chrome-tilt**: chrome-gradient fills (wordmark, chrome panels, institute marks) shift their gradient angle ±8° on hover and as the lens flare passes — the "tilt the foil under the light" micro-beat. - **Rail-of-plates bead**: a small cyan bead tracks scroll position down the right-edge rail; the active plate's notch lights cyan; clicking a notch eases the page there (`scroll-behavior` + JS fallback, 700ms ease). **Interference-figure recipe (SVG, Plate III):** dark ground `#0E1013`; a `` of ~40 concentric ``s, radius stepping non-linearly (denser toward the edge — Newton's-rings spacing), stroke silver `#C9CFD4` at 0.6px, opacity falling off via a radial mask; over it a second `` of ~25 parallel ``s at ~18° with the same silver stroke (the straight-fringe family); a faint radial `feGaussianBlur` "exposure" gradient (brighter centre, dark corners) multiplied over the lot; the "ghost object" is a simple wireframe solid (a low-poly icosahedron or a pyramid) hidden at 0 opacity, revealed only inside the lens-flare's bounding box as it crosses, with a tiny `perspective` parallax. Keep it precise and ruled — it should look like a scan of real holographic film. **Lens-flare recipe (CSS):** a pseudo-element ~280px wide × ~6px tall, `background: linear-gradient(90deg, transparent, rgba(61,224,200,.0), rgba(255,255,255,.85), rgba(61,224,200,.6), rgba(255,255,255,.85), transparent)`, `filter: blur(2px)`, `mix-blend-mode: screen`; a sibling cluster of 4–6 small `radial-gradient` circles (white-cyan, 6–28px) positioned along the same axis at decreasing opacity (the "ghosts"); animate the whole assembly's `transform: translateX(-20vw → 120vw)` on a slow `linear` loop, with the per-plate `--flare-y` and `--flare-dur` set as custom properties. On ink/film panels use `screen`; on paper panels drop opacity to ~35% and use `multiply` on the ghosts so it doesn't blow out. **Layout/CSS notes:** CSS Grid for everything — a 12-column track (`grid-template-columns: repeat(12, 1fr)`, `column-gap: 32px`) and a 24px row module (`grid-auto-rows: 24px`, panels span whole row-counts via `grid-row: span N`). Render the construction grid as a `repeating-linear-gradient` (both axes, 1px lines in `#9AA3AC` at 14%) on a fixed background layer, with "+" ticks as a tiny tiled SVG at the intersections. Panels: `border-radius: 2px`, no `box-shadow`, no `backdrop-filter`. Honour `prefers-reduced-motion`: kill bounce-enter (instant), freeze the lens flare at rest, kill the 3-D bloom and self-drawing — the page must be fully legible and handsome as a *static* set of flat panels. **AVOID:** any CTA-heavy layout, pricing tiers, stat-grids ("99.9% uptime"), testimonial carousels, sticky headers, hamburger menus, cookie-banner aesthetics, hero-with-two-buttons, dark-mode toggles, glassmorphism blur, neon overload, photographic backgrounds, gradient-mesh blobs, hand-drawn doodles. If it looks like a startup landing page, it has failed. It should look like the front-of-house broadsheet of a serious, slightly luminous research institute — flat, foil-stamped, ruled, and lit by one moving beam. ## Uniqueness Notes Differentiators this design commits to — none should be duplicated by any other CMassC site: 1. **Holography-as-conceit, executed in pure flat-vector + SVG fringes.** The whole site is "a research institute that studies the *whole* via the *hologram*" — interference patterns, recorded wavefronts, "the whole is recoverable from any fragment." `flat-design` is at 2% in the cohort and `wave-forms` motifs at 3%; their union — flat ruled physics-fringe diagrams as the structural motif of a holography institute — is the load-bearing idea and appears nowhere else. 2. **"Foil-stamped flat design": chrome-metallic gradients used as the ONLY non-flat element on an otherwise rigorously flat page.** `chrome-metallic` palettes are at 6%; here the tension between flat-design's no-gradients-no-shadows orthodoxy and a liquid-chrome foil treatment is resolved deliberately — chrome appears *only* as foil-stamp fills (wordmark, select catalogue panels, institute marks), graded as a curved metal surface, tilting under the moving light. No other site treats chrome as "the journal's foil cover" against flat ink-and-paper panels. 3. **One lens flare per screen as the entire "moving light" vocabulary** — a soft anamorphic streak + ghost-iris chain crossing every panel on a slow seeded loop, pausing on hovered catalogue panels, blooming wave-forms into a brief holographic 3-D shimmer. `lens-flare` imagery is at 8% but always as a decorative photo overlay; here it's a *functional, narrative* device — coherent light reading the works — built in pure CSS, not a stock photo. 4. **The visible modular construction grid as a permanent graphic** — a hairline 12-column / 24px-module lattice with "+" tick-marks staying faintly behind every panel and revealing itself at full opacity on the closing plate ("the lattice that held it all"). `modular-blocks` layout is at 3%; most "modular" sites hide their grid — this one frames it as half measuring-paper, half periodic table, and as the site's thesis-object. 5. **`sans-grotesk` typography as a true three-voice instrument panel** — Space Grotesk (display + body, with stylistic-set alternates), IBM Plex Sans (all metadata/captions in steel small-caps), IBM Plex Mono (numeric/optical notations only, scarce). `sans-grotesk` is at 5%; this is the *technical-journal* take on it — display-quirk over humanist-calm over measurement-mono — not the generic-startup-sans take. 6. **`scholarly-intellectual` tone delivered as a fictional research institute's reading-room**, not a course or a docs site — charter language, an invented editorial board, figure legends, a registrar's marginal note, optical notations — calm, rigorous, never selling. `scholarly-intellectual` is at 3%; this commits to it fully, with zero CTA voice anywhere. 7. **The `shake-error` beat as institutional theatre** — the "request a viewing slip" that judders, flashes a chrome glint, and answers in a typed-in registrar's note ("the registrar requires a name") with no backend. `shake-error` is at 4%; here it's friction reframed as the institute's one moment of polite insistence. 8. **No nav, no footer, no links out** — a thin right-edge "rail of plates" with seven Roman-numeral notches and a sliding cyan bead is the only wayfinding, and the whole 620vh page is one front-of-house broadsheet, honouring `.works` as "the works" — a body of work, not a sitemap. Chosen seed (from assignment): **aesthetic: flat-design, layout: modular-blocks, typography: sans-grotesk, palette: chrome-metallic, patterns: bounce-enter, imagery: lens-flare, motifs: wave-forms, tone: scholarly-intellectual.** Avoided overused patterns from the frequency analysis: no `photography` imagery (98%), no `glassmorphism` (67%), no `hand-drawn` aesthetic (96%), no `mono`-dominant typography (95% — mono appears only as scarce optical notation), no `cursor-follow`/`magnetic`/`spring`-juiced interaction layer (81–88% — interaction here is bounce-enter + a moving lens flare, nothing else), no `parallax`-as-default (95% — parallax appears only as the wave-form 3-D bloom), no `card-grid`/`centered`/`dashboard` reflex, no `warm`+`gradient` mesh background (98% — the palette is metal/graphite/paper + one cyan spark).