# Design Language for renai.science ## Aesthetics and Tone Watercolor scientific illustration in the tradition of 18th and 19th century naturalist field journals - Maria Sibylla Merian's metamorphosis plates, Ernst Haeckel's "Kunstformen der Natur," Beatrix Potter's mycological studies, John James Audubon's birds. The tone is opulent-grand: the lavish, wealthy authority of a private royal scientific society, the unhurried confidence of a Cabinet of Curiosities catalogue, the gilt-edged voice of a Linnaean monograph. This is a science site that wears velvet - it does not strip itself bare for accessibility theater; it dresses itself like a thesis being delivered before the Académie des sciences in 1789. Imagine the lecture halls of the Jardin des Plantes lit by amber gaslight, with hand-painted folios of beetles and mosses propped on burgundy easels. Watercolor textures (washes, bleeds, granulation) appear on every surface, never on the same axis twice. ## Layout Motifs and Structure Broken-grid composition where a traditional 12-column scaffold exists but every content element deliberately violates the grid in calculated ways - paragraphs span columns 2-7, a botanical plate sits on columns 4-10, a marginalia stack lives on column 11. The result reads as a Victorian scientific journal's printed page where wood-engravings, captions, and body text refuse to align cleanly. Each "chapter" occupies 100-150vh and includes: a centered display title, a watercolor specimen plate floating in margin space, a primary body column at 56ch, and asymmetric footnote columns scattered to the sides. Sections separate via 60vh of decorative ornamental rule (a hand-drawn watercolor leaf-vine border, set in burgundy and sage). Book-scholarly motifs reign: chapter numerals in Roman, folios in the lower-outer corners, marginal manicules pointing to footnotes. ## Typography and Palette Eclectic-hybrid typography mixing four faces with intent: display chapter titles in Cormorant Garamond (Google Fonts) at clamp(72px, 11vw, 168px) italic for the elegant-baroque feel; body text in EB Garamond (Google Fonts) at 19px/1.8 with optical sizing enabled; small caps in Cinzel (Google Fonts) at 14px tracked to +10% for section heads (Cinzel's Roman-capital roots match the scientific society aesthetic); marginalia in Crimson Pro (Google Fonts) italic at 14px for asides. The four-face mix is the eclectic-hybrid spec made explicit. Palette (honeyed-neutral): - #F4ECDA honey-vellum (primary background, parchment warmth) - #E8D5B7 amber-page (secondary surface, plate backgrounds) - #3D2914 walnut-ink (primary text, near-black with deep brown warmth) - #8B3A3A bordeaux-wash (accent, drop caps, chapter numerals) - #5C7B3A moss-pigment (secondary accent, botanical plate highlights) - #D4A574 honeyed-gold (rare gilt accent, fleurons, ornamental borders) - #6E5C4A taupe-shadow (secondary text, captions, footnotes) ## Imagery and Motifs Vector-art watercolor specimens: every illustration is rendered as SVG with multiple semi-transparent layered washes simulating real watercolor (base color wash at 40% opacity, mid-tone glaze at 30%, detail line work in walnut-ink at 100%). Subjects are scientific specimens: beetles, ferns, mushrooms, mineral crystals, bird studies, anatomical heart cross-sections. Each plate is captioned in italic Garamond with Latin binomials. Granulation textures (organic dot patterns) overlay washes for authentic watercolor feel. Book-scholarly motifs: hand-drawn ornamental leaf borders frame major sections, fleuron dingbats separate paragraphs, gilt-stamp circular monograms appear at chapter heads, marginal manicules (pointing fingers) flag footnotes. The bottom of every chamber displays a watercolor "tail-piece" ornament - a small decorative vignette of leaves and tendrils. ## Prompts for Implementation Build the site as a private scientific monograph being unveiled folio-by-folio. Hero: full viewport. A single watercolor specimen plate (the chosen "type-specimen" for the publication) fades up through three layered washes - base, mid, detail - over 2400ms total, with each wash arriving 800ms apart. The chapter title in Cormorant Garamond italic types onto an ornate scrolled banner that draws itself in via SVG stroke-dashoffset. Use tilt-3d pattern: as the user moves their cursor, the watercolor plates tilt subtly (max 8 degrees on either axis) with a 200ms ease, suggesting the gentle handling of a delicate paper folio. Each chapter is one chamber of 100vh+; the watercolor plate floats asymmetrically in the margin, the body text occupies the broken-grid column structure. Marginalia and footnotes hover in the side columns - hovering a manicule fades the footnote to full opacity. Page transitions emulate a folio being lifted: the outgoing content lifts up and rotates 4 degrees while the incoming content settles in beneath. NO CTA buttons, NO pricing, NO modern UI tropes - this is a scholarly publication. Cursor is a tiny watercolor brush tip (4px circle, bordeaux-wash color) leaving a 600ms granular wash trail. ## Uniqueness Notes - Watercolor aesthetic (6% corpus) executed with multi-layer SVG wash simulation rather than texture overlays - the granular pigment effect via vector means is unique. - Eclectic-hybrid typography (2% corpus) committed to four distinct Garamond-family faces with specific roles, not a free-for-all mix - disciplined multi-face system. - Opulent-grand tone (2% corpus) paired with honeyed-neutral palette (2%) and book-scholarly motifs (2%) - a triple-rare combination not seen in the dataset. - Chosen seed: aesthetic: watercolor, layout: broken-grid, typography: eclectic-hybrid, palette: honeyed-neutral, patterns: tilt-3d, imagery: vector-art, motifs: book-scholarly, tone: opulent-grand - Avoided patterns from frequency analysis: parallax (94%), card-grid (90%), photography (90%), warm palette in conventional gradient sense (93%) - honeyed-neutral is structured warmth not gradient slop, mono typography (81%), mysterious-moody tone (70%) - none used.