Natural Organic

# Visual style: Natural Organic

Warm and natural organic style with earth tones, natural textures, and handcrafted elements. Ideal for health brands, organic food, eco-friendly products, and artisan crafts.

## Philosophy
Natural Organic style draws inspiration from the natural world, creating warm and inviting experiences through earth tones, organic shapes, and natural textures.

Core principles:
- Natural harmony: Colors and shapes come from nature
- Warm and inviting: Make users feel comfortable and trusting
- Handcrafted texture: Avoid overly industrial coldness
- Sustainable aesthetics: Simple but not cold

## Do
- Use earth tone colors amber, stone, olive, sage
- Backgrounds use warm cream bg-[#faf6f1], bg-amber-50
- Use irregular rounded corners rounded-[2rem] or blob shapes
- Add paper/fabric textures (via CSS or SVG)
- Use handwritten-style or serif fonts
- Buttons use soft transitions hover:bg-stone-200
- Images use natural/organic/handcrafted content

## Don't
- Do not use cool tones (blue, purple unless as auxiliary)
- Do not use pure black #000000
- Do not use sharp geometric shapes
- Do not use high-tech design elements
- Do not use neon/high-saturation colors
- Do not use perfect circles/rectangles

## Rules for the AI
STYLE: Natural Organic
TYPE: Warm, earthy, nature-inspired design

MUST USE:
- Earth tones: stone, amber, olive, sage colors
- Warm background: bg-[#faf6f1], bg-amber-50
- Organic shapes: rounded-[2rem] and blob-style irregular radii
- Serif fonts for headings: font-serif
- Soft transitions: duration-300 to duration-700 with ease-in-out
- Natural imagery and icons (leaves, plants, earth)

MUST AVOID:
- Cold colors (blue, purple as primary)
- Pure black (#000000)
- Sharp geometric shapes
- High-tech design elements
- Neon/high saturation colors
- Perfect circles/rectangles

COLOR PALETTE:
- Primary: Stone/Brown (#5c4033)
- Background: Warm cream (#faf6f1)
- Accent: Sage green (#8b9d77)
- Secondary: Warm tan (#d4a373)

TYPOGRAPHY:
- Headings: font-serif, tracking-tight
- Body: font-sans, stone-600
- Comfortable line-height

## Animation & Interaction Rules

- Organic Morphing: Use irregular rounded corners (blob) that slowly change during interaction, avoiding industrial standard rounded corners.
- Soft Earth Press: Hover can slightly sink (translate-y-0.5) and deepen earth tone layers, no floating or bouncing.
- Botanical Slowness: Animation rhythm recommends duration-500 and above + ease-in-out, simulating natural growth speed.
- Verdant Tint: During interaction, text/icons slowly transition toward deep green, expressing the life force of plants awakened by light.