# Design Language for hibiki.day ## Aesthetics and Tone Hibiki.day is an art-deco daily-resonance journal presented as a split-screen 1930s travel poster: bold geometric typography in variable-fluid weights, earth-toned palettes, and crisp line-illustrations of distant mountain landscapes. The aesthetic borrows from A.M. Cassandre's deco posters, the Chrysler Building's elevator doors, Wabi-sabi pottery's earthen tones, and the visual rigor of Japanese woodblock travel posters from the 1930s. Tone is bold-confident: this is a daily resonance reading delivered with the gravitas of a museum-grade poster. "Hibiki" (resonance) frames the page as a daily standing-wave of the mountain - a single confident statement of how today resonates. ## Layout Motifs and Structure Composition is split-screen: a vertical 50/50 split divides the viewport. Left half carries the day's grand title, date stamp, and a single bold pull-quote in art-deco typography on a deep earth-toned background. Right half carries a full-height line-illustration of a mountain landscape with thin deco-style sun-ray geometric overlays. Below the hero, the page unfolds in three more split-screen segments, each alternating which side carries the type and which carries the illustration, creating an A-B-A-B rhythm. Tight central seam runs vertically with a single 1px hairline rule. No horizontal nav; instead, a deco-style chevron menu sits in the top-right corner. Mobile collapses splits into stacked tiles preserving the alternation. ## Typography and Palette Headlines use Recursive Sans Casual variable at clamp(3rem, 7vw, 6.2rem), exploiting Recursive's variable axes (weight, casual, mono) for fluid art-deco shifts; weight axis 600-900, casual axis 0.5. Subheads use Recursive Sans Linear at 1.4rem weight 500. Body copy is set in Recursive Sans Linear at 1.05rem weight 400 with 1.7 line-height. Pull-quotes use Recursive at 2.4rem weight 800 casual 1.0 for warm bold geometric statements. Palette is earth tones: warm-terracotta #B45A2C (background left), deep-sienna #6B2F0F (left panel ink), parchment-cream #F4E8C8 (background right), forest-deep #2F4A35 (illustration ink), and one mustard-gold #D8A025 (accent for deco sun-rays). Borders are 1.5px solid #2F2520. Variable-font weight modulates as text scrolls. ## Imagery and Motifs Imagery is line-illustration: hand-drawn SVG mountain-landscape line illustrations rendered in 2px forest-deep strokes - mountain silhouettes, distant lakes, sun-disk arrangements, deco fountain geometric overlays - styled as 1930s travel posters with rigorous symmetry and bold simplification. Each split-screen segment carries one such illustration. Motifs reference mountain-landscape: stylized triangular peaks, layered horizon strata, sun-ray fans radiating from peaks, and small fan-shaped deco dingbats as paragraph terminals. A recurring deco-style "rising sun behind two peaks" sigil anchors each segment's signature line. ## Prompts for Implementation Build hibiki.day as an art-deco daily-resonance poster. Implement fade-reveal pattern across all split-screen segments: as the visitor scrolls into a new segment, the type-side fades in over 800ms from opacity 0 with a 24px translateY rise, then the illustration-side fades in 300ms after with its strokes path-drawing over 1.8s. Recursive variable-font axes animate during reveal: the headline interpolates from (weight 400, casual 0.0) to (weight 800, casual 0.5) over 900ms - the text literally morphs from straight to casual-bold as it appears. Deco sun-rays behind illustrations rotate slowly on 80-second loops. Hover on chevron menu causes a fade-reveal of a vertical deco menu strip. Cursor over interactive zones changes to a small deco-style chevron. Avoid CTA banks - each segment ends with a single bold pull-quote in deco type. The narrative voice is bold-confident: "Today rings deep. The mountain answers in three measures." ## Uniqueness Notes - Exploits Recursive variable-font axes (weight + casual) to morph headlines from straight to casual-bold during fade-reveal, animating typography on multiple axes simultaneously. - Builds a 1930s art-deco travel-poster split-screen rhythm with A-B-A-B alternation between type and line-illustration panels. - Combines warm terracotta earth tones with deco-style mountain-landscape line illustrations - museum-grade poster aesthetics in a daily journal format. - Chosen seed/style: art-deco aesthetic, split-screen layout, variable-fluid typography, earth-tones palette, fade-reveal pattern, line-illustration imagery, mountain-landscape motifs, bold-confident tone. - Frequency analysis avoidance: sidesteps overused mono typography (82%), centered/card-grid layouts (96%/93%), mysterious-moody tone (71%), warm-gradient default palettes (95%/78%), photography-default imagery (90%), parallax pattern (96%). Leans into underused art-deco (4%), split-screen (6%), variable-fluid (2%), earth-tones (3%), fade-reveal (6%), line-illustration (3%), mountain-landscape motifs (2%), and bold-confident tone (4%).