# Design Language for hwagryul.com

## Aesthetics and Tone

`hwagryul.com` (a romanisation of 확률 — *probability*, *the rate at which things turn out*) is staged as **"The Quiet Cabinet of Likely Things" — a fictional private collection of probability instruments, photographed for a luxury auction-house catalogue and then narrated by the collector themselves over a cup of tea.** The premise is deliberately split between two registers and the whole site lives in the gap between them:

- **The look is luxury-premium** — the visual grammar of a Sotheby's / Phillips / Christie's evening-sale catalogue: enormous full-bleed museum-lit photographs of one beautiful object at a time, vast quiet margins, a gilt hairline rule here and there, condensed catalogue numbers, the unhurried confidence of a thing that does not need to sell itself. Antique ivory dice resting on dark velvet. A nineteenth-century Galton bean-machine (quincunx) shot from above so the pegs make a constellation. A faded green roulette wheel photographed at a low raking angle so the numbers blur into a ring of gold. Weighed lottery balls in a wax-sealed apothecary jar. A Lloyd's-of-London actuarial ledger, leather-cracked, open to a column of life-expectancy figures. A ship's barometer. A worn pack of tarot's Wheel of Fortune. Every photograph is treated the same way: deep shadow, a single warm key light, a faint museum-glass reflection, the colour pulled toward muted-vintage so nothing is ever loud.
- **The voice is approachable-casual** — the *opposite* of auction-house hauteur. The collector talks the way a clever, generous friend talks: "Honestly, dice are just very small, very fair governments." / "Nobody actually understands probability — we just get more comfortable being wrong about it." / "This wheel has been spun maybe two million times. It has never once remembered the last spin. Imagine being that calm." Short sentences. First person. The occasional dry joke. No jargon unless it's immediately, warmly explained. The luxury frame says *this matters and it is beautiful*; the voice says *and also, come sit down, it's not that serious*.

The mood is **warm dusk in a wood-panelled room** — a Sunday-afternoon, lamps-on, rain-outside feeling. Patient. A little nostalgic. Quietly funny. The visitor should feel they have been *let in* — handed a velvet tray and told "go on, look at it properly" — and that the person showing them around genuinely likes them. Mood words: *hushed, lamplit, considered, generous, vintage, unhurried, fond*. Think a high-end catalogue that someone has annotated in pencil in the margins with jokes.

This is **not** a casino site, **not** a gambling site, **not** a stats-dashboard, **not** a betting-odds page. It is a *cabinet* — a curated, slow, beautiful exhibition of the human relationship with chance, narrated by someone who finds the whole thing tender.

## Layout Motifs and Structure

The page is **full-bleed** — but full-bleed in the *auction-catalogue* sense, not the SaaS-hero sense: the document is a single long vertical scroll of **edge-to-edge "plates,"** each plate being one viewport-or-taller panel given over almost entirely to **one large object photograph**, with a small block of catalogue text floating in the quiet space the photograph leaves. Think of turning the pages of an oversized art-book where each spread is one lot.

**The plate.** Each section is `min-height: 100vh`, full viewport width, no card, no border, no box — just a photograph (treated as described below) bleeding to the edges, and over it a slim **caption rail**: a vertical or lower-corner block holding the lot number (`LOT 003 · QUINCUNX`, condensed, letter-spaced, dusty-gold), the object's name (variable-fluid display serif, large), and one or two lines of the collector's voice. The caption rail never centres a giant headline; it sits to one side, the way a museum label sits beside a painting, leaving the photograph to *be* the page.

