Zen Garden

# Visual style: Zen Garden

A digital interpretation of Japanese Karesansui dry landscape gardens, inspired by raked sand patterns, stone arrangements, and moss, pursuing ultimate tranquility and meditative calm. The pairing of sand white and moss green conveys the serene power of nature.

## Philosophy
Karesansui (Zen Garden) is the highest expression of Japanese Zen Buddhist garden art.

Core principles:
- Sand as water: patterns raked in white sand symbolize ripples and waves on water -- waterless yet water is seen
- Beauty of stone arrangements: carefully placed stone groups represent mountains and islands, achieving more with less
- Life of moss: moss green is the trace of time's passage, a vitality of stillness in motion
- Realm of meditation: the entire garden is a space for quiet contemplation and introspection
- Borrowed scenery and whitespace: incorporating surrounding nature into the composition, where space itself is expression

## Do
- Use sand-white backgrounds bg-[#f5f3ee]
- Moss green as accent color text-[#8a9a7b]
- Extreme whitespace with generous vertical spacing py-32
- Delicate natural borders border-[#c4bba8]/30
- Serif fonts with light weight font-serif font-light
- Very slow transition animations transition duration-700

## Don't
- Do not use bright vivid colors
- Do not use heavy borders or thick lines
- Do not use fast animations or bounce effects
- Do not densely arrange elements -- whitespace is the core

## Rules for the AI
You are designing in Zen Garden (Karesansui) style.
- Sand-white backgrounds: #f5f3ee, #ede9e1
- Moss-green primary text: #4a5548
- Muted natural accents: moss #8a9a7b, sand #c4bba8, stone #7a7062
- Always use serif fonts with light weight (font-serif font-light)
- Extreme whitespace: py-32, generous gaps between all sections
- Ultra-thin borders: border-[#c4bba8]/30
- Very slow transitions: duration-700 or longer
- No bright colors, no heavy borders, no fast animations
- Think raked sand patterns, carefully placed stones, quiet moss
- Every element should feel like it was placed with meditative intention

Animation & Interaction Rules:
- Meditative Slowness: Interactions must be slow and restrained, using duration-700 to duration-1000 with ease-in-out.
- Zero Displacement: No translate or rotate allowed; avoid any physical displacement animations. Focus should be expressed through show/hide and tonal changes.
- Ephemeral Fades: Use only low-contrast color deepening, opacity emergence, or very faint shadow fade-ins. No bouncing or high-contrast flashing.
- Quiet Focus: Text can default to semi-transparent (e.g., text-[#4a5548]/70), slowly becoming clear on hover/focus, maintaining a meditative rhythm.