# Design Language for cafesweets.bar

## Aesthetics and Tone

cafesweets.bar is **a flooded neon downtown patisserie at low tide** — a single-screen, full-bleed seapunk cityscape in which the cafe is not a building but **a stretch of shoreline where a midnight metropolis has been overtaken, calmly and without panic, by a chest-high lagoon of mint-cyan dessert syrup**. Skyscrapers stand half-submerged like glass meringues. Traffic lights blink underwater in lavender and magenta. A yellow neon sign reading **"cafesweets.bar — open while the tide is in"** floats on a pontoon of macarons. The mood is not apocalyptic and not nostalgic; it is **a friendly, low-volume hello from a corner shop that has been quietly waterproofed**. Think of the early-1996 web-aesthetic of Geocities aquatic backgrounds (looping caustics GIFs, dolphin clip-art, animated marquee bubbles) **rebuilt with 2026-era CSS and a sober design hand**, and crossed with the dopamine palette of a Seoul Hongdae dessert-bar at 2am — but the saturation has been bathed once in cold sea-water so the colors are luminous rather than shouty.

The voice is **friendly, plainspoken, and slightly dazed-by-beauty**. Copy reads like a barista chatting over the counter while pointing at the skyline through the window: *"Hey — the streetcar is underwater again. The mochi is fine. We have a window seat for you."* No marketing bombast. No "experience the future of pastry." No CTA stacking. The site is a postcard from a working cafe in a peaceful wet city, addressed to one reader at a time. Nothing about the aesthetic is ironic; the seapunk is sincere, the city is sincere, and the cafe sincerely opens at 6am whether the avenue is dry or not.

The reading temperature is **warm-cool simultaneously** — seapunk's signature thermal contradiction. The palette runs through saturated aquatic teals and lagoon cyans (cold) but is punctured by hot dopamine-neon magentas, sodium-lamp ambers, and traffic-light reds (warm). The cumulative feeling is the moment you step out of an air-conditioned cafe at night onto a sidewalk that is six inches under tropical rainwater — your face is hot, your ankles are cool, the neon reflects up from below your shoes, and the bakery smell follows you down the block. That is the temperature of this page.

## Layout Motifs and Structure

The page is a single **f-pattern** (3% in the registry — among the rarest layouts) executed as **a horizontal cityscape skyline strip with two leftward-extending tide-pool arms**. The reader's eye lands top-left at the neon sign **"cafesweets.bar"**, sweeps right along the upper horizon line of half-submerged skyscrapers (the top bar of the F), drops down the leftmost building wall (the spine of the F), kicks right into a second narrower row of floating dessert vitrines (the middle bar of the F), and finally drifts down the spine again into a small footer-altar at the floor of the lagoon. **The geometry of the F is literal, not implied** — the columns of the F are the structural columns of the underwater city.

**Grid spec.** A 12-column CSS grid spans 100vw. The layout has exactly **three horizontal strata**, vertically stacked but visually overlapping at their seams:

- **Stratum A — The Sky-Strip (top 22vh).** Full-bleed horizontal band. Contains the upper bar of the F: the neon sign at column 1, then a left-to-right run of four building tops (columns 3–5, 6–7, 8–9, 10–12) silhouetted against a gradient cyan-to-magenta dawn. Each building top is a small geometric cluster of stacked desserts — a éclair penthouse, a meringue radio tower, a millefeuille high-rise with windows that are tiny golden squares of caramelized sugar. The reader scans this strip first.

- **Stratum B — The Window Row (middle 38vh).** Full-bleed horizontal band, slightly recessed. Contains the middle bar of the F: a single horizontal row of **seven floating glass vitrines** (the menu) drifting left-to-right past the camera at very slow constant velocity (translateX over 90s, paused on hover and on cursor-near). Each vitrine is a flat geometric-abstract still life of one item — a cube of mango pâte de fruits, a hexagon of dark-chocolate financier, a circular cyan macaron, a triangular tiramisu, a trapezoidal cream-puff, a square of yuzu shortbread, a rhombus of black-sesame mochi. No photography. No realism. Pure geometric abstraction.