**Progressive disclosure is the structural spine** (progressive-disclosure is ~3% of the corpus — uncommon). Each plate begins *closed*: you see the object, the lot number, and a single teaser line from the collector. The bottom edge of the caption rail carries a small **"open the drawer"** affordance — a thin gilt hairline with a `+` and a label like *"the collector's note"* or *"why this one"* or *"the actual maths, gently"*. Activating it (click, or it auto-opens as that plate centres in the viewport — both supported) slides open a panel *beneath* the teaser: more of the collector's narration, a tiny inline diagram (a hand-drawn-feeling probability sketch — see Imagery), and sometimes a pull-quote. The panel pushes nothing else around violently; it expands with a soft spring into the plate's own quiet space. So the page has **two reading depths**: skim it as a wordless catalogue of beautiful objects, or open every drawer and read it as a warm essay on chance. The visitor chooses, plate by plate.

**The frontispiece.** The first plate is the cabinet itself — a wide, dim photograph of the whole shelf of instruments, slightly out of focus, with the title (`확률 / hwagryul` set in the variable-fluid display, the Hangul and the roman lockup'd together) and one disarming opening line: *"Everything in here is about the same thing: what happens, and how often."* No nav bar across the top — instead a slim **"contents" rail** appears fixed at the left margin once you scroll past the frontispiece: a vertical list of lot numbers (`001 … 002 … 003 …`) with the current lot marked by a small filled gilt lozenge, so you always know where you are in the cabinet. It is the only persistent UI.

**The colophon.** The final plate is the empty velvet tray — a photograph of the lining with the objects removed, just the shaped impressions where they sat — and a closing line from the collector (*"That's the cabinet. None of it can tell you what's going to happen. I find that strangely good company."*), then a quiet mono colophon. The page does not link out. It ends.

No hero CTA. No pricing. No stat-grid. No "features" row. No testimonial cards. No carousel. The cabinet *is* the content; the page is a slow walk past beautiful objects with a fond voice in your ear.

## Typography and Palette

**Fonts — Google Fonts only, verified available, three families used with catalogue discipline.**

- **Fraunces** (the variable-fluid display + serif voice; uses the variable axes — optical-size `opsz` and weight `wght` — fluidly). Fraunces is a "wonky old-style" display serif with a true optical-size axis: at small sizes its serifs and contrast pull in and it reads sturdy and warm; blown up large its hairlines thin, its terminals get more flamboyant, and it reads expensive and a little antique. We drive `opsz` *and* `wght` off viewport width via `clamp()` so the wordmark, every lot title, and the pull-quotes literally *change shape* as the window resizes — heavier and tighter on a phone, lighter and more lavish on a wide screen. Wordmark `clamp(2.6rem, 7vw, 6.2rem)`, `opsz` ~`clamp(20, 8vw, 144)`, `wght` ~`clamp(360, 2vw + 340, 500)`, soft `SOFT` axis nudged up a touch for warmth. Lot titles `clamp(2rem, 4.5vw, 4rem)`. Pull-quotes Fraunces italic, `clamp(1.4rem, 2.4vw, 2.2rem)`. This is the "luxury" register.
- **Newsreader** (the body + collector-voice serif; weights 400, 500, plus 400-italic). Newsreader is a literary, slightly newspaper-ish text serif with a generous italic — it carries *all* of the collector's narration (the casual, first-person copy), the catalogue descriptions, the long drawer panels. Body `clamp(1.05rem, 0.4vw + 1rem, 1.2rem)`, line-height 1.66, measure capped ~62ch, set in warm ink (`#2C2722`) on the ivory zones. Its italic does the collector's asides and the inline definitions. This is the "approachable" register — it should read like a well-printed book, not a webpage.
- **IBM Plex Mono** (the catalogue-machinery voice; weight 400, 500). Lot numbers (`LOT 003 · QUINCUNX`), the left-margin contents rail, provenance lines (`prov. acquired 1974 · est. 1881`), the drawer-toggle labels (`+ the actual maths, gently`), tiny figure captions, and the closing colophon. Letter-spacing `+0.14em`, uppercase for lot lines, `#7E7468` dusty-taupe. Mono here = the dry accession-register hand under the warm narration — the catalogue's *bones*. Never used for headlines or body.

Type rules: there are exactly three sizes of "big": the wordmark, lot titles, and pull-quotes — all Fraunces, all fluid-axis. Everything else is Newsreader at near-book size or Plex Mono at label size. No oversized sans anywhere. No all-caps except the mono lot/provenance lines.

**Palette — "muted-vintage": the colours of an old catalogue left in a sunny room** (muted-vintage is ~1% of the corpus — rare). Every hue is desaturated and slightly warmed, as if printed on uncoated stock in 1974 and faded since. Eight colours:

- `#EFE7D6` — **Catalogue Ivory.** The dominant background — warm, slightly cream paper-white; the "page" the cabinet is printed on. The quiet between plates.
- `#E4D8BF` — **Tea-Stained Cream.** Secondary panels, the drawer-panel fill (a half-tone darker than the page so an opened drawer reads as a tipped-in leaf), the frontispiece wash.
- `#2C2722` — **Lamp-Black Ink.** Body text, lot titles, the deepest shadows in the photographs; not a true black — a brown-black, the colour of old printing ink.
- `#5B6E5A` — **Faded Baize Green.** The signature accent — the muted, dusty green of a worn billiard cloth / an old roulette baize / a library reading-lamp shade. Drawer hairlines, the contents-rail ticks, link underlines, the frontispiece's deep tone. The colour of the felt under all these objects.
- `#7E7468` — **Dust Taupe.** The mono lot/provenance lines, figure captions, secondary text, the museum-glass reflection on the photographs. Quiet, papery grey-brown.
- `#A98B4E` — **Tarnished Gilt.** The luxury thread — the dull warm gold of a tarnished catalogue rule, a worn coin, the numbers on a faded roulette wheel. Used *sparingly and only thin*: the 1px gilt hairline, the lot-number text, the `+` on a closed drawer, the filled lozenge marking the current lot. Never a fill, never a button — always a line or a small mark, the way real gilt is.
- `#7C3A33` — **Oxblood.** The single warm-dark accent — the deep cracked red of an old leather ledger spine / a worn velvet lining / the back of a vintage playing card. The colour the collector's pull-quotes glow against; the period at the end of the closing line; the impressions in the empty velvet tray of the colophon.
- `#C9B79A` — **Worn Vellum.** A lighter neutral for inner rules, the inset double-line on a drawer panel, the faint grain over the ivory, hairline dividers.

Contrast pairs: Lamp-Black Ink `#2C2722` on Catalogue Ivory `#EFE7D6` (body); Tea-Stained Cream `#E4D8BF` text on the dark frontispiece/colophon photographs; Faded Baize Green `#5B6E5A` for lines and the rare link, not for large text; Tarnished Gilt strictly hairlines and small marks. Photographs are colour-graded *into* this palette — desaturated, warmed, with the green and oxblood lifted and everything else pulled toward ivory — so the images and the page are one continuous faded-catalogue surface.

## Imagery and Motifs

**Photography is the dominant medium** (photography is ~98% of the corpus — but here it is used the *auction-catalogue* way, which almost nothing in the corpus does: one object, museum-lit, on velvet, treated as a precious artefact, not a stock lifestyle shot). Three layered families: **vintage-object photography (dominant), hand-drawn probability marginalia (the warm annotation), and gilt-rule ornament (connective tissue)** — the **vintage** motif runs through all of them (~23%).

**1. Vintage-object photography — "the lots" (the heart).** Each plate's photograph is one probability instrument, treated identically: black or oxblood-velvet ground, single warm raking key light, deep falloff into shadow, a faint museum-vitrine glass reflection across the top, shot close enough that you can see wear — chipped pips, rubbed gilt, leather cracks, fingerprints on glass. The recurring objects, in catalogue order:
   - *Lot 001 — the cabinet itself* (the whole shelf, slightly soft-focus, the frontispiece).
   - *Lot 002 — a pair of ivory dice* on dark velvet, one tipped to show a six.
   - *Lot 003 — a quincunx / Galton bean-machine*, shot from above so the brass pegs make a triangular star-field and the settled beans make a soft bell-curve mound at the bottom.
   - *Lot 004 — a faded green roulette wheel*, low raking angle, the numbers smearing into a gold ring.
   - *Lot 005 — wax-sealed apothecary jar of numbered lottery balls.*
   - *Lot 006 — a leather actuarial ledger*, cracked spine, open to a column of life-expectancy figures, a pencil resting in the gutter.
   - *Lot 007 — a ship's mercury barometer*, brass and walnut, the needle between "Change" and "Fair."
   - *Lot 008 — a worn pack of cards fanned to the Wheel of Fortune / a single weathered tarot Rota.*
   - *Lot 009 — a child's spinner / a Beaufort weather-glass / a Pascal-style mechanical adding box* (the "everyday chance" lot).
   - *Lot 010 — the empty velvet tray* (the colophon), just the shaped impressions where the objects sat, lit cold and quiet.
   If a true photograph can't be sourced, the same effect is built as a richly shaded SVG/CSS still-life rendered in the muted-vintage palette — *never* clip-art, never a flat icon; it must read as a lit object on velvet.

**2. Hand-drawn probability marginalia (the annotation).** Inside each opened drawer, beside the collector's note, sits one *tiny* hand-drawn-feeling diagram — the kind of thing you'd pencil in a catalogue margin: a quick bell curve with a wobbly baseline; a 2×2 grid of dice faces; a coin mid-flip with a dotted arc; a little decision-tree of branches; a hatched "area = probability" rectangle; a Galton-board sketch with falling dots. All drawn as single-weight (0.8–1.2px) SVG strokes in Faded Baize Green `#5B6E5A` or Lamp-Black Ink, with the deliberately imperfect, slightly-off-register quality of a fountain pen — *marginalia*, not infographics. They are small (≤180px), captioned in Plex Mono, and they're the only place "data viz" appears — and even then it's a doodle, not a chart.

**3. Gilt-rule ornament (connective tissue).** The catalogue's quiet furniture: a single 1px Tarnished Gilt `#A98B4E` hairline under each lot title; a 6px right-angle "registration bracket" tick at the corner of each drawer panel (like a printer's proof mark); a thin double-rule (gilt over Worn Vellum) framing pull-quotes; the filled gilt lozenge on the contents rail. Sparse, precise, never busy — the way a luxury catalogue uses exactly one gold line per spread and no more.

