Design Challenges

Two near-identical interfaces, one of them subtly wrong. Getting past the third level takes an unreasonable amount of care.

Match hue, saturation and complementary colours against a target, one exercise at a time, scored out of a hundred.

Recreate a target image in as few characters of CSS as possible, then watch somebody do it in half as many.

A hundred consecutive interface prompts delivered by email — the sign-up flow, the 404 page, the calculator, day by day.

Shoot the alien whose colour matches the hex code shown. Learning to read hex by sight is an accidental side effect.

Spot the serif among the sans-serifs before the timer runs out. Ten seconds long and disproportionately stressful.

Space the letters of a word by eye, then see the typographer's answer laid over the top of yours. Reliably humbling.

Names a pixel size and asks you to drag a box exactly that big. Nobody is as good at this as they assume.

Drag the control points of a letter back into shape. Your score is how far off the real typeface you landed.

Random design briefs with a countdown attached, for when the problem is not skill but having nothing to work on.

Teaches the pen tool by making you trace shapes with the fewest possible anchor points. Level nine is genuinely cruel.

Combine shapes with union, subtract and intersect to hit a target silhouette in as few operations as you can manage.

Bisect angles, find midpoints and judge parallels by eye, then get told in pixels precisely how wrong you were.

Drag a hundred colour chips into one perfect gradient. The score tells you how good your colour vision actually is.