- **Stratum C — The Tide-Pool (bottom 40vh).** Full-bleed horizontal band, the underwater floor. Contains the spine of the F running down columns 1–2, anchoring the entire layout: a vertical "address column" (street name, hours, the single phone number, the one-sentence story of the cafe) printed in narrow uppercase sans-grotesk against a ripple of caustics. To the right of the spine, a half-submerged wide-angle view of the avenue — geometric-abstract cars stalled in traffic underwater, one yellow taxi tilted at 8°, a streetlamp casting a pink cone of light through the water onto the floor of the tide-pool. The footer credit sits at the absolute bottom-left, water-line height.

**No hero image. No nav bar. No card-grid. No bento-box. No pricing block. No stat-grid. No testimonial wall. No newsletter strip. No CTA buttons.** The entire site is one continuous tableau the reader scans in an F-shape and then lingers in.

The page is **mostly-static, deliberately**. The horizontal drift of the vitrine row is the only autonomous motion. Everything else moves only in response to the cursor (see Patterns) — and even then the motion is tidal, not snappy: parallax stratum displacement of 6–14px maximum, with a 380ms ease-out curve that mimics the way water resists.

## Typography and Palette

**Type system — Google Fonts only, all confirmed available.**

- **Space Grotesk** (variable, weights 300–700) — the principal sans-grotesk voice (4% in the registry — underused). Used for **all** copy on the page: the neon sign wordmark at the top-left (700, 96px, tracking +0.02em, set in cyan with a magenta drop-shadow at 4px/4px/0px); the seven vitrine captions (500, 14px, uppercase, tracking +0.10em, set in white over the glass); the address-column body (400, 15px, set ragged-right, leading 1.55, set in pale aqua over the lagoon floor); and the small numeric labels on the cars (300, 11px, uppercase, monospaced numerals via OpenType). Space Grotesk's neo-grotesque geometry — slightly squared shoulders, generous counters, tall x-height — gives the page a civic-signage clarity that holds up against the wet, glowing background. No serif anywhere. No mono. No handwritten. No display script.

- **DM Sans** (variable, weights 400–500) — secondary, used **only** for the running-water marquee strip at the very top of the page (a single 28px line that slowly scrolls right-to-left: *"open while the tide is in — corner of 7th & lagoon — espresso 4500₩ — mochi-of-the-day: yuzu — wifi password is dolphin"* — running indefinitely). DM Sans is slightly softer in counter-shape than Space Grotesk, which prevents the marquee from competing with the wordmark beneath it.

Type sets in two scales only: **a poster scale** (the wordmark, 96px) and **a captioning scale** (everything else, 11–28px). There is no body-prose scale; the page does not have body prose. The longest text block is the 4-sentence address column at the bottom-left.

**Color palette — eight values, all hand-tuned for water-light interaction.**

- `#04132E` — **Deep Lagoon Indigo.** The base background, the bottom of the tide-pool, the ink of the night sky behind the skyline. Sits at the bottom of every gradient.
- `#0CD3D7` — **Mint-Cyan Syrup.** The primary seapunk hue. The water itself. The neon glow on the wordmark. The cyan macaron. The caustics shimmering on the lagoon floor.
- `#FF2EA0` — **Hot Magenta Dopamine.** The single hottest accent. Traffic lights underwater. The drop-shadow of the wordmark. The tail-lights of the half-submerged taxi. Used in exactly four places, never more.
- `#FFC93C` — **Sodium-Lamp Amber.** The sugar-window squares of the millefeuille high-rise, the streetlamp cone, the pâte-de-fruits cube. Warm against the cold lagoon, but never overpowering.
- `#A06BFF` — **Lilac Twilight.** The dawn band at the top of the sky-strip. The lavender traffic-light. The shadow side of the meringue radio tower.
- `#52F0B0` — **Reef Mint.** A second cyan, slightly greener, used only for the marquee text and the OPEN dot blinking next to the hours.
- `#F8F4EE` — **Foam White.** The off-white used for the vitrine glass highlights and the address-column body type. Never pure white.
- `#1B2A50` — **Mid-Water Navy.** The mid-stratum blue between sky and tide-pool — the color of the building walls beneath their dessert-rooftops.

