Retro Vintage

# Visual style: Retro Vintage

Nostalgic retro design style with vintage typography, retro color tones, and handcrafted texture elements. Ideal for cafes, vintage brands, indie magazines, and music labels.

## Philosophy
Retro Vintage style draws inspiration from mid-20th century design aesthetics, creating a warm sense of time through vintage typography, aged textures, and nostalgic color tones.

Core principles:
- Time-worn patina: Design carries the warmth and stories of passing years
- Handcrafted warmth: Avoid overly digital coldness
- Timeless classics: Use design elements proven by time
- Cultural depth: Convey a sense of history and cultural identity

## Do
- Use vintage color tones sepia, amber, brown series
- Add paper texture or aged effects to backgrounds
- Use serif fonts or vintage sans-serif fonts
- Borders use border-2 or border-4 thick borders
- Add decorative border elements (corner ornaments, dividers)
- Use old-style typography (uppercase titles, letter spacing)
- Images add aged filters sepia brightness-90
- Antique Stillness: zero scale or translate-y — old paper lies flat, it does not float or bounce
- Ink & Oxidation: hover slightly darkens background (hover:bg-[#eedbc2]) and deepens text (group-hover:text-[#5c2e0a]) — simulating paper yellowing and ink settling over decades
- Slow Passage of Time: all transitions use duration-700 ease-in-out — historical materials change slowly, never use duration-150 or faster
- Corner Reveal: decorative corner ornaments use opacity-30 group-hover:opacity-100 transition-opacity duration-700 — historical details emerge slowly as readers lean in

## Don't
- Do not use modern gradient effects
- Do not use neon/high-saturation colors
- Do not use minimalist/flat modern design language
- Do not use overly rounded corners
- Do not use glassmorphism effects
- Do not use excessive animation interactions
- Do not use any scale or translate-y animations (Antique Stillness -- old paper does not float or bounce)
- Do not use duration-150 or faster transitions (Slow Passage -- oxidation is a geological process, not a click event)
- Do not introduce new saturated colors on hover (only deepen existing vintage tones, never replace with modern colors)

## Rules for the AI
STYLE: Retro Vintage
TYPE: Nostalgic, classic design aesthetic

MUST USE:
- Vintage color palette: sepia, amber, brown tones
- Paper texture or aged effects on backgrounds
- Serif fonts or vintage sans-serif
- Thick borders: border-2 or border-4
- Decorative elements (corner ornaments, dividers)
- Old-style typography: uppercase, tracking-widest
- Image filters: sepia, brightness-90

MUST AVOID:
- Modern gradients
- Neon/high saturation colors
- Minimalist/flat modern design
- Very rounded corners
- Glass morphism effects
- Heavy animations

COLOR PALETTE:
- Primary: Saddle brown (#8b4513)
- Background: Cream/Parchment (#f5e6d3)
- Accent: Rust red (#c94c4c), Forest green (#2e4a3f)

TYPOGRAPHY:
- Headings: font-serif, uppercase option
- Labels: text-xs uppercase tracking-[0.2em]
- Body: font-serif, relaxed leading

## Animation & Interaction Rules

- Antique Stillness: Absolutely zero `scale` or `translate-y` motion. Old parchment lies flat on the table -- it does not float, lift, or bounce. Forbidden: `hover:-translate-y-*`, `hover:scale-*`.
- Ink & Oxidation: Hover subtly darkens the background (`hover:bg-[#eedbc2]`) and deepens text color (`group-hover:text-[#5c2e0a]`). This simulates paper yellowing and ink darkening over time -- not a modern color swap.
- Slow Passage of Time: All transitions must use `duration-700 ease-in-out` or longer. Historical materials change slowly. Never use `duration-150` or faster.
- Corner Reveal: Decorative corner ornaments use `opacity-30 group-hover:opacity-100 transition-opacity duration-700` -- as if readers discover hidden details by leaning in closely.