Geometric Bold

# Visual style: Geometric Bold

Bold geometric design with strong shape contrasts, vivid color blocks, and dynamic compositions. Ideal for art exhibitions, design agencies, and creative brands.

## Philosophy
Geometric Bold style is influenced by Bauhaus and Constructivist art, creating visual impact through simple yet powerful geometric shapes.

Core principles:
- Shape first: Geometric shapes are the core design language
- Bold contrast: Strong color and shape contrasts
- Dynamic balance: Create visual tension through asymmetry
- Artistic expression: Every page is a work of art

## Do
- Use solid color blocks bg-black, bg-white, bg-red-500, bg-blue-600
- Use regular geometric shapes circle, square, triangle
- Boldly use oversized typography text-6xl, text-8xl, text-[10rem]
- Use absolute positioning to create overlapping effects
- Corners use rounded-none or rounded-full
- Use rotate-* to rotate elements for dynamic feel
- Black and white primary, one to two accent colors

## Don't
- Do not use gradient colors
- Do not use soft/low-contrast colors
- Do not use medium border-radius values like rounded-lg
- Do not use shadow effects
- Do not use too many colors (max 3-4)
- Do not use symmetrical/conventional layouts

## Rules for the AI
STYLE: Geometric Bold
TYPE: Bold artistic design with strong shapes

MUST USE:
- Solid color blocks: bg-black, bg-white, bg-red-500, bg-blue-600
- Regular geometric shapes: circles, squares, triangles
- Large typography: text-6xl, text-8xl, text-[10rem]
- Absolute positioning for overlapping elements
- Corners: rounded-none OR rounded-full only
- Rotation for dynamics: rotate-12, rotate-45
- Limited palette: black, white + 1-2 accent colors

MUST AVOID:
- Gradients
- Soft/low contrast colors
- Medium border-radius (rounded-lg)
- Shadows
- Too many colors (max 3-4)
- Symmetrical/conventional layouts

COLOR RULES:
- Base: Black and White
- Accents: Primary colors (red, blue, yellow)
- Maximum 3-4 colors per design

TYPOGRAPHY:
- Headings: font-black uppercase
- Labels: text-xs tracking-[0.3em]
- Numbers: Often used as design elements

## Animation & Interaction Rules

- Blocky Impact: Interactions use solid color hard-cuts and short displacement feedback, avoiding soft opacity transitions.
- Shape Snapping: Geometric decorations can instantly rotate/scale on hover, creating a structural mutation feel.
- Heavy Press: Active state prefers displacement and layer rebound to express pressing, not relying on soft scaling.
- Linear & Fast: Uniformly use duration-100 + ease-linear, rejecting spring feel and slow trailing.