The dopamine-neon palette is **always layered over the deep lagoon indigo**, never over white. This is the structural commitment of the design: dopamine-neon (5% in the registry) is rarely paired with a near-black ground in CMassC's existing 100 designs — most uses sit it on cream, peach, or mid-gray. Here it sits on `#04132E`, which is what gives every neon hue the bath-of-cold-water shimmer that defines the seapunk reading.

Gradients are used sparingly and **only horizontally** — three places: the dawn band at the very top (Lilac Twilight → Mint-Cyan Syrup → Deep Lagoon Indigo, left to right), the water-line at stratum-B/C seam (Mint-Cyan Syrup → Mid-Water Navy, top to bottom, 12vh band), and the streetlamp cone (Sodium-Lamp Amber 60% → transparent, radial). No diagonal gradients. No mesh gradients. No noise overlays except a single 3% grain on the lagoon floor for water-texture.

## Imagery and Motifs

**Imagery system: geometric-abstract (3% in the registry — rare) over a city-urban skyline (2% — very rare).** **Zero photography. Zero 3D renders. Zero stock illustration.** Every visual is a flat SVG composition built from rectangles, circles, polygons, and one or two cubic curves. The deliberate refusal of photography (98% in the registry) is the first major axis of differentiation.

**1. The Skyline-as-Dessert-Tray.** Four buildings span the top of the sky-strip, each a different patisserie object reimagined as architecture:

- *The Éclair Penthouse* (columns 3–5) — a horizontal cylinder lying on its side at 15° tilt, choux-tan body, a glossy chocolate roof-stripe, two windows lit Sodium-Lamp Amber. Antenna at the right end emitting three concentric Mint-Cyan Syrup rings.
- *The Meringue Radio Tower* (columns 6–7) — a vertical stack of four ascending swirls, white-foam exterior with Lilac Twilight shadows, a single red blinking light at the top (Hot Magenta Dopamine, 1.2s pulse).
- *The Millefeuille High-Rise* (columns 8–9) — a tall thin rectangle with seven horizontal strata of alternating cream-pale-yellow and pastry-tan, windows are 4×4 grids of Sodium-Lamp Amber dots, top floor blacked out.
- *The Macaron Tower* (columns 10–12) — a stack of nine flat circular discs in alternating Mint-Cyan Syrup, Hot Magenta Dopamine, and Foam White, slightly offset left-to-right, with a thin wisp of cream filling visible between each disc. The tallest object in the skyline.

All four buildings rise from a continuous water-line at the 22vh seam — the line is a single horizontal SVG path with a soft 1-pixel Mint-Cyan Syrup glow that ripples (CSS `transform: translateY` with a 4px sine, period 6.4s).

**2. The Seven Vitrines.** The middle stratum holds seven floating glass vitrines, each a flat SVG geometric-abstract still-life of one menu item, drifting horizontally at 6px/sec:

| # | Item | Geometric form | Colors |
|---|------|----------------|--------|
| 1 | Mango Pâte de Fruits | Cube, axonometric, slight tilt | `#FFC93C` over `#1B2A50` |
| 2 | Dark-Chocolate Financier | Hexagon, head-on | `#1B2A50` with `#A06BFF` highlights |
| 3 | Cyan Macaron | Two stacked circles + cream rectangle | `#0CD3D7`, `#F8F4EE`, `#0CD3D7` |
| 4 | Tiramisu | Triangle (slice), three horizontal strata | `#04132E`, `#F8F4EE`, `#04132E` |
| 5 | Cream-Puff Cluster | Trapezoid base + three half-circles | `#F8F4EE` over `#1B2A50` |
| 6 | Yuzu Shortbread | Square with rounded corners, dot grid | `#FFC93C` with `#52F0B0` dots |
| 7 | Black-Sesame Mochi | Rhombus, single off-center spot | `#04132E` with one `#F8F4EE` dot |

