Typeyeah Type Games — a typography arcade
Four browser mini-games for practicing kerning, recognizing typefaces and serifs, and playing with the text baseline.
Collections
Practice design fundamentals
Practice centering, dimensions, UI details, color, typography, vector curves and CSS layout through focused exercises. Scores provide feedback within each game’s rules, not a complete measure of design skill.
Deslove
Resources: 8
Pixactly — a pixel-dimension estimation game
Draw a rectangle to match a target width and height by eye, then review your accuracy across five rounds.
The Boolean Game — vector shape puzzles
A free browser game for practicing boolean operations: combine basic shapes to recreate target silhouettes in puzzles of increasing difficulty.
Color — a color-matching practice game
A timed browser game for matching target colors and practicing hue, saturation, complementary, analogous, triadic and tetradic color relationships.
Can't Unsee — an eye-training game for interface details
Compare similar interfaces, choose the stronger option, and practice noticing spacing, typography, alignment and icon details.
Flexbox Froggy: learn CSS Flexbox through play
A free browser game with 24 CSS puzzles. Guide frogs onto their lily pads while learning flex alignment, item order, direction and wrapping.
The Bézier Game — pen-tool and curve practice
A free browser game for tracing outlines with anchor points and control handles while using as few nodes as possible.
It's Centred That — Designer Eye & Centering Game
A free browser game for designers where you decide whether a dot is really positioned in the exact center of a shape.