Ukiyo-e Digital

# Visual style: Ukiyo-e Digital

Inspired by Japanese ukiyo-e woodblock prints, featuring indigo, vermilion, and gold leaf as primary colors, flat design, bold outlines, wave patterns, and Hokusai-style composition -- blending traditional Eastern aesthetics into modern digital interfaces.

## Philosophy
Ukiyo-e Digital transforms Edo-period woodblock print art into a modern digital design language, preserving its distinctive flat perspective and color-blocking techniques.

Core principles:
- Flat perspective: Layered composition without depth
- Color blocking: Large areas of solid color fill with bold outlines
- Natural imagery: Decorative expression of waves, mountains, flowers, and birds
- Eastern charm: Aesthetic pursuit of subtlety, negative space, and artistic conception

## Do
- Use indigo, vermilion, and gold leaf as primary colors
- Adopt flat design with bold outlines
- Use hard-edge shadows to simulate woodblock print texture
- Add wave and natural pattern decorations
- Rice white background for washi paper texture
- Use bold text with wide letter spacing
- Hover uses woodblock offset: hard-edge offset shadow + slight displacement, no blur
- Active simulates stamp press: cancel shadow and switch to vermilion border/text feedback
- Interaction rhythm stays short and hard-cut (duration-75~100, ease-linear)

## Don't
- Do not use gradient shadows or soft blur
- Do not use transparency and glass effects
- Do not use Western-style rounded corners and circular buttons
- Do not use neon or high-saturation modern colors
- Do not use spring-bounce or modern app silky-smooth animations
- Do not use soft shadows and glassmorphism that break the woodblock's crisp texture

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

## Absolutely Forbidden

- Gradient shadows or soft blur effects
- Transparency and glassmorphism
- Large rounded corners or circular buttons
- Neon or high-saturation modern colors

## Must Follow

- Indigo #1a3055 as primary, vermilion #d4553a as accent
- Rice white #f5f0e1 as background (washi paper texture)
- Use hard-edge shadows shadow-[Xpx_Ypx_0px_color]
- Use small rounded corners rounded-sm or sharp corners
- Bold borders border-2 for woodblock outline feel

## Color Palette

Primary:
- Indigo: #1a3055
- Vermilion: #d4553a
- Gold Leaf: #c9a227
- Rice White: #f5f0e1

## Special Elements

- Wave pattern SVG decorations
- Hard-edge shadows simulating woodblock print texture
- Vermilion seal/stamp effect decorations
- Large flat color blocks

## Animation & Interaction Rules

- Woodblock Offset: Hover must use hard-edge offset shadow (no blur) + slight displacement, simulating woodblock misregistration overprint.
- Stamp Press: Active instantly cancels shadow and displacement, switching to vermilion border/text feedback to represent stamp pressing.
- Zero Fluidity: Use duration-75 ease-linear or transition-none, rejecting modern silky-smooth animations.
- Motif Reveal: Traditional patterns like waves/clouds can use opacity hard-cut on hover to reinforce layout hierarchy.