Each vitrine is a frosted glass rectangle (`backdrop-filter: blur(8px)` over a `rgba(248,244,238,0.06)` fill, 1px Foam White inner stroke, 16px Mint-Cyan Syrup outer glow at 30% opacity). Items hover 4px above the floor of their vitrine and bob with a slow vertical sine. The whole row drifts right-to-left in a 90-second loop.

**3. The Submerged Avenue.** Stratum C contains a wide-angle geometric-abstract street scene running below the water-line:

- A yellow geometric-abstract taxi tilted at 8°, headlights still on (two Sodium-Lamp Amber cones piercing the water).
- A delivery scooter on its side, bag open, three macarons floating up and out as Mint-Cyan Syrup circles.
- A single streetlamp casting a vertical Sodium-Lamp Amber cone of light through the water onto the lagoon floor.
- Three traffic lights at three different intersections, all underwater, blinking Hot Magenta Dopamine / Lilac Twilight / Reef Mint at independent intervals.
- Caustic patterns on the floor — a slowly-deforming SVG `<filter>` (turbulence + displacement) animating Mint-Cyan Syrup ripples at 12% opacity.

**4. The Marquee Strip.** A single horizontal text marquee at the very top of the page, scrolling right-to-left at 24px/sec, in DM Sans, in Reef Mint, on Deep Lagoon Indigo. Reads as one continuous low-key sentence rather than a stack of slogans.

**No icons. No avatars. No badges. No logos. No social-media glyphs. No phone/email icons. No SVG sparkle stars.** The geometric-abstract vocabulary is closed — only rectangles, circles, polygons, and the four cubic curves of the éclair, the cream-puff, the meringue swirl, and the caustics turbulence.

## Prompts for Implementation

Build cafesweets.bar as **one HTML document, one CSS file, one ES module, and a single inline `<svg>` block** holding all reusable shape definitions (the dessert geometries, the caustics filter, the streetlamp cone). No framework. No bundler. No service worker. No external image files except a single optional `lagoon-grain.png` (~6kb, 3% opacity, water-floor texture). Total uncompressed bundle target: **under 80KB**. Everything in this design — including all caustics, all neon glow, all submerged headlights, all building windows — is plain CSS + SVG. The page must hold up at 60fps on a 5-year-old laptop because the cafe is calm and the page must feel calm.

**Storytelling intent.** The page is **a 90-second tableau, not a pitch deck**. The reader arrives, scans the F-pattern in roughly 12 seconds, and then stays for a minute or so watching the vitrines drift past, the meringue radio tower's red light pulse, the caustics shimmer, and the marquee scroll. That is the entire experience. There is no "scroll for more." There is no second screen. The page is **one screen, one story, one breath**. Bias every implementation decision toward **stillness with one or two slow loops** — the city is flooded but it is not rushing anywhere.

**The full-screen narrative is layered, not sequential.** Unlike parallax-storytelling or scroll-triggered designs (94% / 15% in the registry), cafesweets.bar tells its story by **vertical depth, not by scroll progress**. The reader's understanding deepens as they look longer, not as they scroll further. After 5 seconds the reader sees a city. After 20 seconds they realize the buildings are pastries. After 40 seconds they notice the taxi underwater. After 60 seconds they read the address. After 90 seconds they decide whether to come visit. The implementation must support this slow-revealing read by keeping every detail subtle on first glance — no element should announce itself with a bounce, a pulse, or an entry animation that would interrupt the layering.

