Organische Natur-Öko-Marke

Create an organic/nature-inspired website for an eco-friendly brand. The design should feel grounded, natural, and connected to the earth.

Design Requirements

Color Palette: Forest green (#166534), earth/brown (#92400e), warm cream (#fefdf5), leaf green accents (#4ade80)

Shapes: Organic, flowing shapes — leaf outlines, curved section dividers, no sharp angles

Typography: DM Sans, natural and approachable, not too formal

Textures: Subtle paper/linen texture on backgrounds, watercolor-style decorative elements

Imagery: Nature photography — forests, leaves, sustainable products, warm natural lighting

Sections to Include

Header — Transparent over hero, leaf icon logo, rounded nav links, green hover state

Hero — Full-width nature image, overlaid headline about sustainability, organic-shaped CTA button

Mission — Two-column with nature image and mission text, leaf decorations

Products — Grid of product cards with rounded corners, earthy background, leaf badge for "eco-certified"

Impact Counter — Trees planted, CO2 offset, products recycled — with small leaf icons

Process — Illustrated timeline of sustainable process, connected by vine/branch line

Blog/Journal — Article cards with nature photography, earthy category badges

Newsletter — Seed-packet inspired signup card, "Plant the seed" CTA

Footer — Dark green background, leaf pattern border, organic shape divider

Technical Details

Organic section dividers: SVG wave paths with green/earth fills

Leaf motif: small SVG leaf icons scattered as decorations

Subtle texture overlay: CSS background noise or SVG filter

Gentle fade-in animations for content on scroll

Responsive: organic shapes simplify on smaller screens