**4. The faint grain.** Over the whole page, a very low-opacity (~0.04) paper-grain texture in Worn Vellum — so the ivory never reads as flat screen-white but as *stock*, slightly toothy, slightly aged. The photographs get a matching faint grain so they sit *in* the paper, not on top of it.

**Forbidden:** glossy 3D renders, neon glow, glassmorphism panels, gradient-mesh blobs, stock-photo lifestyle shots (smiling people, laptops), icon libraries, Lottie, clip-art dice emoji, casino-felt-green-and-Vegas-gold cliché (our green is *faded baize*, our gold is *tarnished*), confetti, sliders, carousels.

## Prompts for Implementation

Build `hwagryul.com` as **one HTML document, one CSS file, one small vanilla ES module, one inline SVG sprite (the marginalia doodle set + the registration-bracket ticks + the gilt-lozenge), one faint-grain PNG (or a tiny SVG `feTurbulence` filter), and one favicon SVG (a single tarnished-gilt die-pip dot, or a tiny `+` in a gilt circle)**. No framework. No router. No React. No build step beyond one bundling pass. No WebGL, no video, no analytics, no service worker, no carousels, no sliders. The page is **a catalogue you turn the pages of: rendered once, read top-to-bottom as a slow walk past ten beautiful objects, with a fond voice in your ear that you can choose to hear more of.**

