Anti-Art Chaos Collage Absurdity Random Nonsense Cut-Up Destroy Create? Zurich 1916 Anti-Art Chaos Collage Absurdity Random Nonsense Cut-Up Destroy Create? Zurich 1916
ART?
RECEIPT NO. 00000
ITEM: NOTHING
PRICE: EVERYTHING
DATE: NEVER
WHY
"The beginnings of Dada were not the beginnings of art, but of disgust."
this way up ↓
REJECTED
APPROVED(?)

DADA - I S M -

Anti-art chaos: random collage, absurdist typography, beautiful cut-up text, and deliberate visual nonsense. Born in Zurich, 1916. Spread to Berlin, Paris, and New York. Everything you know about design is wrong.
01

VISUAL CHARACTERISTICS look here ↓

Core Trait
← cut here

Collage & Montage

Disparate fragments of text, photography, illustration, and found material are combined without logical relation. Nothing belongs together, and that is the point.

Core Trait

Cut-Up Typography

Letters and words clipped from different sources, mixed in varying sizes, fonts, weights, and orientations within a single word or sentence. The ransom note is the highest form of typographic art.

Core Trait
why?

Random Placement

Elements are positioned by chance or whim rather than by grid, alignment, or compositional principle. Roll dice. Flip coins. Close your eyes and click.

Core Trait

Deliberate Ugliness

Conventional beauty is rejected. Awkward proportions, clashing elements, and visual discomfort are pursued with the same vigor others reserve for harmony.

Core Trait

Overlapping & Collision

Elements pile on top of each other without regard for legibility or spatial logic. If you can read it easily, you have failed at Dada.

Core Trait

Mixed Media Textures

Torn paper edges, rubber stamp marks, ticket stubs, newsprint, and handwritten scrawl coexist in magnificent disharmony.

Core Trait

Visual Contradictions

Arrows point nowhere. Labels describe the wrong thing. Numbers count in wrong order: 7, 3, 12, -1, fish.

Core Trait
the good stuff →

Anti-Composition

No clear focal point. No visual hierarchy. No intended reading order. The viewer must navigate chaos -- or surrender to it entirely.

02

DESIGN PRINCIPLES rules? HA

← read this (or don't)
who wrote this?? ↑

Chance operations: Allow randomness, not intention, to determine everything. Anti-aesthetic: If it looks WRONG, it might be RIGHT. Humor and absurdity are mandatory. Subvert all meaning. Found material is sacred. Nothing is precious.

03

COLOR PALETTE clashing!

PRIMARY PALETTE

Newsprint White #F2EDE3
Ink Black #1A1A1A
Rubber-Stamp Red #CC3333
Dirty Yellow #D4C55A
Carbon Blue #2A4A7A
Cardboard Brown #8B7355

ACCENT COLORS

Bruise Purple #5C3366
Safety Orange #E87020
Mold Green #5A7A4A
Faded Pink #D4929A
Pencil Gray #999999
Void Black #000000
04

TYPOGRAPHY many fonts!

Primary
Special Elite -- 400 -- Typewriter roughness
The machine has spoken. Nobody was listening.
Primary typewriter text; rough mechanical feel. For body copy that looks like it was typed on a broken Underwood.
Body
Courier Prime -- 400, 700 -- Raw monospace
CONFIDENTIAL: This document does not exist.
CLASSIFICATION: ABSURD
Body text; raw monospace typewriter for official-looking nonsense.
Ironic
Libre Baskerville -- 400, 700, Italic -- Formal destruction
Elegance is a polite fiction.
We regret to inform you that meaning has been cancelled.
Ironic formal serif fragments amid chaos. The fine china at a food fight.
LOUD
Anton -- 400 -- Confrontational display
EVERYTHING IS NOTHING
Loud, confrontational display headlines. Shouting into the void, beautifully.
Scrawl
Permanent Marker -- 400 -- Graffiti annotations
this is not a font specimen
Handwritten scrawl for annotations and graffiti. The bathroom wall of typography.
No Grid Overlap Random Rotation Mixed Scales Edge Bleeding Stacking Disorder No Grid Overlap Random Rotation Mixed Scales Edge Bleeding Stacking Disorder
05

LAYOUT PRINCIPLES anti-grid!

01

No Grid

Elements are positioned with arbitrary coordinates; alignment is actively avoided. If something snaps to a grid, move it 13 pixels to the left.

02

Overlapping & Obstruction

Content deliberately overlaps and partially obscures other content; the viewer must work to read. Legibility is overrated.

03

Random Rotation

Every element is rotated by a small random amount (1-8 degrees in either direction); nothing is perfectly level. Horizontal is a myth.

04

Mixed Scales

Combine extremely large and extremely small elements without conventional hierarchy; a footnote might be larger than a headline.

05

Edge Bleeding

Elements are clipped by the viewport edges, suggesting the chaos extends beyond the visible frame infinitely in all directions.

06

Stacking Disorder

Z-index values are arbitrary; important content may be partially hidden behind less important content. Democracy of layers.

07

Responsive Chaos

On smaller screens, the chaos becomes denser rather than reorganizing into a clean mobile layout. Elements stack more aggressively and rotations increase.

06

CSS TECHNIQUES how to dada

Collage Card

Cards with hard ink-black shadows, torn paper edge effects via clip-path, and random rotations. The basic building block of Dada layouts -- a fragment torn from reality.

A Fragment
Torn from its original context and reassembled into something new.

Rubber Stamp Effect

Bold uppercase text with thick colored borders, aggressive rotation, and a repeating linear-gradient overlay that simulates the uneven ink distribution of a physical rubber stamp.

APPROVED
DENIED

Dada Button (Anti-Button)

Ink-black background, red border, typewriter font. Deliberately misaligned arrow decoration. On hover, it rotates the wrong way and turns red. The button that dares you to click.

Redacted / Censored Text

Black-on-black text that is invisible until hovered, revealing hidden content in red. The truth is always there, just hidden in plain sight. Hover the black bars to reveal.

The secret to good design is knowing when to break every rule and then pretend you meant to.

Ransom-Note Text

Each word wrapped in a span, styled with alternating fonts, backgrounds, and rotations using nth-child selectors. Creates the effect of words cut from different sources and pasted together.

We demand nothing from everyone immediately
07

DO'S AND DON'TS obey? never

Do

  • Rotate elements randomly; nothing should be perfectly horizontal or vertical
  • Mix multiple typefaces within a single line or word for ransom-note effect
  • Use torn edges, dashed borders, rubber-stamp textures, and collage overlaps
  • Break conventional hierarchy; the least important text can be the largest
  • Include deliberate contradictions: crossed-out text, mismatched labels, arrows pointing at nothing
  • Embrace the ugly, the awkward, and the uncomfortable; beauty is not the goal
  • Leave evidence of process: visible borders, construction marks, placeholder-like elements

Don't

  • Create clean, aligned, balanced compositions; order is the enemy
  • Use a consistent, harmonious color palette; colors should clash and feel arbitrary
  • Apply smooth gradients or polished effects; the finish should be raw and rough
  • Respect conventional reading order; the viewer navigates the chaos at will
  • Use a single typeface consistently; font diversity is essential to the collage feel
  • Over-design or over-polish; Dadaism must feel spontaneous, not crafted
  • Take the design too seriously; humor and absurdity are core to Dada

DADA is not an art movement. It is an anti-movement. It is the beautiful destruction of everything you thought design should be. It was born in Zurich, 1916 from disgust and chaos and (a very good sense of humor) and it refuses, still, to die quietly. LONG LIVE NOTHING.