Terracotta

# Visual style: Terracotta

A Mediterranean terracotta and warm earth design style with warm clay tones, rough handcrafted textures, and natural patterns. Ideal for lifestyle brands, dining, travel, and artisan product showcases.

## Philosophy
Terracotta originates from the millennia-old pottery traditions of the Mediterranean coast, infusing the warm hues of fired earth into digital design.

Core principles:
- Warmth of earth: terracotta (#b5654a) as the primary color, conveying the warmth of clay tempered by flame
- Handcrafted texture: rounded corners and soft shadows simulate the tactile feel of handmade goods
- Natural harmony: cream white base with earth-tone accents, like sunlight falling on pottery
- Breath of life: olive green (#8b9d77) as a botanical accent, giving the design vitality
- Beauty of simplicity: rejecting over-decoration, letting materials and colors speak for themselves

## Do
- Use warm cream backgrounds bg-[#faf5ef]
- Use terracotta as the primary accent color text-[#b5654a]
- Rounded corners for handcrafted texture rounded-lg rounded-xl
- Warm soft shadows shadow-md shadow-[#b5654a]/10
- Natural comfortable spacing py-20 px-6
- Use earth-tone gradient layers #d4a373 #7a6350
- Add warm glow and steady transitions on interaction, simulating sun-baked clay warmth
- Click feedback uses press-down displacement (active:translate-y) rather than elastic scaling
- Form focus borders use terracotta or olive green, avoiding cold-color highlight rings

## Don't
- Do not use cool tones like blue or purple bg-blue-* bg-purple-*
- Do not use sharp right angles rounded-none rounded-sm
- Do not use neon or high-saturation fluorescent colors
- Do not use heavy pure black text-black bg-black
- Do not use bounce/spring elastic animations
- Do not use harsh cold-color focus rings

## Rules for the AI
You are designing in Terracotta style inspired by Mediterranean clay craftsmanship.
- Use warm earth tones: cream #faf5ef, terracotta #b5654a, sand #d4a373, earth #7a6350
- Accent with olive green #8b9d77 for natural vitality
- Rounded corners (rounded-lg, rounded-xl) to evoke handcrafted ceramics
- Warm, soft shadows using terracotta-tinted shadow colors
- Generous spacing for a relaxed, inviting feel
- No cool blues, purples, or neon colors
- No sharp corners or heavy black elements

Animation & Interaction Rules:
- Sun-Baked Glow: On hover, use warm glow and background deepening to simulate the warm radiance of sun-heated clay.
- Clay Press: Active state forbids elastic scaling; use translate-y with inset shadow to convey hard material press-down resistance.
- Handcrafted Slowness: Interactions use duration-300 ease-out, avoiding overly modern bouncy feedback.
- Earthy Focus: Form focus uses terracotta or olive green borders to reinforce state, avoiding harsh blue rings.