**Document skeleton:**

```
<body>                              <!-- Catalogue Ivory; faint Worn-Vellum grain overlay -->
  <aside class="contents">           <!-- fixed left rail after frontispiece: 001…010, gilt lozenge on current -->
  <section class="plate plate--frontispiece">   <!-- the whole cabinet, soft-focus; Fraunces title lockup; opening line -->
  <section class="plate" data-lot="002">        <!-- full-bleed object photo -->
     <figure class="lot-photo">…</figure>
     <div class="caption-rail">                 <!-- to one side, museum-label position -->
        <p class="lot-no">LOT 002 · A PAIR OF IVORY DICE</p>   <!-- Plex Mono, gilt, letter-spaced -->
        <h2 class="lot-title">A Pair of Ivory Dice</h2>        <!-- Fraunces, fluid opsz+wght -->
        <p class="teaser">Honestly — dice are just very small, very fair governments.</p>  <!-- Newsreader -->
        <button class="drawer-toggle" aria-expanded="false">+ the collector's note</button>  <!-- gilt hairline + Plex Mono -->
        <div class="drawer" hidden>            <!-- Tea-Stained Cream panel, bracket ticks, slides open -->
           <p>…more of the collector's warm narration, first person…</p>
           <svg class="marginalia">…tiny hand-drawn bell-curve / dice grid…</svg>
           <blockquote class="pull-quote">…Fraunces italic, oxblood-glow, double gilt rule…</blockquote>
           <p class="fig-cap">fig. — the chance of seeing a seven, drawn badly on purpose.</p>  <!-- Plex Mono -->
        </div>
     </div>
  </section>
  …  <!-- lots 003 … 009, same structure, different objects/notes/doodles -->
  <section class="plate plate--colophon">       <!-- the empty velvet tray; closing line; mono colophon -->
</body>
```

