Art must serve the revolution. Design is a weapon of progress and collective transformation.
Soviet red, pure black, aged paper. Every deviation is counter-revolutionary. Gold and brown enter only as minimal accents of print heritage.
Primary — Red Invasion + Diagonal Shift
Size variants — all with diagonal shift + hard shadow
Every interaction follows strict mechanical principles. No fluidity. No organic easing. Pure linear machine movement — duration-75 and duration-100 only.
On hover, a color block sweeps from left to right — absolute inset-0, -translate-x-full to translate-x-0, duration-100 ease-linear. Text stays on top via z-10.
Hover any button to trigger the invasion
On hover, elements shift diagonally — X and Y move simultaneously (translate-x-[4px] translate-y-[4px]). Shadow shrinks from 6px to 2px, simulating a woodblock pressing down.
On active (click/press), colors flip completely — red becomes black, black becomes red. Shadow collapses to zero. The stamp presses down; everything inverts.
Rest state
Active state
Press and hold the button above
Inside cards, the diagonal accent line sits at -rotate-2. On hover, it snaps to rotate-0 — a mechanical correction, like revolution imposing geometric order.
Hover to snap the diagonal line to horizontal.
The tilted line represents organic chaos — hover corrects it.
Revolution straightens what was crooked. Geometric order.
Hover each card to snap the diagonal line
Constructivism is disciplined. Every decision is a political act. These rules are non-negotiable mandates from the collective.
Everything tilts toward revolution
Diagonal lines create tension and urgency. Skewed blocks, rotated headlines, tilted accent lines — the world is in motion, not at rest.
Only hard forms speak truth
Squares, rectangles, triangles. No curves permitted. Geometry embodies the precision of the machine and the clarity of collective purpose.
Letters as visual weapons
Font-black, uppercase, extreme tracking. Giant headlines contrast with tiny body text. Every glyph is a hammer strike, not a whisper.
Constructivism maintains that design is a weapon of progress and collective transformation.
— Rodchenko, 1921
Every border-radius is zero. The square rules. The rectangle serves. Organic forms are counter-revolutionary.
shadow-[4px_4px_0_#1a1a1a] mimics the woodblock press. No blur. No diffusion. Hard-edged like a stamp.
Skewed slabs, rotated headlines, tilted lines. Static horizontals denote stagnation — diagonals mean progress.
Soviet red, pure black, aged paper. Every additional color dilutes the revolutionary message. Discipline is power.
font-black for headlines. Extreme size contrast between title and body. Typography as architecture, not decoration.
duration-75 ease-linear. The machine does not ease-in-out. It starts and stops with the precision of industrial rhythm.