**Cursor-follow is the only major interaction (73% in the registry — heavily overused, but seed-mandated, and reframed here as a tide).** The mouse cursor is rendered as a small **glass jellyfish** (a 14px circle with a 4px Mint-Cyan Syrup ring and four trailing 1px tendrils) that swims through the lagoon, displacing the surrounding strata by tiny parallax amounts: stratum A shifts 4px against the cursor, stratum B shifts 8px, stratum C shifts 14px (deeper water moves more slowly relative to the camera, creating the depth illusion). When the cursor hovers within 80px of any vitrine, the entire vitrine row pauses its horizontal drift and the hovered vitrine zooms 1.06x with a 12px Mint-Cyan Syrup glow ring. When the cursor crosses the water-line at stratum-B/C seam, a single soft ripple SVG path emanates from the entry point and dissipates over 1.4s. **No click-targets exist on the page** — the entire site is a passive tableau. Cursor-follow is therefore the only feedback channel, and it is used to reward looking, not to drive conversion.

**Motion budget.** Three autonomous loops, all running concurrently, all idempotent:

1. *Vitrine drift* — 90s linear horizontal translation of the seven-card row, looping seamlessly via duplicated tail.
2. *Caustics shimmer* — 6.4s SVG filter turbulence cycle on the lagoon-floor texture.
3. *Marquee scroll* — 32s right-to-left translation of the top text strip.

Plus three accent loops:

4. *Meringue radio-tower red light* — 1.2s pulse (Hot Magenta Dopamine 100% → 30% → 100%).
5. *Three traffic lights* — 3.1s, 2.7s, 4.3s independent blink intervals (deliberately incommensurate so the city does not feel mechanical).
6. *Open-dot blinker* next to the hours — 1.8s soft pulse in Reef Mint.

Plus three cursor-driven motions: parallax stratum displacement, vitrine zoom-on-near, and water-line ripple. **No scroll-triggered animations. No entry animations. No hero reveal. No skeleton-loading. No counter-animate stat blocks. No card-flip menu.** The page exists in steady state from the first frame.

**HTML structure (semantic skeleton).**

```
<body>
  <header class="marquee-strip">…</header>
  <main class="lagoon">
    <section class="stratum-a sky-strip">
      <h1 class="wordmark">cafesweets.bar</h1>
      <svg class="skyline">…four buildings…</svg>
    </section>
    <section class="stratum-b vitrine-row">
      <svg class="vitrines">…seven items…</svg>
    </section>
    <section class="stratum-c tide-pool">
      <address class="spine">…hours, address, story…</address>
      <svg class="avenue">…taxi, scooter, lamp, traffic lights, caustics…</svg>
    </section>
  </main>
  <footer class="water-line-credit">…</footer>
</body>
```

The SVG `<defs>` block at the top of the document holds: building-top symbols, vitrine item symbols, taxi/scooter/lamp symbols, traffic-light symbol, caustics filter, water-ripple filter, neon-glow filter (a stacked `<feGaussianBlur>` + `<feColorMatrix>`).

**CSS commitments.**

- Custom properties for all eight palette colors at `:root`.
- `prefers-reduced-motion: reduce` halts all six autonomous loops; the page becomes a static tableau, which is **still the intended reading** — confirming the design's commitment to stillness.
- No `position: fixed` overlays. No modal. No cookie banner. No toast. No tooltip beyond the four-character vitrine caption.
- Container queries on `.lagoon` for layout adjustment at <960px (the F-pattern collapses to a single vertical column, but the strata identity is preserved).
- One CSS-only neon-glow utility class via stacked `text-shadow` (3 layers) and `filter: drop-shadow` (1 layer) on SVG.

**JavaScript commitments.**

