Organic Nature Eco Brand

Create an organic, nature-inspired website for an eco-friendly brand. It should feel grounded, tactile and honest — closer to a seed catalogue than a tech startup.

Brief

Subject: Fernhill — refillable household cleaning products made from plant-based ingredients

Back the sustainability story with specifics: ingredients, how refills work, prices, impact numbers with what they mean, certifications. No vague "save the planet" copy

Design Requirements

Colour: Forest green (#2d5a3d), earth brown (#8a5a2b), warm cream (#f6f3ea), leaf accents (#9cc95c) used sparingly

Shapes: Flowing and organic — leaf forms, curved dividers, pebble-like rounded panels; no sharp angles

Typography: DM Sans for body, paired with a soft, characterful serif for headings

Texture: Subtle paper or linen grain; botanical line drawings in inline SVG

Imagery: Botanical and product illustration in inline SVG (bottles, sprigs, leaves) with a natural, hand-printed feel

Sections to Include

Header — Transparent over the hero, leaf-mark logo, rounded nav, "Shop refills" button

Hero — A headline about what the products are and why they're better, beside an illustrated product composition (refill bottle, concentrate sachet, botanicals)

Mission — Mission text with botanical line drawings

Products — Product cards with price, scent or ingredient notes, refill size and an eco-certified badge

Impact Counter — Bottles avoided, refills shipped, CO₂ saved — each with what the number means

Process — How refills work, as steps along a vine or branch line

Blog/Journal — Three articles with images and earthy category labels

Newsletter — Seed-packet styled signup with a "Plant the seed" button

Footer — Deep green, leaf-pattern border, organic divider

Technical Details

Organic dividers as inline SVG wave paths

Grain overlay via SVG feTurbulence at low opacity

Placeholder photos from https://picsum.photos/seed/// are random stock unrelated to the subject — use them only for incidental images. The hero and anything that must show the subject are built in CSS/inline SVG instead

At most a subtle once-per-section fade; respect prefers-reduced-motion

Responsive; visible focus states