# Design Language for hangul.name

## Aesthetics and Tone

hangul.name is a **seapunk aurora-pavilion for the Korean script** — a single-page hero-dominant immersion that imagines 한글 not as a typographic specimen but as a **drift of jellyfish letterforms suspended in a warm pastel sea of milky cream and wisteria-pink mist**, illuminated from below by slow aurora borealis. The aesthetic is not the loud 90s seapunk of dolphins-on-gradient-tees; it is **the late, soft, post-vaporwave seapunk of 2024** — what happens when seapunk grows up, takes off the chrome, drinks chamomile, and remembers that the ocean at dawn is not turquoise-and-magenta but **buttercream, oyster, peach-quartz and the faintest seafoam glow**. The tone is **whimsical-creative** in the specific sense of *a child writing the alphabet on the beach in chalk while the tide comes in slowly enough to be funny rather than tragic*: every consonant ㄱ ㄴ ㄷ ㄹ ㅁ ㅂ ㅅ ㅇ ㅈ ㅊ ㅋ ㅌ ㅍ ㅎ drifts with the long elegant curl of a Playfair italic descender, every vowel ㅏ ㅑ ㅓ ㅕ ㅗ ㅛ ㅜ ㅠ ㅡ ㅣ floats as a stem in the current.

The mood inhabits a single suspended afternoon: **05:42 KST in late spring, looking through a tide pool at 한글 that has fallen in like leaves**. The aurora is not the green Icelandic aurora; it is the **warm-spectrum aurora** — a band of rose-quartz, butter-yellow, and soft-violet that exists only above the 38th parallel in the imagination of someone who has never been there. The seapunk is the *ghost* of seapunk — the chrome dolphins are gone, the marble columns are gone, the Windows-95 hyperlinks are gone — what remains is **the underwater-sunlight feeling, the slow-drift of letter-creatures, and the aurora-shimmer rendering everything two degrees more dreamlike than it ought to be**.

Inspirations: King Sejong's 1446 *Hunminjeongeum Haerye* manuscript (the only typographic specimen ever written by a king for his peasants), Yayoi Kusama's *Infinity Mirrored Room — The Souls of Millions of Light Years Away* (the polka-aurora of dot-as-light), Mamoru Hosoda's *Mirai* dawn palette, Hilma af Klint's *The Ten Largest, No. 7, Adulthood* (creamy-pastel as cosmological force), the watercolor Hangul calligraphy of Lee Mirae, and the 1996 Sega Saturn JRPG underwater-stage palette before the dolphins arrived.

## Layout Motifs and Structure

The composition is a **hero-dominant aurora-tide-pool** — the entire viewport, on first paint and for the first 110 seconds of cohabitation, is occupied by **one** thing: a slow, scrolling, parallaxed depth-stack of 한글 letterforms drifting through a creamy-pastel aurora-water. There is no card grid, no bento, no three-column "features," no testimonial carousel, no pricing table, no CTA stack. **Hero-dominant** here means *the hero is the page*; everything else is a whisper at the edges of the hero.

**The five-layer parallax tide-pool.** From back to front:

1. **Layer Z = -800px — The Aurora Sheet.** A full-bleed CSS conic-gradient + radial-gradient composite, animating its hue-rotation 1.5° per minute. This is the sky-beneath-the-water. Translates at 0.05 of scroll velocity (almost-still).
2. **Layer Z = -400px — The Cream Mist.** A grain-overlaid wash of #FBF1E4 at 38% opacity, with three blurred (filter: blur(80px)) blobs of #F5C9D6 (wisteria-pink) drifting on a 47-second sine wave. Translates at 0.15.
3. **Layer Z = 0 — The Letter-Drift.** Twenty-eight 한글 jamo, each set in **Playfair Display 700 italic with custom OpenType variant axes**, scaled between 18vh and 41vh, scattered with a Poisson-disc distribution across the canvas. Translates at 1.0 (true scroll).
4. **Layer Z = +200px — The Bubble Veil.** Thirty-two SVG-rendered generative bubbles (each unique, perlin-noise-deformed), filled with translucent #FDE8D7, drifting up at 0.6 vertical-per-second. Translates at 1.6.
5. **Layer Z = +500px — The Aurora-Shimmer.** A near-foreground transparent overlay carrying a CSS `mix-blend-mode: soft-light` aurora-band of #FFD4A8 → #E9C5E0 → #C4D9F0 → #FFD4A8 (the warm-spectrum aurora). Translates at 2.4.