- `lagoon.js` — single ES module, ~3KB minified. Three responsibilities: (1) install the cursor-jellyfish element and update its position on `pointermove`; (2) compute parallax displacement of the three strata from cursor delta; (3) detect cursor-near for each vitrine and toggle a `.is-near` class. **No scroll listeners. No intersection observers. No fetch.** The marquee, vitrine drift, caustics, and pulses are all pure CSS @keyframes. The page is fully readable with JS disabled — only the parallax and the vitrine-pause-on-hover are lost.
- Pointer-only — no touch parallax (touch users see the static tableau, which is the calm reading).

**Copy guidance — every word is final, no Lorem.** Eight strings only:

1. Wordmark: `cafesweets.bar`
2. Marquee: `open while the tide is in — corner of 7th & lagoon — espresso 4500₩ — mochi-of-the-day: yuzu — wifi password is dolphin`
3. Vitrine captions (7): `MANGO PÂTE DE FRUITS`, `DARK-CHOCOLATE FINANCIER`, `CYAN MACARON`, `TIRAMISU`, `CREAM-PUFF CLUSTER`, `YUZU SHORTBREAD`, `BLACK-SESAME MOCHI`
4. Address column: `7th & Lagoon Avenue / open 06:00–24:00, every day, regardless of tide / pull up a window seat / ask for the seasonal mochi`
5. Hours indicator: `OPEN`
6. Traffic-light labels (3): `STOP`, `WAIT`, `GO` (4-character monospace, 11px)
7. Footer credit (single line, 11px Foam White): `a small cafe at the corner of a flooded city — © 2026`
8. Vitrine-near hover label (the only dynamic string): the hovered vitrine's caption duplicated 36px above the row, in Hot Magenta Dopamine, 14px, with a 4px Mint-Cyan Syrup glow.

**Avoid (explicit, structural).** No CTA buttons. No pricing block. No stat-grid. No hero with full-bleed photograph. No card-grid. No dashboard. No bento-box. No sidebar. No nav. No newsletter form. No "as seen in" logo wall. No testimonial carousel. No team photos. No contact form. No accordion FAQ. No timeline. No before/after slider. No 3D product render. No video background. No sparkle/twinkle particles. No glassmorphic-card grid (the vitrines are a row, not a grid). No hand-drawn illustration, no botanical, no leaf, no candle, no marble. No grain-overlay (only the 3% lagoon-floor texture). No emoji.

## Uniqueness Notes

This design's distinct departures from the 100 existing CMassC sites and from the seed's defaults:

1. **Seapunk de-1996'd, sincerely.** Seapunk is at 2% in the registry — among the rarest five aesthetics, and almost always rendered as ironic Geocities pastiche (animated dolphin GIFs, default-Tumblr text, neon Comic Sans). cafesweets.bar takes the seapunk vocabulary at face value — aquatic teals, lagoon floors, caustics, dolphin reference (relegated to a wifi password joke, not a visual element) — and renders it with **2026-era flat-vector restraint and a near-black ground**. No GIF. No dolphin sprite. No animated star-field. The result is seapunk as **a sober color-temperature commitment**, not a costume.

2. **F-pattern made literally architectural.** F-pattern is at 3% in the registry. In every prior use it has been an implicit reading-flow guide — the F is in the eye-track, not in the content. Here the F is **a physical object**: the top bar is the skyline, the spine is the address column, the middle bar is the vitrine row. The reader's eye follows the F because the F **is** the city. This is a structural inversion, not a stylistic choice.

3. **City-urban motif (2% in the registry) reframed as edible architecture.** Every prior city-urban use in the registry is either a corporate-modernist photograph of glass office towers or a graffiti street-style flat. cafesweets.bar replaces every building in the skyline with a geometrically abstracted dessert — the millefeuille high-rise, the macaron tower, the meringue radio tower, the éclair penthouse. The metaphor is **content-bearing, not decorative**: the cafe's menu IS the skyline. No prior CMassC site has fused city-urban with the dessert subject this way.

