# Design Language for hinagiku.stream ## Aesthetics and Tone **Hinagiku** is Japanese for "daisy." **`.stream`** is a channel — a thing that flows, broadcasts, never quite ends. So **hinagiku.stream** is *The Daisy Channel*: a perpetual, slow-broadcast field of daisies — a single meadow filmed forever, narrated like a luxury periodical. Imagine the visual confidence of a 1930s art-and-letters quarterly (deep margins, drop caps, ragged columns, engraved rules) collided with a modern always-on ambient stream — and then **printed onto thick, hand-deckled paper that has soaked up morning light and a little pollen**. The governing aesthetic is **grainy-textured**: every surface carries visible photographic *grain*, *paper tooth*, *risograph misregistration*, and a faint *halftone* shimmer. Nothing is flat or pristine — gradients are dithered, edges are softly chewed, whites are warm and speckled, blacks are dusty charcoal rather than `#000`. Over that tactile, almost-analog substrate we let **dopamine-neon** colour *bloom* — daisy-yellow that fluoresces, a hot petal-pink, an electric chlorophyll green — as if someone screen-printed neon ink on letterpress stock. The grain *holds* the neon back from being garish; the neon *wakes up* the grain. The tone is **opulent-grand**: this is not a cute flower blog, it is a *broadcast cathedral for one daisy at a time* — generous whitespace, ceremonial typography, the unhurried authority of something that assumes it will be read slowly and returned to often. Mood words: **pollen-lit, letterpressed, perpetual, hushed-but-radiant, expensively calm.** ## Layout Motifs and Structure An **editorial-flow** layout — the page reads like the spread of a fine quarterly that happens to be alive. Not a card grid, not a hero-and-sections funnel: *a manuscript that streams*. - **The Masthead Plate.** Top of the page is a full-bleed *frontispiece*: a large, slightly overexposed, heavily-grained daisy-field photograph (or generated equivalent) with the wordmark **"hinagiku.stream"** set huge in Garamond across it, plus a tiny engraved-looking strap: *"a perpetual broadcast — channel 01: the meadow."* A thin double rule underneath, like the title rule of a journal. - **The Standing Column ("Now Streaming").** A narrow left column, ~26ch wide, that *persists* as you scroll — set in small caps and old-style figures: the current "scene" name, an ever-incrementing runtime counter (`04:11:52`), wind speed, the daisy count "in frame." It's the channel's lower-third reimagined as a printed marginal note. - **The Body Flow.** The main reading column is a true editorial measure (~62–68ch), justified with hyphenation, opening with an oversized **drop cap**. Content flows as *dispatches* from the meadow — short lyrical passages, each separated by an **engraved ornament break** (a centered daisy fleuron). Pull-quotes break the measure occasionally, set large, ragged, in neon. - **Plate Insets.** Periodically the column is interrupted by **glassmorphic plate-cards** that float slightly above the paper (see Imagery) — a "field plate" with a frosted caption strip — handled like the tipped-in colour plates of an old art book, *not* like a SaaS feature grid. - **The Colophon Hem.** The page closes with a printer's colophon block: edition note, "pressed on textured stock," the daisy mark repeated small, set centered in tiny caps. No CTA wall, no pricing, no stat grid — the page simply *ends with grace*, like the last page of a book. Spatial rules: asymmetric outer margins (wider on the right, like a recto page), all vertical rhythm locked to a baseline grid, ample air, *one* idea per band of the page. ## Typography and Palette **Display & body — garamond-classic:** **"EB Garamond"** (Google Fonts) is the spine of the entire site — the wordmark, headings, drop caps, the long reading column, the pull-quotes. Use its **italic** liberally for scene names and asides, and use **old-style (text) figures** for the runtime counter and all numerals. Headings get generous letter-spacing only at the very largest sizes; the body stays warm and bookish. A second serif, **"Cormorant Garamond"** (Google Fonts), at light weight and very large size, is permitted *only* for the giant frontispiece tagline and full-bleed section dividers — its higher contrast reads as engraved signage. **Marginalia & micro-labels — small caps grotesk:** **"IBM Plex Mono"** (Google Fonts) at tiny sizes, uppercased, wide-tracked, for the "Now Streaming" column readouts, plate captions, and the colophon — a faint mechanical counterpoint (a teletype under the velvet) without breaking the period feel. **Palette — dopamine-neon over warm grain:** - `#F4ECDB` — **Deckle Cream** — the paper. Warm, speckled, never pure white. Page background. - `#E7DCC4` — **Pollen Tint** — a slightly deeper cream for plate strips and quiet panels. - `#2A2620` — **Pressed Charcoal** — dusty near-black for all body text and engraved rules. Never `#000000`. - `#5A5446` — **Stem Ash** — muted olive-grey for secondary text, captions, margin notes. - `#FFE221` — **Daisy Flare** — the dopamine yellow. Fluorescent, almost too bright; used for the wordmark glow accents, drop-cap fill, pull-quote highlights. - `#FF4FA3` — **Petal Shock** — hot neon pink; link underlines, scene-change flashes, ornament hover. - `#13E07A` — **Chlorophyll Volt** — electric green; the live "● ON AIR" dot, progress ticks, the wind indicator. - `#0B2E1E` — **Deep Stalk** — a near-black bottle green used sparingly for full-bleed divider backgrounds, against which the neons positively scream. Rule: neon is **ink**, not light — it always sits *on* the grainy cream or the deep green, edges slightly mis-registered, never used for large flat fills. ## Imagery and Motifs - **The grain itself is the primary texture.** A persistent, animated film-grain layer over the whole viewport (subtle, ~3–5% opacity, re-seeded every frame), plus a static paper-fiber/halftone texture baked into backgrounds. Headlines and plates carry a faint **risograph misregistration** — a 1–2px offset duotone ghost in Petal Shock or Daisy Flare. - **Nature, but only the daisy.** The whole iconography is **one flower, endlessly**: a single engraved-line daisy used as the favicon, the section fleuron, the bullet, the cursor companion, the colophon mark. Backgrounds are macro daisy fields — overexposed, sun-flared, wind-bent — treated as **duotone halftones** (Pressed Charcoal + one neon per plate). Decorative botanical line-engravings (Victorian-herbarium style) frame the masthead and the colophon. Pollen drifts as tiny grain-flecked particles. - **Glassmorphic plate-cards.** The "field plates" are the one place glass appears: frosted, low-opacity panels (`backdrop-filter: blur(14px)` + a faint inner glow), edges hairline-stroked in cream, casting a soft warm shadow on the paper below — like a tipped-in vellum overlay on a printed plate. Their caption strip is even more frosted, with IBM Plex Mono micro-text. - **Engraver's ornaments.** Centered fleurons (a small daisy + flanking rule flourishes) between dispatches; a double-rule under the masthead; corner flourishes on plates. All drawn as crisp SVG line art so they survive the grain. - **Live broadcast furniture, gently.** A blinking Chlorophyll-Volt "● ON AIR", a hair-thin progress ribbon along the very top edge, a runtime counter — but all rendered in the *typographic* language of the page (old-style figures, tiny caps), so they read as marginalia in a journal, not a video player chrome. ## Prompts for Implementation - Build it as a **single, full-screen, slow-scrolling editorial broadcast** — one long beautiful "spread" you fall through, not a stack of marketing sections. First paint: the grainy cream paper, the giant Garamond wordmark **assembling letter-by-letter** over the overexposed daisy frontispiece, the "● ON AIR" dot beginning to pulse, the runtime counter starting to tick up from `00:00:00`, a single line of pollen drifting across. - **Ripple is the signature interaction.** Treat the whole page as the *surface of the meadow*: on cursor move and on click, emit a soft expanding **ripple** — a ring of displaced grain / a brief wind-bend in nearby daisy line-art / a faint warp of the plate-card glass — as if wind crossed the field. Section entrances arrive as a ripple from the page edge inward. Pull-quotes ripple their neon on hover. Keep it organic and damped, never bouncy — *wind over wheat*, not jelly. - **Honor the grain at all times.** A fixed full-viewport `` (or layered SVG `feTurbulence`) re-renders animated film grain every frame at low opacity over everything; respect `prefers-reduced-motion` by freezing it to a static texture. Never let any surface go perfectly smooth — even buttons and links get a tooth. - **Typography does the heavy lifting.** Lean on EB Garamond: real drop caps (`::first-letter` or a styled span), justified + hyphenated body, italic scene names, old-style figures everywhere, engraved fleuron breaks. Headlines may carry a tiny duotone misregistration shadow. The neon palette appears almost exclusively *in type and thin rules* — a glowing drop cap, a Petal-Shock underline that draws on with an underline-draw animation, a Chlorophyll-Volt tick. - **Glass appears sparingly and only as "tipped-in plates."** A few frosted glassmorphic cards floating just above the paper, each a "field plate" with a frosted mono caption; they should feel rare and precious, like colour plates in an expensive book — never a grid of them. - **Scroll = airtime.** As you descend, the runtime counter advances, the "scene" name in the standing left column changes with a small ripple + crossfade, the daisy-field frontispiece very slowly drifts and re-exposes. The journey should feel like *watching the same meadow change light over an afternoon*. - **End with a colophon, not a CTA.** Close on the printer's-colophon hem: edition note, the small engraved daisy mark, "this channel never stops — it only changes light." AVOID entirely: CTA-heavy hero stacks, pricing tables, stat/number grids, testimonial carousels, signup walls. ## Uniqueness Notes Differentiators from other designs in this collection: 1. **"The Daisy Channel" — a perpetual broadcast rendered as a fine printed quarterly.** The `.stream` TLD is taken literally (an endless meadow broadcast) but expressed through *editorial print* furniture — drop caps, engraved rules, colophon, tipped-in plates — and a live runtime counter as marginalia. That print-meets-livestream framing isn't used elsewhere here. 2. **Grain as the load-bearing material, with neon used as screen-print *ink*, not light.** Most neon/dopamine palettes in this set glow on dark UI; here `dopamine-neon` (9%) sits *on warm grainy letterpress cream*, misregistered, restrained — `grainy-textured` aesthetic (2%) is genuinely rare and it's the whole substrate, not a garnish. 3. **Editorial-flow layout (3%) at full commitment** — a real justified-and-hyphenated reading measure, persistent marginal "Now Streaming" column, fleuron section breaks, ragged pull-quotes — instead of the near-universal card-grid / centered-hero pattern. 4. **Ripple (16%) as the *only* motion grammar, themed as wind over a meadow** — damped, organic ripples from cursor, click, and section edges, bending daisy line-art and warping plate glass — rather than the ubiquitous parallax + cursor-follow + spring + magnetic stack. 5. **Mono-motif iconography:** a single engraved daisy is the favicon, the bullet, the fleuron, the cursor companion, and the colophon mark — `nature` motif (17%) deliberately narrowed to *one flower, forever*, reinforcing the "channel 01: the meadow" conceit. Avoided / down-weighted from frequency analysis: no hand-drawn aesthetic (96%), no generic glassmorphism-as-whole-site (66% — glass appears only as rare tipped-in plates), no card-grid (87%), no centered hero funnel (84%), no parallax-storytelling default stack (parallax 96% / cursor-follow 87% / spring 86% / magnetic 80% — replaced by ripple-only motion), no mono-as-primary-typography (95% — mono is tiny marginalia only), no warm-gradient mesh photography clichés (photography 99% / gradient 98% — replaced by grainy duotone-halftone daisy fields and engraved botanical line art). Chosen seed: **aesthetic: grainy-textured, layout: editorial-flow, typography: garamond-classic, palette: dopamine-neon, patterns: ripple, imagery: glassmorphic-cards, motifs: nature, tone: opulent-grand**