**The Three Stations of the Scroll.**

The scroll is not divided into "sections" — it is divided into **three stations**, each a continuation of the same aurora-tide-pool with the camera (the user's eye) at three different depths. There are no heading separators, no horizontal rules, no "chapter breaks" — only **changes in the density and depth of the letter-drift**, which the parallax algorithm reads as "going deeper into the pool."

- **Station I — *Surface Drift* (0vh → 110vh).** Letters are sparse (8 visible at any time), large (28–41vh), and move slowly. The wordmark **한글** appears at 18vh in 320pt Playfair Italic, dead-center, fading in over 3.2 seconds, then drifting downward at 0.2 vertical-per-second as the user scrolls. Below it, the only text on the entire page above the fold: **"the script that fell in"** in 22pt Cormorant italic.
- **Station II — *Mid-Column Sway* (110vh → 230vh).** Letters become denser (16 visible), smaller (12–22vh), and the parallax disparity widens. This is where the **fourteen consonants and ten vowels** of the Hangul jamo set are individually annotated — each consonant has a single italic gloss in 14pt Cormorant beside it ("ㄱ — *the throat closing*", "ㅁ — *the lips meeting*", "ㅇ — *the ring of nothing*"), drawn from the *Hunminjeongeum Haerye*.
- **Station III — *Tide-Pool Floor* (230vh → 360vh).** The aurora dims by 8%, the cream mist thickens by 12%, and the letter-drift settles. A single closing inscription appears at 280vh in 96pt Playfair italic: **"이 글은 모래 위에 쓰였다"** (*this writing was made on sand*) — and above it, in 11pt Cormorant: *(written by King Sejong, 1446 / drifted by us, 2026 / will be erased by the next tide, soon)*. The page does not end with a CTA, footer, or contact form. The page ends with a 240vh fade-to-cream where the aurora slowly turns over and the letters disappear one by one in stagger order, like sand letters in a returning tide.

**Spatial relationships.** The grid is **not** a 12-column grid. The grid is a **Poisson-disc-sampled 1440×9000 canvas**, on which letters are placed by an algorithm that guarantees no two letters are within 18vh of each other in the visible viewport. This produces an organic, oceanic distribution that resembles neither a grid nor a centered axis — it resembles **driftwood after a storm**.

## Typography and Palette

**Fonts (Google Fonts only — playfair-elegant is the ruling voice, with three supporting whisperers):**

- **Display & jamo-creature — *Playfair Display* (weights 400 italic, 700 italic, 900 italic) — Google Fonts.** This is the *one* face that carries the entire aesthetic. The 한글 jamo are NOT set in a Korean font; they are set in **Playfair Italic with custom GSUB substitutions** that map the Hangul Unicode block (U+1100–U+11FF, U+3130–U+318F, U+AC00–U+D7AF) to *generated* Playfair-italic-stylized glyphs — that is, each Hangul letter is hand-drawn-as-SVG to *match Playfair's italic stroke modulation, ball terminals, and 1730s Caslon-Italic descender curls*. The result: a Hangul that has been raised by Playfair's family, that wears Playfair's italic descenders like seaweed. Wordmark size: 320pt Playfair Italic 900 with -0.03em letter-spacing and a 1.04 line-height.
- **Editorial body & gloss — *Cormorant Garamond* (weights 400 italic, 500, 600 italic) — Google Fonts.** Used only for the jamo glosses, the closing inscription's English translation, and the tiny 11pt parenthetical italic notes. Cormorant pairs with Playfair the way a younger sister pairs with an elder — same family, smaller voice.
- **Korean editorial — *Gowun Batang* (weight 400) — Google Fonts.** The only Korean-script face on the page, used exclusively for the closing inscription "이 글은 모래 위에 쓰였다" at Station III. Gowun Batang is a contemporary Hanyang-derived serif with the warmth of a 1970s Korean book; it carries the only "true" Hangul on the page, while everything above the inscription is the Playfair-Italic ghost of Hangul.
- **Number & metadata whisperer — *Fraunces* (weight 300 italic, optical-size axis at 144) — Google Fonts.** Used at 9pt for the four metadata corners ("§ I", "§ II", "§ III", "§ ∞") and the timestamp. Fraunces' optical-size axis at 144 mimics 18th-century master-printer-cut display italics at small sizes — it is the only face that carries aurora-shimmer through letter-spacing animation.

**Palette (creamy-pastel, eight values, every hex below has been hand-mixed for the aurora-sea-pavilion):**

- **#FBF1E4 — *Creamy Tideline*.** The base canvas. The color of unbleached muslin that has spent eleven months in a sun-facing window. This is the page background. All gradients begin and end here.
- **#FDE8D7 — *Peach-Quartz Mist*.** The cream-mist drift layer. Slightly warmer than the tideline; this is what the aurora's amber band looks like through 60px of blur.
- **#F5C9D6 — *Wisteria Tidewater*.** The wisteria-pink underbelly of the drifting blobs. Used for the largest of the three Cream-Mist blobs at Station I.
- **#E9C5E0 — *Aurora Lilac*.** The middle band of the warm-spectrum aurora. Visible only at Station II, mix-blend-mode soft-light.
- **#C4D9F0 — *Seafoam Aurora*.** The cool band of the warm-spectrum aurora. The single "cool" color in the palette, kept under 8% of the visible canvas at any time.
- **#FFD4A8 — *Butter Aurora*.** The amber band of the warm-spectrum aurora. The dominant gradient stop in the conic-gradient sky-beneath-the-water.
- **#3D2E4A — *Tide-Pool Indigo*.** The text color for the wordmark "한글", the jamo letterforms, and all editorial text. Not black. A deep, water-soaked indigo that reads as ink-in-cream-paper under the aurora. Contrast against #FBF1E4 is 9.4:1.
- **#8C6F8E — *Mauve Drift*.** The text color for the gloss, the parenthetical notes, and the Fraunces metadata. A muted mauve-violet that recedes into the cream without disappearing.

The palette is **creamy-pastel** in the strictest sense: every value is high-luminance (L* > 75 except the two indigo-ink values), every value is low-saturation (C* < 38 except #F5C9D6 which is the deliberate "candy" of the page), and the eight together describe a **single warm-spectrum aurora photographed through a slightly-foggy-glass tide-pool at 05:42 KST in late spring**.

## Imagery and Motifs

**No photography. No stock images. No 3D renders. No icons.** Every visual on hangul.name is one of three things: (1) a Hangul-jamo-as-Playfair-italic-creature, (2) a generative-art bubble, or (3) a generative-art aurora-band.

**The Twenty-Eight Hangul Jamo Creatures.**

Each of the fourteen Hangul consonants (ㄱ ㄴ ㄷ ㄹ ㅁ ㅂ ㅅ ㅇ ㅈ ㅊ ㅋ ㅌ ㅍ ㅎ) and ten vowels (ㅏ ㅑ ㅓ ㅕ ㅗ ㅛ ㅜ ㅠ ㅡ ㅣ) — and the four extra modern jamo (ㄲ ㄸ ㅃ ㅆ) — is rendered as a **single hand-drawn SVG path** that does three things simultaneously:

1. **Honors the original 1446 *Hunminjeongeum* geometry** (square ㅁ for lips-meeting, circular ㅇ for throat-empty, vertical ㅣ for the standing person, horizontal ㅡ for the lying earth, dot ㆍ for heaven).
2. **Wears Playfair italic's stroke modulation** — every stroke that would be a flat line in default Hangul is given Playfair's modulated thick-thin contrast (1:7 axis), with a 14° italic slant and ball terminals on every endpoint.
3. **Acquires a single oceanic affordance** — a tendril, a curl, a trailing seaweed-like descender that exists nowhere in Hangul or in Playfair, but that emerges from the hybridization. ㄱ has a curling foot like a fern frond. ㅇ has a faint inner orbit (a circle inside a circle). ㄹ unfurls its lower switchback into a kelp-frond. ㅁ has a slight billow in its upper edge as if the box is floating. ㅂ's two vertical stems become two tide-flagged poles. ㅅ becomes a cresting wave. ㅎ's circle-on-shoulder becomes a tiny parasol.

These twenty-eight creatures are the **only typography-as-imagery on the page**. They appear in the parallax letter-drift at sizes 12vh–41vh, in colors of **#3D2E4A** (default), **#8C6F8E** (every seventh letter, drifted), and very rarely **#FFD4A8** (the "lit" letter — exactly three on the entire page, glowing with the aurora).

**The Generative-Art Bubble System.**

Thirty-two SVG bubbles, each unique, generated at page-load via a Perlin-noise-deformed circle algorithm:

```
  bubble(seed):
    points = 64 around a unit circle
    deform each point by perlin(angle * 3.7 + seed) * 0.18
    stroke = none
    fill = #FDE8D7 with alpha noise(seed) * 0.42 + 0.18
    radius = 24px → 96px (lerp by seed)
    drift = 0.4–0.9 vertical-per-second
    sway = sin(t * tau / (8 + seed % 5)) * 32px horizontal
```

Each bubble carries inside it, at 60% scale, a tiny **etching of a single jamo** in #8C6F8E — so as the bubbles drift past the user's eye, the user is occasionally surprised by a jamo riding inside a bubble, like a letter in amber. There are exactly three bubbles that contain not a jamo but a single glyph from the *Hunminjeongeum* (훈, 민, 정 — the first three characters of Sejong's title) — these three bubbles drift slower (0.3 vertical-per-second) and exit the canvas to the upper-right.

**The Aurora-Lights Motif.**

The aurora is **always on**, always animating, always the slowest motion on the page (1.5° hue-rotation per minute). It is rendered as a CSS `conic-gradient` with seven stops — `#FFD4A8 0%, #E9C5E0 14%, #F5C9D6 28%, #FBF1E4 42%, #C4D9F0 57%, #E9C5E0 72%, #FFD4A8 100%` — laid over a `radial-gradient` from `#FBF1E4` at 30% 70% to `#FDE8D7` at the edges. On top of these two gradients, a `mix-blend-mode: soft-light` SVG turbulence-and-displacement filter (`feTurbulence baseFrequency="0.008" + feDisplacementMap scale="180"`) creates the *aurora curtain shimmer* — the slow, ribbon-like undulation of the warm-spectrum aurora across the back of the page. The aurora intensifies by 12% during the cursor-follow magnetic event (see Prompts), and dims by 8% at Station III.

**Decorative inscriptions (used at most three places, never decoratively-redundant):**

- The **Hunminjeongeum opening line** (훈민정음 — "the right sounds for the instruction of the people"), rendered as a single 7vh banner in Gowun Batang at the top of Station II, fading in at 0.4 opacity, drifting at 0.1 vertical-per-second.
- The **closing tide-mark** at Station III — a hand-drawn SVG of a single wave curl, in #8C6F8E, 320px wide, drawn-on-scroll with `path-draw-svg` over 1800ms.
- The **section dividers** — there are none. Stations transition by parallax-density-shift, not by lines.

## Prompts for Implementation

Build hangul.name as a **single-route, vertically-scrolled, three-station hero-dominant aurora-pavilion** — one HTML file (`index.html`), one CSS file (`hangul.css`), one ES module (`hangul.mjs`), one fonts.css for Google-Fonts-self-host. The page is **3600vh tall** (3.6 viewports of vertical scroll, no more, no less). There is **no CTA, no pricing, no testimonial, no stat-grid, no card-grid, no signup form, no contact form, no chat bubble, no cookie banner, no nav menu, no footer-with-links, no email-capture, no "subscribe to our newsletter," no social-proof strip, no logo-cloud, no pricing-table, no FAQ accordion**. There is **only** the aurora, the letter-drift, the bubbles, the three stations, the closing inscription, and the fade-to-cream.

**Storytelling first; everything else serves the story.** The story is: *King Sejong's 1446 alphabet has, in 2026, fallen into a tide-pool of warm-spectrum aurora-light, and is drifting. We are looking at it through 60px of fog. It will be returned to the sand by the next tide, but for these 110 seconds it is here, between the cream and the aurora, wearing Playfair's italic descenders like seaweed.*

**Animation choreography (parallax is the dominant pattern; the entire page is parallax):**

- **Five-layer parallax tide-pool** (Z = -800, -400, 0, +200, +500), computed via a single `requestAnimationFrame` loop that reads `window.scrollY` and applies `transform: translate3d(0, var(--y), 0)` to five layer containers. Use `will-change: transform` on each layer. Use the [GSAP-style velocity-decoupled scroll smoothing](#) — but DO NOT add GSAP; implement a 35-line custom Lerp-based smoothing with `lerp(current, target, 0.08)`.
- **Letter-drift slow-sway.** Each of the 28 jamo creatures has its own randomized 47–73-second sine-wave horizontal sway of ±32px and a 0.4–0.9-second-per-cycle 2° rotation oscillation. These are CSS `@keyframes` with randomized `animation-duration` and `animation-delay` injected at page-load.
- **Cursor-follow magnetic aurora.** When the cursor moves, the aurora's conic-gradient `--rotation` CSS variable shifts by `0.18deg * cursor-velocity-x` (capped at ±12°), and the cream-mist blobs translate by `mouseX * 0.04`, `mouseY * 0.04`. The result: the user *feels* the aurora respond to their hand, but cannot put a name to what changed.
- **Stagger fade-in on Station entry.** Each station's content fades in via Intersection Observer with a 80ms stagger between elements, opacity 0 → 1, transform translateY(24px) → 0, ease-out-cubic over 1200ms.
- **Bubble drift.** Bubbles are SVG circles with their own `requestAnimationFrame` loop, drifting upward and swaying horizontally per the algorithm in Imagery. When a bubble exits the top of the viewport, it respawns at the bottom with a new seed.
- **Path-draw-svg on the closing tide-mark.** At 280vh, the closing wave-curl SVG draws via `stroke-dasharray` + `stroke-dashoffset` animation over 1800ms, triggered by Intersection Observer.
- **Aurora hue-rotation idle.** Continuous 1.5°/minute hue-rotation on the aurora's conic-gradient, achieved via CSS custom property animated through a `@property --rotation` registration and a 24000ms linear infinite keyframe.

**HTML structure (only what is necessary; nothing more):**

```html
<body>
  <main class="pavilion">
    <div class="layer layer--aurora"></div>
    <div class="layer layer--mist"></div>
    <div class="layer layer--letters">
      <!-- 28 jamo creatures, positioned absolutely by Poisson-disc -->
    </div>
    <div class="layer layer--bubbles">
      <svg class="bubble-canvas"><!-- 32 bubbles --></svg>
    </div>
    <div class="layer layer--shimmer"></div>
    <section class="station station--surface">
      <h1 class="wordmark">한글</h1>
      <p class="subscript">the script that fell in</p>
    </section>
    <section class="station station--midcolumn">
      <p class="haerye-banner">훈민정음</p>
      <ul class="jamo-glosses"><!-- 24 li's, one per jamo --></ul>
    </section>
    <section class="station station--floor">
      <svg class="tide-mark"><!-- closing wave-curl --></svg>
      <p class="closing">이 글은 모래 위에 쓰였다</p>
      <p class="closing-paren">(written by King Sejong, 1446 / drifted by us, 2026 / will be erased by the next tide, soon)</p>
    </section>
  </main>
</body>
```

**CSS philosophy:** custom properties for every animation-driving value (`--scroll-y`, `--cursor-x`, `--cursor-y`, `--aurora-rotation`, `--mist-blob-x`, `--mist-blob-y`); no Tailwind; no utility classes; one `@layer reset, base, layout, motion, type` cascade-layer architecture; all media queries as `@container` queries on `main.pavilion`. Use `color-mix()` for the aurora gradient stops to keep the cream-pastel palette algorithmically interpolatable.

**JS philosophy:** vanilla ES modules, no framework, no bundler. One `requestAnimationFrame` loop drives parallax + bubble drift + aurora hue. One Intersection Observer drives station entry. One pointer-move handler drives cursor-follow. **Total JS budget: under 18kb gzipped.**

**Performance is not the design; the design is the experience.** If a frame drops below 50fps on a 2018 MacBook, the design has failed. If a frame drops below 60fps on a 2024 MacBook, accept it — we are running a five-layer parallax with continuous turbulence; we are not running a marketing site.

**What this page is not.** This page is not a font specimen, not a Korean-language landing page, not a Hangul history museum, not a typography blog, not a Sejong tribute, not an alphabet teaching tool. This page is **a moment of looking at letters drifting in warm-aurora-water**, and the moment is over when the user scrolls past 360vh.

## Uniqueness Notes

This design's differentiators, each a deliberate departure from the patterns documented in the frequency analysis:

1. **Seapunk as warm-pastel aurora-tide-pool, not 90s vaporwave revival.** Seapunk sits at 3% in the aesthetic-frequency analysis, and the existing 3% tends to lean on the Marble-Columns-and-Dolphins-on-Geocities meme of 1992-2014 internet seapunk. hangul.name extracts the **soft underwater-sunlight feeling of seapunk** while removing every chrome-dolphin, marble-column, Windows-95-window, and Comic-Sans-on-turquoise reference. The result is a seapunk that has *grown into its second decade*, taken the chrome off, and remembered that the ocean at dawn is creamy-pastel, not turquoise-magenta. No other site in the corpus uses seapunk this way.

2. **Hero-dominant with no CTA, no pricing, no card-grid, no testimonial.** Hero-dominant sits at 11% in layout-frequency, and the existing 11% tends to use the hero as a *launchpad* for downstream card-grids, testimonial rows, pricing tables, and feature columns. hangul.name uses hero-dominant as a **complete design** — the hero is the page; the page is 3600vh tall and *every viewport-screen of it is hero-class*. There is nothing below the hero to descend into. The "below the fold" of hangul.name is more hero, more aurora, more drift — never a "section break" into utility content. This is a maximalist application of hero-dominant, where the corpus tends toward minimalist application.

3. **Playfair-elegant typography for Hangul, not Latin.** Playfair-elegant sits at 1% in typography-frequency — the joint lowest in the entire vocabulary. hangul.name uses Playfair Italic not as a Latin display face but as **the structural model for hand-drawn Hangul jamo creatures**, mapping the Korean alphabet's 1446-original geometry into Playfair's 1730s-Caslon-italic stroke-modulation, ball-terminal, and descender-curl vocabulary. No other site in the corpus uses Playfair as a Hangul-rendering system, and no other site uses playfair-elegant on a non-Latin script at all.

4. **Creamy-pastel palette as the warm-spectrum aurora, not as a flat bakery palette.** Creamy-pastel sits at 4% in palette-frequency, and the existing 4% tends to use creamy-pastel as a static background for hand-drawn-illustration content (cottagecore bakery, watercolor portfolio, etc.). hangul.name uses creamy-pastel as the **active medium of an aurora-borealis simulation** — the eight pastel hex values are the seven stops of a conic-gradient that animates 1.5°/minute and shimmers via SVG turbulence. Pastel here is not a *style*; it is the *physics* of the aurora.

5. **Generative-art as Perlin-deformed bubbles carrying jamo-in-amber, not as a hero-background grain.** Generative-art-imagery sits at 6% in imagery-frequency, and the existing 6% tends to use generative art as a *background grain* (a single full-bleed noise-field). hangul.name uses generative-art as **thirty-two unique, individually-Perlin-deformed SVG bubbles**, each carrying a tiny etched jamo at 60% scale, drifting upward and swaying horizontally. The generative algorithm runs at page-load and is the source of the page's *individuality* — no two visits show the same bubble distribution.

6. **Aurora-lights as warm-spectrum, not Icelandic-green.** Aurora-lights sits at 3% in motifs-frequency, and the existing 3% tends to render aurora as the conventional cool-spectrum (green-violet) Icelandic borealis. hangul.name's aurora is a **warm-spectrum aurora** — butter-amber, peach-quartz, wisteria-pink, with a single cool-band of seafoam at 8% of canvas — that exists nowhere in nature, only in the imagination of someone who has never been north of the 38th parallel and is rendering "aurora" as a feeling rather than a phenomenon. The warm-spectrum aurora is the page's most defensible aesthetic patent.

7. **Whimsical-creative tone with funereal-elegant gravity, not childlike or cartoonish.** Whimsical-creative sits at 7% in tone-frequency, and the existing 7% tends to render whimsy as *cartoon-bubbly-playful* (Comic-Neue energy, rounded-blob shapes, candy-colored puns). hangul.name's whimsy is the **specific whimsy of a child writing letters on the beach while the tide comes in slowly enough to be funny rather than tragic** — it is whimsy with a 580-year-old alphabet, a Playfair-Italic descender as seaweed, and a closing line ("written by King Sejong, 1446 / drifted by us, 2026 / will be erased by the next tide, soon") that is simultaneously playful and elegiac. This is whimsy with weight; the corpus tends toward whimsy without weight.

8. **Parallax as the entire structural medium, not as a flourish on a single hero.** Parallax sits at 95% in pattern-frequency — it is the most-used pattern in the corpus — but the existing 95% tends to use parallax as a *single hero-background-image-slow-shift* and then drop parallax for the remainder of the page. hangul.name uses **five-layer parallax across the entire 3600vh of the document**, with no parallax-free regions. The parallax is not a flourish; it is the architecture. Where the corpus uses parallax as garnish, hangul.name uses parallax as the kitchen.

**Avoided patterns from frequency analysis:**

- **photography (99%)** — no photographs on the page; everything is hand-drawn SVG or generative.
- **card-grid (85%)** — no card-grid; the layout is Poisson-disc-drift.
- **centered (82%)** — only the wordmark "한글" is centered; everything else is Poisson-disc-distributed.
- **mono typography (95%)** — no mono on the page; not even for "metadata" or "code-y" affordances.
- **handwritten (35%)** — no handwritten font; the only "hand-drawn" element is the SVG jamo creatures, which are drawn from Playfair-italic.
- **hand-drawn aesthetic (96%)** — the aesthetic is seapunk, not hand-drawn, even though the imagery is hand-drawn-as-SVG. Distinct.
- **glassmorphism (65%)** — no frosted glass cards; the "blur" is on the cream-mist drift layer only, never on UI affordances.
- **warm palette (97%)** — present but redirected — the warm here is *creamy-pastel-warm-aurora-warm*, not the corpus's typical terracotta-cream-burnt-orange warm.

**Chosen seed (planned-seed-from-assignment, honored exactly):** *aesthetic: seapunk, layout: hero-dominant, typography: playfair-elegant, palette: creamy-pastel, patterns: parallax, imagery: generative-art, motifs: aurora-lights, tone: whimsical-creative*.
<!-- DESIGN STAMP
  timestamp: 2026-05-10T09:54:30
  seed: seed
  aesthetic: hangul.name is a **seapunk aurora-pavilion for the Korean script** — a single-pa...
  content_hash: d24ed7615ee2
-->