4. **Dopamine-neon (5%) over deep-indigo (rare pairing).** Dopamine-neon in the registry sits almost exclusively on cream, peach, or pale-pink grounds — the standard "Y2K-bright" reading. Here it sits on `#04132E` (deep lagoon indigo), giving every magenta and amber a **submerged-neon-sign character**: the colors look like they are glowing through water, not glowing onto paper. This is the design's primary visual signature.

5. **Geometric-abstract imagery (3%) instead of photography (98%).** The dominant photography convention is rejected outright. Every dessert, every building, every car, every traffic light, every cream-puff is a flat SVG geometric primitive — cube, hexagon, circle, triangle, trapezoid, square, rhombus. The seven vitrines spell out the geometric vocabulary explicitly, like a typecase. This rejection of photography is the second major axis of differentiation after the rejection of CTA-driven layout.

6. **Sans-grotesk (4%) used as the only typographic voice.** No serif companion. No monospace caption. No handwritten flourish. The page commits to a single sans-grotesk family (Space Grotesk, with DM Sans only on the marquee) at two scales. Most sans-grotesk uses in the registry pair it with a serif or a mono — cafesweets.bar refuses the pairing and lets Space Grotesk do everything, which gives the page its **civic-signage clarity** under the wet neon glow.

7. **Cursor-follow (73% in the registry — overused) demoted to ambient tide.** Cursor-follow is normally the loudest interaction on a page — a magnetic button, a tilting card, a snapping cursor-trail. Here it is the **softest** interaction: a 14px glass jellyfish that displaces the strata by 4–14px. The reader may not consciously notice the parallax for the first 10 seconds. This deliberate de-emphasis of the registry's most-overused pattern is itself the differentiator.

8. **No CTA, no pricing, no stat-grid, no testimonial — the design AVOID list is honored absolutely.** Many sites in the registry honor the AVOID list partially (e.g., they remove pricing but keep a CTA). cafesweets.bar removes the entire commerce surface. There is **no way to "click" on this page** — the only interactions are passive cursor presence and viewing. This is rare among the existing 100.

9. **Friendly tone (8%) without warmth-cliché props.** Friendly tone in the registry usually arrives via warm earth-tones, hand-drawn marks, rounded sans, and pastel gradients. cafesweets.bar arrives at friendliness via **plainspoken second-person micro-copy** ("pull up a window seat", "the wifi password is dolphin", "ask for the seasonal mochi") rendered in cool-water cyan against deep indigo. The friendliness lives in the words and in the city's calm acceptance of the lagoon, not in the chromatic temperature of the page.

10. **Chosen seed (logged for registry):** *aesthetic: seapunk, layout: f-pattern, typography: sans-grotesk, palette: dopamine-neon, patterns: cursor-follow, imagery: geometric-abstract, motifs: city-urban, tone: friendly.* The combination of seapunk + city-urban + dopamine-neon is unprecedented in the existing 100 designs; the F-pattern as literal skyline geometry is unprecedented; and the eight-string total copy budget is among the leanest in the registry.

**Avoided patterns from frequency analysis:** photography (98%, refused entirely), full-bleed-as-hero (89%, the page is full-bleed but strictly horizontal-stratum, no hero), card-grid (72%, the vitrine row is intentionally a row, not a grid), centered layout (80%, the F-pattern is asymmetric), parallax storytelling (94% — the parallax here is cursor-driven and ambient, not scroll-triggered), spring/stagger (76%/75% — no entry animations exist), magnetic interactions (62%, no click targets), gradient-mesh imagery (rejected for flat SVG), warm-palette dominance (95% — palette is cool-dominant with hot accents), mono typography (96% — refused for pure sans-grotesk).
<!-- DESIGN STAMP
  timestamp: 2026-05-09T11:58:54
  domain: cafesweets.bar
  seed: flat
  aesthetic: cafesweets.bar is **a flooded neon downtown patisserie at low tide** — a single-...
  content_hash: 13063cca84a1
-->