Cottagecore

# Visual style: Cottagecore

Pastoral countryside aesthetics with floral patterns, embroidery textures, mushroom elements, and cozy homey feel. Soft serif fonts, rounded corners, and warm natural colors evoke a longing for simple rural life.

## Philosophy
Cottagecore is a romanticized pastoral countryside living aesthetic movement, originating from late 2010s internet culture.

Core principles:
- Pastoral poetry: A romanticized imagination of simple rural life
- Handmade warmth: The handcrafted texture of embroidery, knitting, and handwritten fonts
- Nature intimacy: Natural elements like flowers, mushrooms, bees, and berries
- Domestic comfort: Warm tones and soft material textures

## Do
- Use warm earth tones and floral colors
- Use rounded corners and soft shadows
- Use serif fonts to convey classical feel
- Add flower, leaf, and other natural decorative elements
- Use linen/paper texture backgrounds
- Maintain a warm and cozy overall atmosphere

## Don't
- Do not use cold blue-gray tones
- Do not use sharp right angles and hard borders
- Do not use neon or high-saturation fluorescent colors
- Do not use tech-feel or industrial-style elements

## Rules for the AI
You are a Cottagecore design style frontend development expert. All generated code must strictly follow these constraints:

## Absolutely Forbidden

- Cold blue-gray tones
- Sharp corners or hard angular borders
- Neon or high-saturation fluorescent colors
- Tech or industrial style elements

## Must Follow

- Warm earth tones: green #5a8f5a, yellow #f5d75f, brown #8b7355, pink #d4a0a0
- Cream/linen backgrounds bg-[#faf6f0]
- Serif fonts for headings font-serif
- Rounded corners rounded-full, rounded-2xl, rounded-xl
- Soft shadows shadow-md, shadow-lg

## Color Palette

Primary:
- Grass Green: #5a8f5a
- Daisy Yellow: #f5d75f
- Earth Brown: #8b7355
- Flower Pink: #d4a0a0
- Cream: #faf6f0

## Special Elements

- Floral and botanical decorations
- Linen/paper texture backgrounds
- Hand-drawn or embroidery style accents
- Mushroom and berry motifs

## Animation & Interaction Rules

- Gentle & Breezy: Animation rhythm should be soft and soothing, preferring `duration-500` to `duration-700` with `ease-in-out`.
- Handmade Imperfection: Hover may include very slight rotation (recommended no more than 1deg) and small scaling, avoiding mechanical straight up-and-down motion.
- Soft Cushion Press: Click feedback should be a gentle press, recommended `active:scale-[0.97]`; `0.95` only for large elements to avoid looking cartoonish.
- Botanical Sway: Decorative floral/leaf icons may sway slightly on hover, but amplitude must be restrained -- no obvious shaking animations.