# Design Language for namu.farm ## Aesthetics and Tone namu.farm (Namu — 나무(木), Korean for "tree") channels a retro-futuristic aesthetic — the optimistic, chrome-and-neon vision of what farming would look like from a 1960s science fiction perspective, applied to a tree farming and cultivation platform. The site gleams with Space Age agriculture — rounded forms, vintage color palettes reimagined with bold candy brightness, and the delightful conviction that the future of farming would involve hovering tractors and crystal-domed orchards. Inspiration draws from the Googie architecture of 1960s diners, the retro-future illustrations of Syd Mead, The Jetsons' domestic futurism, and the optimistic tech-farm imagery of World's Fair exhibitions. The tone is warm-inviting — genuinely welcoming language that makes tree farming feel like joining a joyful community of future-farmers. ## Layout Motifs and Structure The layout uses a **stacked-sections** architecture — content in clear, full-width horizontal bands that stack vertically like the geological layers of fertile soil. **Stacked Sections Architecture:** - Sections: width: 100%, alternating backgrounds - Inner content: max-width: 960px centered - Each section: padding: 72px 24px - Clear visual boundaries between sections (3px gradient borders) - Sections alternate between light and colored backgrounds - The stacking suggests soil layers nurturing tree roots **Section Sequence:** 1. **Launchpad:** Hero stacked section with baskerville-refined title on candy-bright gradient, grain-overlay vintage texture, star-celestial space-farm constellation decorations 2. **Groves:** Tree farming methods in stacked sections — stagger-animated content blocks with grain-overlay retro photo treatments 3. **Harvest:** Seasonal harvest info in colored stacked bands with star-celestial seasonal markers and retro farming illustrations 4. **Lab:** Future farming techniques in stacked technology section with grain-overlay experimental texture and star-celestial innovation markers 5. **Homestead:** Footer as farm home base — warm-inviting closing with star-celestial night sky and grain-overlay vintage postcard treatment ## Typography and Palette **Typography:** - **Headlines:** "Libre Baskerville" (Google Fonts) — refined Baskerville at 2.2rem-3rem, weight 700. Its classical authority creates the established, institutional quality of agricultural tradition meeting futuristic ambition. - **Body Text:** "Nunito" (Google Fonts) — rounded sans at 0.95rem, weight 400, line height 1.75. - **Accent:** "Libre Baskerville" at 1.1rem, weight 400, italic for farming wisdom and seasonal notes. - **Labels:** "Nunito" at 0.7rem, weight 700, uppercase, letter-spacing 0.06em. **Color Palette:** - **Candy Lime:** #80d840 — bright candy lime green for primary accent - **Candy Coral:** #f06858 — vivid candy coral for secondary accent - **Candy Sky:** #48b8e8 — bright candy sky blue for tertiary accent - **Cream Farm:** #faf6ec — warm farm cream for light backgrounds - **Earth Rich:** #1a1408 — rich dark earth for dark sections - **Soil Brown:** #483820 — warm soil brown for panels - **Text Warm:** #201810 — warm near-black for body text - **Border Candy:** #e0d4c0 — warm candy-tinted border ## Imagery and Motifs **Grain-Overlay Retro Textures:** All imagery and sections feature grain overlay — SVG noise filter (feTurbulence: 0.03 frequency, 2 octaves) at 0.04 opacity over backgrounds. The grain creates the warm, authentic quality of 1960s agricultural photography and vintage seed catalog illustrations. **Stagger-Animated Content Blocks:** Content blocks within each section appear with staggered timing — each block delays 100ms after the previous, creating a cascade effect. Transform: translateY(20px) to translateY(0), opacity: 0 to 1, over 400ms with ease-out. The staggering suggests seeds being planted in sequential furrows. **Star-Celestial Farm Constellations:** Small star shapes (SVG, 8-16px, 4-6 pointed) in Candy Lime and Candy Sky at 0.1-0.2 opacity scattered in section margins and between content blocks. Some connected by thin lines (0.5px) suggesting constellation patterns. The stars connect earth-bound farming to celestial rhythms that govern planting seasons. **Candy-Bright Retro-Future Colors:** Section backgrounds use vivid candy-colored washes — linear-gradient(135deg, rgba(128,216,64,0.05), rgba(72,184,232,0.04)) for green sections, linear-gradient(135deg, rgba(240,104,88,0.04), rgba(128,216,64,0.03)) for warm sections. The candy brightness recreates the optimistic color palette of 1960s futurism. **Stacked Section Boundaries:** Between sections, gradient borders (3px, linear-gradient(90deg, Candy Lime, Candy Sky, Candy Coral) at 0.3 opacity) create vivid horizontal dividers. The colorful boundaries suggest the distinct layers of fertile soil in a well-maintained farm. ## Prompts for Implementation Build the page as a retro-futuristic tree farm. Stacked: .farm-section { width: 100%; padding: 72px 24px; } .farm-section .inner { max-width: 960px; margin: 0 auto; } Stagger: .farm-block { opacity: 0; transform: translateY(20px); transition: opacity 400ms ease-out, transform 400ms ease-out; transition-delay: calc(var(--i) * 100ms); } .farm-block.visible { opacity: 1; transform: translateY(0); } Grain overlay: .grain::after { content: ''; position: absolute; inset: 0; opacity: 0.04; filter: url(#noise); pointer-events: none; } Star constellations: .star { position: absolute; opacity: var(--star-opacity, 0.15); } .star svg { width: var(--size, 12px); fill: var(--color, #80d840); } Section borders: .farm-section + .farm-section { border-top: 3px solid; border-image: linear-gradient(90deg, rgba(128,216,64,0.3), rgba(72,184,232,0.3), rgba(240,104,88,0.3)) 1; } AVOID: Sterile agricultural databases, corporate farming platforms, and serious environmental sites. Let retro-futuristic optimism and warm-inviting welcome create a tree farm where cultivation feels like a joyful, star-guided adventure in Space Age agriculture. ## Uniqueness Notes 1. **Retro-futuristic for tree farming:** 1960s space-age optimism transforms agriculture into a delightful, chrome-and-candy vision of future cultivation. 2. **Stacked-sections as soil layers:** Horizontal bands mirror the geological strata of fertile soil that tree roots penetrate. 3. **Stagger-animated as sequential planting:** Cascading content reveals suggest the rhythmic, row-by-row process of planting a grove. 4. **Star-celestial as planting calendars:** Constellation motifs connect farming to the celestial rhythms that have guided agriculture for millennia. 5. **Grain-overlay as vintage photography:** Film grain creates the authentic warmth of 1960s agricultural photography and seed catalogs. **Seed/Style:** aesthetic: retro-futuristic, layout: stacked-sections, typography: baskerville-refined, palette: candy-bright, patterns: stagger, imagery: grain-overlay, motifs: star-celestial, tone: warm-inviting **Avoided Overused Patterns:** corporate aesthetic (84%), parallax patterns (90%), asymmetric layout (88%), mono typography (91%), warm palette (93%), friendly tone (84%), minimal imagery (89%). This design uses retro-futuristic aesthetic, stacked-sections layout, candy-bright palette, grain-overlay imagery, and warm-inviting tone.