# Design Language for chikayami.net ## Aesthetics and Tone Chikayami.net is an ethereal, almost-dreamlike index that feels like browsing thoughts written on rice paper while suspended in cloud cover. The aesthetic strips away every hard edge, replacing rectangles with soft amoeba shapes, gradient fogs, and pastel washes that breathe between sections. Tone is rigorously minimal: a single thought per screen, large quiet typography, generous silence. Visitors should feel like they are walking through a cloud chamber where each shape is a slow-forming idea. Inspiration draws from Hiroshi Sugimoto's seascapes, Olafur Eliasson's color fields, the soft-form sculptures of Isamu Noguchi, and the early-morning pastel skies of Studio Ponoc films. Nothing shouts, nothing competes - the page is a held breath. ## Layout Motifs and Structure The composition rejects grid systems entirely in favor of organic flow: shapes anchored to a hidden polar lattice that places elements along gentle spiral curves. Each section is a "weather system" - a loose cluster of overlapping pastel blobs with type set inside or alongside them. Pages flow vertically with no hard section breaks; instead, gradient mists transition one cluster to the next. Hero is a single oversized pastel blob drifting slowly across viewport, with one line of display type centered against it. Subsequent clusters rotate around the page like petals: top-left, mid-right, lower-center, upper-right, then a final wide horizon band at the bottom. White space is treated as material - 40-60% of every viewport remains untouched. Mobile collapses clusters into a soft vertical breath rhythm. ## Typography and Palette Headlines use Big Shoulders Display in oversized cuts (clamp(4rem, 12vw, 11rem)) with extra-light weight 200 and -2% tracking, treated as a quiet whisper at scale. Subheads use Cormorant Garamond Light Italic at 1.4rem for poetic accents. Body copy is set in Inter Light 300 at 1rem with generous 1.85 line-height, max-width 38ch. The pastel palette: cloud-white #FBF7F2, blush-petal #F4D9DD, periwinkle-mist #D6DCF0, mint-vapor #DDEDDF, butter-haze #F6EBC9, and a single anchor ink #5A5663 (dusky violet-gray, never pure black). Gradients drift between these with 60% opacity overlays. No saturated color allowed; everything reads as breathed-on-glass. ## Imagery and Motifs Imagery is abstract shapes: large soft pastel blobs rendered as SVG with subtle gaussian blur (12-20px), gradient-filled and gently rotating. Motifs are pure geometric forms: circles, ellipses, soft-cornered squircles, and one or two thin floating lines per section. No photographs, no icons, no illustration of real objects - only Platonic forms made of mist. Decorative dingbats are tiny outlined circles or hairline diamonds 6-8px tall, used sparingly as paragraph terminals. A recurring "drifting trio" of three nested pastel circles appears in every section, scaled differently each time, as a quiet visual through-line. ## Prompts for Implementation Build chikayami.net as a slow, breathing, full-screen meditation. Each shape should have its own infinite animation loop: blob morph using CSS clip-path polygons interpolated over 18-24 second cycles, drift translateX/translateY over 14 seconds, rotate -3deg to +3deg over 30 seconds. As the visitor scrolls, use stagger reveals where shapes ease in from 30px below with 0.9s duration and 120ms staggers - never bouncy, always cubic-bezier(0.22, 0.61, 0.36, 1). Type fades in last, after its parent shape settles. Implement scroll-linked gradient shifts so the background color of the entire viewport drifts from one pastel to the next as the visitor traverses sections. Avoid CTA blocks, pricing grids, stat counters, hard buttons - any interactive element should be a soft pill with no border and a 30% pastel fill that brightens to 60% on hover. The narrative is a series of single contemplative sentences: "A near sound." "The taste of light." "Almost a memory." Each sentence gets its own screen and its own pastel weather system. ## Uniqueness Notes - Treats every interactive element as a soft pastel blob with no borders, rejecting the standard button/card vocabulary entirely. - Builds the entire layout on a hidden polar spiral rather than a Cartesian grid, with content clusters rotating around the viewport like drifting petals. - Synchronizes 18-30 second infinite blob-morph and drift animations across all shapes so the page literally breathes; no element is ever static. - Chosen seed/style: ethereal aesthetic, organic-flow layout, oversized-display typography, pastel palette, stagger pattern, abstract-shapes imagery, geometric-shapes motifs, minimal 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%). Leans into underused organic-flow layout (4%), oversized-display typography (2%), abstract-shapes imagery (2%), and ethereal aesthetic at the quiet end of the spectrum.