# Design Language for demodemodatte.com ## Aesthetics and Tone Demodemodatte.com is a neomorphic herbarium - a glitchy living catalog of imagined botanical specimens, presented through soft pressed-clay surfaces that bulge and recede like fingertip impressions in warm wax. The aesthetic is unapologetically tactile: every element is sculpted from the surface itself with paired inner/outer shadows, no hard borders, no flat colors. But the page is alive: glitch-displacement bursts shudder through the layout at irregular intervals, suggesting the botanical illusion is slipping. Tone is energetic and a little manic, like a lab assistant who has had too much honey-tea and is excitedly showing you specimen after specimen. Inspiration: pre-loss Maeda Studios early neomorphic experiments, 19th-century botanical plates, the CRT glitches of early Macintosh boot screens, and the warm cream interiors of vintage typewriter cases. The "demo-demo-datte" phrase ("but-but-because") leans into a stuttering personality. ## Layout Motifs and Structure Composition is layered-depth: three discrete Z-planes stacked into a soft warm cream surface. The deep back-plane carries floating botanical illustrations at 25% opacity, the mid-plane carries the soft pressed-in/extruded neomorphic cards (each specimen), and the front-plane carries crisp humanist typography. Pages flow vertically with sections labeled "Specimen 001", "Specimen 002", etc, each a wide rectangular sunken well in the cream surface holding a botanical illustration on the left and pressed-out raised neomorphic information card on the right. Sections are separated by gentle 80vh negative-space breathing rooms. A floating soft-pressed nav pill rides the top center, sinking on click. Mobile: cards stack with the botanical illustration moving above each card. ## Typography and Palette Headlines use Source Serif 4 SemiBold at clamp(2.4rem, 5.5vw, 4.4rem), warm and humanist with slight optical-size variation. Subheads use Source Serif 4 Italic Regular at 1.3rem. Body copy is set in Source Sans 3 Regular at 1.05rem with 1.65 line-height. Latin specimen names use Source Serif 4 Italic for botanical authenticity. Palette is honeyed neutral: cream surface #EBDFC4, deeper honey shadow #C4B68E, light honey highlight #F8EFD3, dark sage ink #3D4A2E, accent burnt-honey #B07D2B (used for glitch-displaced text overlays), and soft moss #7C8B5A for leaf veins. Neomorphic shadows: outer dark #C4B68E at 8px offset, outer light #F8EFD3 at -8px offset, inner shadows inverted for pressed effect. No pure black, no pure white. ## Imagery and Motifs Imagery is botanical-illustration: hand-drawn SVG specimens with thin sage ink lines, cross-hatched shading, labeled with Latin nomenclature, mounted into pressed wells in the cream surface as if they were specimen plates. Each illustration includes leaves, stems, roots, and seeds drawn in cross-section. Motifs are leaf-organic: stylized SVG leaves at varying scales drift across the page in glitch-displaced moments, single-stroke vine illustrations climb the side margins, and tiny leaf-shaped bullet markers terminate paragraphs. A recurring "Specimen 000" botanical placeholder appears as a watermark behind every section, hinting at the missing zero specimen. ## Prompts for Implementation Build demodemodatte.com as a soft-touched specimen catalog that occasionally glitches. Each neomorphic card uses paired inset and outset box-shadows with offsets 8-12px and blurs 16-24px in the warm honey palette; cards transition from "pressed in" (inset shadows) to "raised" (outset shadows) on hover over 350ms. Implement glitch pattern as scheduled bursts every 14-22 seconds: a brief 180ms RGB-channel-split where text and illustrations clone-shift 4px in burnt-honey and moss tones with simultaneous skewX(-1deg) and clip-path slicing, then snap back. Botanical SVG specimens path-draw on initial entry over 1.8s. Implement stagger on specimen reveals (120ms apart). Cursor over interactive areas softens with a small honey-blob trail (4-6 fading blobs). Avoid CTA banks - the bottom of each specimen card has a soft pressed-in "more notes" pill that opens an inline accordion of additional plant lore. The narrative should feel like a slightly drunk botanist's voice rambling through specimen after specimen, with rare glitches reminding you the catalog might not be entirely real. ## Uniqueness Notes - Combines neomorphic tactile surfaces with intentional glitch-displacement bursts to suggest the botanical specimens are unstable illusions - a soft-meets-glitch duality. - Builds three-plane layered-depth with a "Specimen 000" watermark hinting at a missing zero specimen, weaving narrative mystery into the layout. - Uses humanist Source Serif 4 typography on warm honey neomorphic surfaces, avoiding the colder geometric sans common to neomorphism. - Chosen seed/style: neomorphism aesthetic, layered-depth layout, humanist typography, honeyed-neutral palette, glitch pattern, botanical-illustration imagery, leaf-organic motifs, energetic tone. - Frequency analysis avoidance: sidesteps overused mono typography (82%), centered/card-grid layouts (96%/93%), mysterious-moody tone (71%), warm-gradient palettes (95%/78%), photography imagery (90%), parallax pattern (96%). Leans into underused neomorphism aesthetic (1%), layered-depth (9%), botanical-illustration imagery (2%), leaf-organic motifs (2%), and humanist typography (15% with custom Source Serif 4 specificity).