Want this look?

Build me a complete, responsive business website in the ORGANIC / NATURAL style — the calm, biophilic look of Aesop and Oatly and the wellness era: earthy botanical color, soft flowing blob shapes, natural texture, a warm serif, and generous breathing space. Calm here is a functional requirement, not just a mood — the whole language says "this brand is not trying to stress you out." Combine this style seed with my brief below. If I don't give you the details, invent a plausible business that suits this warm, grounded, restorative look — a skincare line, a tea or wellness brand, a farm-to-table kitchen, a yoga retreat — and build a full, real demo for it, not a placeholder. This style is a FAMILY, not a single template — the same seed should produce visibly different sites for different businesses. A few dimensions are yours to choose: the exact EARTHY PALETTE, the SERIF pairing, and the overall LAYOUT APPROACH. Pick one of each that fits my brand and COMMIT to it across the whole site — every option below is equally on-style, so don't second-guess the choice with your own taste. ── INVARIANTS (never break these — they define the style) ── • Earth-tone palette drawn from soil, plant, and stone — the eye reads these as safe, living environments. Warm and muted, never cold, neon, or corporate-blue. Grounds are warm (sand, paper, cream, or a deep forest/espresso for darker sections), never stark white or grey. • Flowing curves everywhere — blob shapes, soft arcs, organic section masks and dividers replace rigid rectangles and hard right angles. Nothing in nature is a perfect corner; let shapes feel grown, not drawn. • Natural texture and a tactile, handcrafted warmth — subtle paper grain, botanical illustration, hand-feel detail — so surfaces don't read as flat cold vector. • Generous, unhurried breathing space. Whitespace is not empty, it's restorative; pacing itself is part of the style. Let content rest; never cram. • A warm serif carries the voice — slightly irregular, human, often italic for display — paired with a calm legible sans for body. The mood is a slow garden, not a fast dashboard. • Motion is "breathe / grow": shapes slowly morph and pulse like a breathing cycle, elements grow and unfurl into place like a plant. Slow, soft, continuous — never glitch, snap, or rush. Honor prefers-reduced-motion (settle everything into its resting composition), and keep ALL content visible without JavaScript. • CONTRAST (WCAG 2.2 AA, non-negotiable): warm and muted must never mean unreadable. On light warm grounds (sand, cream, paper) use a genuinely dark warm ink (deep forest green, espresso brown, near-black) — not a pale beige-on-beige. On deep earthy panels (forest, clay, terracotta as a full fill) use warm cream/ivory text. Body ≥4.5:1, large/headline ≥3:1. Re-check muted "secondary" earth tones — they still must clear 4.5:1, and a mid clay behind cream text often fails. ── VARIABLES (choose one of each that fits my brand, then commit) ── • EARTHY PALETTE — bring my own brand colors if I give them; otherwise choose a warm earthy scheme. Whatever the hues, keep them muted, warm, and drawn-from-nature, with a calm harmony (not a clash). Pick a warm ground, one or two botanical accents, and a dark warm ink. Example combos (not required): sage green + amber clay on warm sand · terracotta + ochre on cream · forest green + soft stone on paper. Keep saturation low and the relationship gentle. • SERIF — one warm, slightly irregular serif for display (Fraunces, especially in italic · or a comparable humanist/old-style serif) + one calm legible sans for body (Nunito Sans · Inter · Work Sans), via Google Fonts. • LAYOUT APPROACH — choose one and commit: a flowing single column with blob-shaped section dividers; an asymmetric organic grid where blocks sit on soft curves; an editorial layout with botanical illustration accents; or a slow, spacious storytelling scroll. Also settle your own blob shapes, texture intensity, and how wide the breathing space runs. ── MEDIA MODEL (natural imagery, softly framed) ── This style is warm and image-friendly. Use real photography and botanical illustration — natural light, plants, materials, hands, texture — and frame each image inside a soft organic/blob mask or a gently curved shape, never a hard-edged rectangle. Use a real placeholder <img> for every planned photo. Do NOT fake a photo or texture with a plain colored div or CSS gradient where a real image belongs — use a placeholder image. Add botanical accents (leaves, sprigs, arcs) as supporting marks. Generate imagery appropriate to MY business, not a reuse of any demo. WHAT THIS SITE MUST ACHIEVE (business goal): Make it clear and reassuring who this business helps and what it offers; explain the value calmly and warmly; reduce a first-time visitor's risk with real proof (ingredients, sourcing, credentials, results, client words — whatever is true and builds trust); and guide one clear next step — a purchase, a booking, an enquiry — invitingly, never with pressure. Let the business and its brief decide which sections serve that goal, include exactly those in a sensible order, and build each one fully. BUILD REQUIREMENTS — ship a complete, usable site, not a hero mock: • Real information architecture driven by MY business and goal — whatever sections warmly move a stranger toward trust and action, each with one clear job, in a sensible order. Include working navigation and a footer, both softened into the organic language. • Don't be lazy with any section: each carries real content depth (never a title plus one thin line), proper internal hierarchy, and the full organic treatment. If a section only serves the style, cut it; if a section serves the goal but feels thin, flesh it out. • Real, tailored copy for MY business — warm, grounded, unhurried, written to reassure and build trust. Never lorem. • Fully responsive and accessible: semantic landmarks, alt text on every image, and the CONTRAST invariant on EVERY section — especially muted earth tones and text over photos (use a soft scrim if a headline sits on a busy image). On mobile, keep the curves, texture, and generous spacing; let sections breathe rather than tightening up. • Apply the chosen palette, serif, and layout approach to EVERY section, not just the hero.

