What you just learned

The four levers: typography, color, motion, background — every "designed vs generated" difference lands in one of them. Typography: two faces with clear jobs and an extreme scale jump beat one polite face. Color: one dominant ground plus one scarce accent beats an evenly-balanced palette. Background: layered depth and one motif beat flat white void. Motion: one orchestrated sequence beats scattered fades — and "change only X" is how you pull a single lever in a prompt.

Du liest als Gast – dein Fortschritt wird nur auf diesem Gerät gespeichert.

KostenlosDer Designblick

Die vier Hebel eines Designs

4 Min. Lesezeit·Lektion 2 aus Der Designblick

In the next five minutes you will know the four levers that turn a generic page into a designed one — and you will have pulled one of them yourself, on your own artifact.

Anthropic's own guidance for getting better-looking output from Claude — the docs, the cookbook, the frontend-design skill — keeps returning to the same four dimensions. Learn to see them separately and you can diagnose any page in under a minute.

Here is the same flat, competent, undirected page with one lever pulled at a time. Nothing else changes between the two sides of each slider.

Lever 1 · Typography

Only the type changed: an editorial serif at nearly twice the size, one italic word, mono for the labels. Same colors, same layout.

Type is the strongest lever because it is the one readers feel first. The base page uses one typeface at one polite scale — no voice. The right side commits: a display face with personality, an extreme size jump for the headline, a second face (mono) for the small labels. Two faces with clear jobs beat one face doing everything.

Lever 2 · Color

Only the color changed: one dominant ground, one sharp accent, used maybe five times. Same type, same layout.

Notice what the right side is not: it is not five colors in even amounts. It is one dominant color that owns the page and one accent that earns attention precisely because it is scarce. Timid, evenly-balanced palettes are a tell; commitment is a decision.

Lever 3 · Background and depth

Only the background changed: a layered wash, one drawn motif, a shadow that means it. The palette is still gray.

Übung

Öffne Claude Cowork auf deinem eigenen Computer und probier das an echten Dateien aus. Jedes Modul endet mit einem Checkpoint, bei dem du einreichst, was du gebaut hast.

In Claude öffnen

Benenne die Richtung

Die vier Hebel eines Designs

Lever 1 · Typography

Lever 2 · Color

Lever 3 · Background and depth

Lever 4 · Motion

The technique: pull one lever at a time

What you just learned