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.

firstprompt

Masuk

0/39

Kamu membaca sebagai tamu — progres hanya tersimpan di perangkat ini.

GratisMelihat seperti desainer

Empat tuas sebuah desain

4 menit baca·Pelajaran 2 dari Melihat seperti desainer

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.

latihan

Buka Claude Cowork di komputermu sendiri dan coba ini pada file sungguhan. Setiap modul diakhiri checkpoint tempat kamu mengirim hasil karyamu.

Buka di Claude

Berikutnya

Sebutkan arahnya

Keep the layout, colors, and content exactly as they are.
Change ONLY the typography: choose a distinctive display face with real
personality for the headline, set it dramatically larger than the body,
and use a monospace face for small labels. Do not touch anything else.

Empat tuas sebuah desain

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