Best for AI website builders — Lovable, v0, Bolt

Restyle my existing site into the ORGANIC / NATURAL look — the calm, biophilic aesthetic of Aesop, Oatly, and the wellness era: earthy botanical color, soft flowing blob shapes, natural texture, a warm serif, and generous breathing space. Keep ALL of my current content, copy, pages, and structure exactly as they are; change only the visual language so the whole thing feels warm, grown, and unhurried. Do not invent new pages, remove sections, or rewrite my words. Keep MY brand hues — carry my existing colors into the scheme rather than swapping in new ones. Just push them into the organic color logic: warm and muted, drawn-from-nature, in calm harmony, with a warm ground and a dark warm ink for text. Then make one SERIF choice and COMMIT — a warm, slightly irregular serif that suits my brand. ── INVARIANTS (never break these) ── • Recolor to an earth-tone, warm-and-muted palette: warm grounds (sand, cream, paper, or a deep forest/espresso for darker sections) instead of stark white or grey, with my brand hues softened toward nature. No cold, neon, or corporate-blue. • Replace rigid rectangles and hard corners with flowing curves — blob shapes, soft arcs, organic section masks and dividers. Let shapes feel grown. • Add natural texture and tactile warmth — subtle paper grain, botanical accents — so surfaces stop reading as flat cold vector. • Open up generous, unhurried breathing space; loosen tight grids so content rests. • Move the voice to a warm serif (slightly irregular, often italic for display) + a calm legible sans body. • Motion becomes "breathe / grow": slow morphing/pulsing shapes and elements that unfurl into place. Remove glitch, snap, and rushed easing. Honor prefers-reduced-motion (settle into the resting composition) and never leave a section stuck invisible; keep content visible without JavaScript. • Never: cold or neon color, hard rectangular edges everywhere, cramped tight spacing, sharp fast/glitchy motion, flat cold vector surfaces. ── SERIF (pick one pairing to suit my brand, then commit) ── One warm, slightly irregular serif for display (Fraunces, especially in italic · or a comparable humanist/old-style serif) + one calm legible sans body (Nunito Sans · Inter · Work Sans), via Google Fonts. Reframe any existing image inside a soft organic/blob mask or gently curved shape (never a hard-edged rectangle); replace hard icons and flat fills with botanical accents and textured warm surfaces. Keep it responsive and accessible — enforce WCAG 2.2 AA contrast on every block (≥4.5:1 body, ≥3:1 large): dark warm ink on light warm grounds (never beige-on-beige), warm cream on deep earthy panels, and keep muted secondary earth tones above 4.5:1. Restyle what already exists so every section carries the organic system consistently — same content, new warm skin.

Paste alongside your existing site/code for an AI coding agent to apply

Design a single section in the ORGANIC / NATURAL style — the calm, biophilic look of Aesop and Oatly: earthy botanical color, soft flowing blob shapes, natural texture, a warm serif, and generous breathing space. A low-commitment preview of the style, built richly for whatever section I ask for. Tell me in your own words, alongside this prompt, which section you want and the job it has to do — a calming hero, a product/ingredient block, a services row, a testimonial, a booking CTA, a story-of-the-brand section. If I don't name one, build a warm hero for a plausible wellness, skincare, or food brand you invent. Whatever the section, build it fully and richly — don't be lazy: real, tailored copy, proper hierarchy, and depth, not a title plus one thin line. ── INVARIANTS ── • Earth-tone, warm-and-muted palette drawn from nature on a warm ground (sand, cream, paper, or a deep forest/espresso) — never cold, neon, or corporate-blue. Flowing curves — blob shapes, soft arcs, organic masks — instead of hard rectangles. Natural texture and tactile warmth. Generous unhurried breathing space. A warm, slightly irregular serif (often italic) for display + a calm legible sans body. Motion is "breathe / grow" — slow morphing shapes, elements that unfurl into place; one gentle entrance + one soft interaction; never glitch, snap, or rush. Content visible without JavaScript, honoring prefers-reduced-motion. • Never: cold or neon color, hard rectangular edges everywhere, cramped spacing, sharp fast/glitchy motion, flat cold vector surfaces. ── VARIABLES (pick one of each, commit) ── • EARTHY PALETTE — bring my brand colors if I give them; otherwise choose a warm earthy scheme in calm harmony: a warm ground, one or two botanical accents, a dark warm ink. Example combos (not required): sage + amber clay on sand · terracotta + ochre on cream · forest green + soft stone on paper. Low saturation, gentle. • SERIF — one warm irregular serif for display (Fraunces italic / a humanist old-style serif) + one calm legible sans body (Nunito Sans / Inter / Work Sans), via Google Fonts. Use real natural imagery where the section calls for it — a real placeholder <img> framed inside a soft organic/blob mask or gently curved shape, never a hard rectangle and never a fake colored div or gradient standing in for a photo. Add botanical accents (leaves, sprigs, arcs) as supporting marks. Where the section's job calls for an action, make it a warm, inviting CTA — never pressured. Make it responsive and accessible — WCAG 2.2 AA contrast (≥4.5:1 body, ≥3:1 large): dark warm ink on light warm grounds (never beige-on-beige), warm cream on deep earthy panels, muted tones kept above threshold, a soft scrim under any headline over a busy photo. Write real, tailored copy for the subject, not lorem.

Good for a focused first pass, or a chat-based assistant like ChatGPT/Claude