Organic Nature Eco Brand

An earth-toned eco-friendly brand website with organic shapes, natural textures, leaf motifs, and a grounded, sustainable feel.

Preview of Organic Nature Eco Brand
Works with:ClaudeChatGPTv0CursorBolt
organicnatureecosustainableearthy

Prompt

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
  • Related Prompts