**Layout / CSS:**
- Each `.plate` is `min-height: 100vh; width: 100%; display: grid;` placing `.lot-photo` to fill the bleed and `.caption-rail` parked to one side (alternate left/right down the page for rhythm — `:nth-of-type(even)` flips it) in the photo's quietest corner. Mobile: photo becomes a tall band, caption rail sits below it within the same `100vh`+ plate.
- `.lot-photo img` (or the SVG still-life): `object-fit: cover`, `filter: saturate(.7) sepia(.12) contrast(1.05) brightness(.96)` to grade it into the palette; a `::after` overlay of a faint top-to-bottom glass reflection (`linear-gradient` of `#FFFFFF12` → transparent at ~28%) and the shared grain.
- Variable-axis type: `font-variation-settings: 'opsz' clamp(20, 8vw, 144), 'wght' clamp(360, calc(2vw + 340), 500), 'SOFT' 40;` on `.wordmark` and `.lot-title` — the axes are *driven by viewport units inside the clamp* so the letterforms reflow shape on resize. Provide a static `font-weight` fallback for non-variable rendering.
- `.drawer`: `display: grid; grid-template-rows: 0fr;` closed → `1fr` open (the modern auto-height-animation trick), `transition: grid-template-rows .5s cubic-bezier(.2,.8,.2,1)`; fill `#E4D8BF`; 6px corner `::before/::after` L-bracket ticks in `#A98B4E`; an inset 1px `#C9B79A` rule 4px in.
- `.contents` rail: `position: fixed; left: clamp(12px, 3vw, 40px); top: 50%; transform: translateY(-50%);` a column of Plex Mono lot numbers; the current one gets a filled `#A98B4E` lozenge `::marker`-style and a slight bump in weight; fades in only after the frontispiece scrolls past.
- `.pull-quote`: Fraunces italic, `#7C3A33` text-shadow-glow (very soft, `0 0 24px #7C3A3322`), double rule above/below (1px `#A98B4E` over 1px `#C9B79A`).
- Page-wide: `body::before` fixed grain overlay, `opacity: .04`, `mix-blend-mode: multiply`, Worn-Vellum-tinted turbulence.

