# Design Language for haru.cam ## Aesthetics and Tone Haru.cam is a glassmorphic camera atelier presented as a stratified earth-tone diorama: layered frosted glass panels float over textured ochre and clay strata, viewed through what feels like a high-end mixed-media exhibition rendering. The "haru" (spring) softness meets cutting-edge frosted UI architecture and classical marble references. Tone is futuristic-cutting-edge but with an earthy, grounded sub-current - this is technology rendered with soil and stone palettes, not chrome and neon. Inspiration: Apple's visionOS frosted panel system, Olafur Eliasson's stratified earth installations, the marble-and-glass interiors of Carlo Scarpa's Brion Cemetery, and the layered terracotta pigment studies of Anish Kapoor. ## Layout Motifs and Structure Composition is layered-depth: 4-6 discrete glassmorphic planes stacked on a textured earth-tone backdrop, each plane carrying different content categories - viewfinder gallery, lens specifications, captured-moment journal, etc. Planes are positioned asymmetrically and overlap slightly, with the topmost plane being the most opaque (60% white frost) and deeper planes increasingly translucent (down to 20%). The page opens with a 100vh hero where three glass planes drift gently into their resting positions, then unspools through 5-7 zones each with its own glass-pane arrangement. A subtle parallax causes planes to drift at different speeds during scroll, reinforcing the depth. Mobile collapses planes into a vertical stack but preserves their frosted treatment. ## Typography and Palette Headlines use Oswald SemiBold at clamp(2.6rem, 6vw, 5rem), condensed and slightly cool, weight 600, with -1% tracking, all uppercase. Subheads use Oswald Light at 1.2rem uppercase, letter-spacing 0.12em. Body copy is set in Lora Regular at 1.05rem with 1.7 line-height for warm classical body text contrast. Decorative micro-labels use Oswald ExtraLight at 0.74rem uppercase. Palette is earth tones: clay-base #C28F5F (background), terracotta-deep #8C5A35, ochre-warm #D9A86A, sandstone-pale #E8D4B5, soil-charcoal #3A2A1F (ink), and a single marble-cream #F4ECD9 (used on glass-pane fills at 20-60% opacity). Glass planes use backdrop-filter blur(28px) saturate(140%) with 1px white inner-stroke at 30% opacity. No grays. ## Imagery and Motifs Imagery is mixed-media: large-scale photographs of textured earth (clay quarries, sandstone walls, terracotta tiles) layered with hand-drawn ink line sketches of camera apparatus (vintage rangefinder bodies, lens cross-sections, light-meter dials), the two media blended via blend-mode multiply. Each glass plane carries one mixed-media composition. Motifs are marble-classical: thin grayscale marble veining lines appear inside the deepest glass planes as if the marble is suspended in the glass; tiny Corinthian column-capital glyphs serve as section anchors; and a recurring half-arch motif curves at the top-corner of each plane. The mixed-media + marble combination evokes a classical museum of cameras. ## Prompts for Implementation Build haru.cam as a stratified glass-and-earth atelier. On load, each glassmorphic plane drifts into position from offset (translateX 60-120px in different directions) with a 1.2s cubic-bezier ease and 240ms stagger - they settle like leaves landing in still water. Implement underline-draw pattern across all headline links: the underline is a hairline marble-cream stroke that draws left-to-right over 380ms on hover, with a tiny half-arch motif extending from its end. As the visitor scrolls, planes parallax at three different speeds (top plane 40%, mid 70%, deep 100%), creating a tangible depth feeling. Mixed-media compositions inside planes have a subtle ken-burns slow zoom over 18s loops. Cursor over interactive planes causes the plane to brighten its frost from 35% to 55% opacity over 280ms. Avoid CTA banks - the atelier ends with a single hand-drawn rangefinder camera sketch and the phrase "Captured at haru.cam" in Lora italic. ## Uniqueness Notes - Layers backdrop-filter glassmorphic planes over textured earth-tone photography backgrounds with marble veining suspended inside the deepest panes, hybridizing futuristic and classical aesthetics. - Implements three-tier parallax (40%/70%/100%) across stacked glass planes producing tangible perceived depth during scroll. - Underline-draw pattern terminates in a tiny Corinthian half-arch motif - a classical flourish on a cutting-edge interaction. - Chosen seed/style: glassmorphism aesthetic, layered-depth layout, condensed typography, earth-tones palette, underline-draw pattern, mixed-media imagery, marble-classical motifs, futuristic-cutting-edge 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%). Leans into underused glassmorphism (4%), layered-depth (9%), earth-tones (3%), underline-draw (6%), mixed-media imagery (3%), marble-classical motifs (3%), and futuristic-cutting-edge tone (2%).