ANDY WARHOL STYLE
1962 — PRESENT
ANDY WARHOL STYLE
1962 — PRESENT
ANDY WARHOL STYLE
1962 — PRESENT
ANDY WARHOL STYLE
1962 — PRESENT
Five colors only. Zero gradients, zero exceptions. Pure flat fills drawn from Warhol's silkscreen prints and Lichtenstein's comic panels.
Color Rule: Flat Fills Only
Each rule is a live demo. Hover, click, and interact with each card to feel the rule in action — not just read about it.
Exaggerated tilt + scale like a comic SFX panel bursting from the frame. Never use hover:translate-y alone — all three (scale, rotate, translate) are required.
Two overlapping halftone layers simulate the Lichtenstein color-shift effect. Base black layer deepens; offset red layer appears on hover.
All transitions use duration-100 ease-out — rubber-stamp speed. Never duration-200 or slower for hover/active states in Pop Art.
Inward press pushes the element and shadow back toward zero, creating a punchy tactile click feel like a rubber stamp.
Action word labels are a core Pop Art interface element. Hover each starburst to trigger the Comic Pow! animation.
These are not suggestions. Pop Art has rules — strict, unyielding, Warhol-approved rules. Break them and you're building generic UI.
border-4 border-black — thick outlines on every element
shadow-[6px_6px_0_#000] — hard offset, zero blur
Ben-Day dual dot layers for halftone texture
font-black uppercase tracking-widest typography
bg-[#ffdd00] bg-[#ff69b4] bg-[#00bfff] — pure flat fills
hover:scale-110 hover:-rotate-3 — Comic Pow! exaggerated tilt
duration-100 ease-out — Punchy Motion speed
active:shadow-[2px_2px_0_#000] — Active Snap inward press
No gradients — flat color fills only, always
No low-saturation, gray, or muted palette
No border-1 or border-2 — minimum border-4
No shadow-md or soft blurred shadows
No rounded-full on main containers
No minimal or clean design language
No duration-200 or slower — must be duration-100
No single-layer Ben-Day dots — always dual layers
No hover:translate-y alone without scale + rotate
Pop Art 风格来源于 20 世纪 60 年代的波普艺术运动，以 Andy Warhol 和 Roy Lichtenstein 为代表，通过大胆色块、粗黑轮廓和半色调网点创造视觉冲击。核心理念：粗黑轮廓强调形状， 高饱和色块纯色平涂填充，Ben-Day dots 是标志性纹理，漫画对话泡泡等元素融入界面。