**Animation & JS (vanilla ES module):**
- **The walk.** `IntersectionObserver` reveals each `.plate`'s caption rail with **progressive-disclosure**'s gentle vocabulary (progressive-disclosure ~3% of corpus): as a plate centres, its `.caption-rail` fades 0→1 and rises ~14px over ~520ms `cubic-bezier(.2,.8,.2,1)`; the lot-no line draws its 1px gilt underline left-to-right over ~400ms; nothing flashy, nothing bouncy.
- **Drawers — the core interaction.** Two ways to open, both supported: (1) click the `.drawer-toggle` → toggles `aria-expanded`, animates `grid-template-rows` 0fr↔1fr, swaps `+`↔`–`; (2) *auto-open on dwell* — when a plate has been ≥60% in view for ~1.2s, its drawer opens itself (once), as if the collector leaned in to tell you more; scrolling away does not re-close it (the visitor keeps what they've uncovered). A small `prefers-reduced-motion` path: drawers still open, just instantly, no slide.
- **Marginalia draw-on.** When a drawer opens, its `<svg class="marginalia">` strokes animate with a quick `stroke-dasharray`/`stroke-dashoffset` "pen draw" (~700ms, slight ease-out, ~80ms stagger between sub-paths) so the doodle *gets sketched* — reinforcing "hand-drawn in the margin." Reduced-motion → drawn instantly.
- **Contents-rail tracking.** rAF-throttled scroll handler moves the gilt lozenge to the current lot; a hair of `transition` so it glides, not jumps.
- **Frontispiece settle.** On load, the soft-focus cabinet photo holds for ~600ms then very gently sharpens (`filter: blur(6px)` → `blur(2px)`) while the Fraunces title lockup fades and rises — "the lamp comes on, the cabinet comes into focus." Once.
- No counters, no typewriter, no card-flip, no parallax-tilt toys, no cursor-follow trails, no magnetic buttons, no spring-overshoot. The motion vocabulary is: *fade-and-rise, hairline draw-on, drawer-slide, pen-sketch, lozenge-glide.* Everything moves the way you'd turn a page in a quiet room.

**Tone of copy:** the collector's voice — first person, warm, casual, a bit funny, never lecturing. Teasers are one disarming line. Drawer notes are 2–4 short paragraphs that explain a real probability idea (the gambler's fallacy, expected value, base rates, the law of large numbers, why insurance works, why streaks feel meaningful and aren't) *plainly and fondly*, with one homely metaphor and one joke. Pull-quotes are the line you'd remember. Provenance lines are dry mono fragments (`prov. found at a Sussex estate sale, 1989`). The page never says "explore," "discover," "sign up," "get started," "learn more" — the collector says *"have a look"* and *"open that one"* and means it.

**AVOID:** CTA-heavy layouts, pricing blocks, stat-grids, "features" rows, sliders/carousels, hero buttons, testimonial cards, glassmorphism panels, neon glow, gradient-mesh blobs, drop-cap gimmicks, casino/Vegas cliché (our cabinet is *quiet* — faded baize, tarnished gilt, lamplight — not flashing-lights gambling), stock lifestyle photography, icon grids, dashboard widgets, percentage-counter animations masquerading as content.

## Uniqueness Notes

Deliberate departures from the 260 designs already in the registry, and from the seed's defaults:

1. **Luxury auction-catalogue *form* + approachable-casual *voice* — a tension the corpus doesn't hold.** `luxury-premium` is ~1% of the corpus and where it appears it is matched with `opulent-grand` / `elegant-sophisticated` / `luxurious` tones (gold-on-black, hushed reverence). `hwagryul.com` keeps the *visual* luxury grammar exactly — one museum-lit object per full-bleed plate, vast margins, a single gilt hairline, condensed lot numbers — but narrates it in the **approachable-casual** register (~3% of the corpus): first person, jokey, "come sit down, it's not that serious." A Sotheby's catalogue annotated in pencil with jokes. No other entry pairs these.

2. **Probability rendered as a *collector's cabinet of physical instruments*, not a dashboard or a casino.** The subject (확률 / probability) is everywhere treated in web design as either neon casino-felt or a stats dashboard. Here it is a slow, photographed exhibition of *objects* — ivory dice, a brass Galton quincunx, a faded roulette wheel, an actuarial ledger, a barometer, a Wheel-of-Fortune card — each a "lot" with provenance, shot on velvet under one warm light, graded into a muted-vintage palette. The maths is real but it lives *inside drawers*, told fondly. This object-cabinet framing for probability appears nowhere in the registry.

3. **Progressive-disclosure as the literal spine — a page with two reading depths.** Progressive-disclosure is ~3% of the corpus and usually a minor UI flourish. Here it *is* the architecture: every plate ships closed (object + lot number + one teaser line) and opens — by click *or* by dwelling on it — into the collector's note, a hand-drawn margin doodle, and a pull-quote. Skim it as a wordless catalogue of beautiful things, or open every drawer and read it as a warm essay on chance. The visitor authors the depth, plate by plate. The drawers don't re-close on scroll-away — you keep what you uncover.

4. **Variable-fluid type with the axes driven by the viewport — letterforms that change *shape*, not just size.** `variable-fluid` is ~3% of the corpus. Most "fluid type" only `clamp()`s the size. Here Fraunces' `opsz`, `wght` (and a touch of `SOFT`) axes are themselves `clamp()`ed against `vw` units, so the wordmark and lot titles get heavier-and-tighter on a phone and lighter-and-more-flamboyant on a wide screen — the type physically reflows its anatomy as the window moves. Three fluid-axis "big" things (wordmark, lot titles, pull-quotes); everything else is book-sized Newsreader or label-sized Plex Mono.

5. **A muted-vintage palette of *faded printed stock*, against a corpus that is 98% warm+gradient.** `muted-vintage` is ~1% of the corpus. The eight colours here are the colours of a 1974 uncoated-stock auction catalogue left in a sunny room — Catalogue Ivory, Tea-Stained Cream, Lamp-Black brown-ink, Faded Baize Green, Dust Taupe, Tarnished Gilt (only ever a hairline), Oxblood, Worn Vellum — and the photographs are colour-graded *into* it, with a 0.04-opacity paper grain over the whole page, so images and page read as one continuous faded surface. No gradients. No mesh blobs. No neon. No Vegas gold.

**Chosen seed:** aesthetic: luxury-premium · layout: full-bleed · typography: variable-fluid · palette: muted-vintage · patterns: progressive-disclosure · imagery: photography · motifs: vintage · tone: approachable-casual.

**Avoided per frequency analysis:** the over-used `hand-drawn`/`glassmorphism` aesthetics (here: a quiet luxury catalogue, hand-drawing confined to tiny margin doodles inside drawers); the `card-grid` + `centered` default skeleton (replaced with full-bleed one-object-per-plate plus a left contents rail); the `warm` + `gradient` generic palette (replaced with the specific eight muted-vintage faded-stock hues, zero gradients); the `parallax` + `cursor-follow` + `spring` + `magnetic` + `stagger` over-used motion stack (using only fade-and-rise, hairline draw-on, drawer-slide, pen-sketch, and the lozenge-glide); the `mono` + `humanist` + `handwritten` over-used type stack (Fraunces variable-axis display + Newsreader literary body, Plex Mono confined to lot numbers and colophon); and the casino/dashboard reading of "probability" (here it is a hushed, lamplit cabinet of antique instruments, narrated by a fond collector).
<!-- DESIGN STAMP
  timestamp: 2026-05-10T19:11:28
  domain: hwagryul.com
  seed: seed:
  aesthetic: `hwagryul.com` (a romanisation of 확률 — *probability*, *the rate at which things ...
  content_hash: 50563bdced2f
-->