GoDesign Technologies LLP

7 Quick Games for Designers to Sharpen Your Eye in a Break

The best designer games are short, free browser games that score your eye: KernType for letter spacing, Shape Type for letterforms, Color for colour harmony, Pixactly for size, The Bézier Game for the pen tool, Can't Unsee for UI detail and It's Centred That for alignment. Each takes a few minutes and trains one skill you use on real projects.

By Usman · · Updated 28 October 2026 · 6 min read

Seven quick browser games for designers: kerning, colour, curves and alignment practice

What are designer games?

Designer games are small browser games built to test one perceptual skill and tell you straight away whether you got it right. You space a word, nudge a curve or judge whether a dot sits in the middle of a circle, and the game compares your answer with a correct one. That instant feedback is what makes them useful. On a client project you might wait days to hear that the kerning in a wordmark looks off; in a game you find out in two seconds.

They are not courses and they will not teach you software. What they do is train the eye behind the software: spacing, curves, colour and alignment. Those are the things a client notices without being able to name, and the things a senior designer fixes first when reviewing a junior's file.

Contents card listing the sections of this article: What are designer games?; 7 designer games to play in a break; Which skill each design game trains; How to use designing games without losing an afternoon; Do design games make you a better designer?; Design games or game design?
What this article covers.

7 designer games to play in a break

All seven run in a desktop browser and were free to play when we checked them in October 2026. They are the ones our designers in Islamabad actually go back to, in the order we would suggest trying them.

1. KernType

KernType gives you a word set in a real typeface with the letters spaced badly. You drag each letter until the gaps look even, then the game overlays a typographer's solution and scores how close you came. If you only play one game on this list, play this one. Uneven spacing is the most common flaw in amateur logos and headings, and KernType trains you to see optical space rather than measured space, which is the whole point of kerning.

2. Shape Type

Shape Type shows a letter with one part of it wrong and asks you to drag the Bézier handles until it matches the original glyph. It teaches you how real type designers build curves: where the stroke thins, how a bowl meets a stem, why an 'o' overshoots the baseline. That knowledge pays off whenever you customise a typeface for a wordmark, which is half of the logo fonts conversations we have with clients.

3. Color

Color runs you through rounds on hue, saturation, complementary, analogous, triadic and tetradic colours. You pick the colour you think completes the set, and the game shows the correct one beside yours. After a few sessions the colour wheel stops being a diagram in a textbook and becomes something you can judge by eye when a client's palette feels slightly wrong.

4. Pixactly

Pixactly asks you to draw a rectangle at an exact size, say 140 by 60 pixels, with no rulers. You get scored on how far off you were. It sounds trivial. In practice it sharpens the size estimates you make all day in Figma: is that button big enough to tap, is that icon the same size as the one beside it, is this margin the same as that one.

5. The Bézier Game

The Bézier Game is a pen-tool tutorial dressed as a game. You trace a series of shapes, from simple arcs to full letters, and the game suggests how many points a clean path needs. Most beginners use far too many anchor points, which is why their vectors look lumpy. Working through every level once does more for pen-tool fluency than a week of tracing logos.

6. Can't Unsee

Can't Unsee shows two versions of the same interface element, a card, a toggle, a list item, and you choose the one that is more correct. The differences are a pixel of misalignment, an inconsistent radius, a shadow that falls the wrong way. It is humbling at the later levels, and it is the best game here for anyone who designs or reviews app and website screens.

7. It's Centred That

It's Centred That gives you a run of shapes, each with a dot inside, and you decide whether the dot is in the middle. Some dots are off by only a few pixels, and the hardest shapes are the ones where the visual centre is not where the maths puts it. It takes about as long as making a cup of tea and it shows how often your eye needs correcting.

Which skill each design game trains

Pick the game that matches the work in front of you. This table is the short version.

GameSkill it trainsBest beforeDevice
KernTypeLetter spacing (kerning)A logo, heading or posterMouse or trackpad
Shape TypeLetterform curvesCustomising a wordmarkMouse or trackpad
ColorColour harmonyBuilding a paletteAny
PixactlyJudging size by eyeUI layout workMouse or trackpad
The Bézier GamePen tool and clean pathsVector illustration or logo drawingMouse or trackpad
Can't UnseeUI detail and consistencyA design reviewAny
It's Centred ThatOptical alignmentPlacing icons and marksAny

How to use designing games without losing an afternoon

These games are addictive in the way any scored game is, and an hour of KernType is procrastination with good posture. A few habits keep them useful:

  1. 01Play one game, for ten minutes at most, then go back to work.
  2. 02Match the game to the task: KernType before setting a logo, Can't Unsee before reviewing a set of screens, Color before choosing a palette.
  3. 03Write down your score once a week. When it stops rising, the skill has moved into your normal judgement and you can rotate to another game.
  4. 04Replay the levels you failed rather than the ones you passed. The failures are where the learning is.
  5. 05Use a mouse or trackpad for the precision games. On a phone your thumb gets in the way of the very detail you are trying to see.

If you are a student and want a longer route, with games that build towards vector work, colour codes and web layout, our list of graphic design games for students sets out a learning path with eight different games.

Do design games make you a better designer?

They make you a sharper judge, which is not quite the same thing. Good design still comes from understanding the brief, the audience and the content. What the games do is remove small, repeated errors: spacing that is slightly uneven, curves with a kink, an icon that sits a few pixels low. Clients rarely point to those errors, but they feel them, and work that is free of them reads as professional.

That matters more now than when this list was first written. Tools in Figma, Canva and Adobe Firefly can produce a layout from a prompt in seconds. Someone still has to look at it and decide whether the type is spaced properly and the alignment holds. The faster the drafts arrive, the more of a designer's day is spent judging, and these games are cheap practice for exactly that.

Design games or game design?

Some people searching for design games want something else: tools for designing video games, such as Unity, Godot or GameMaker, or courses in game design. This article is about the opposite direction, games that teach graphic and UI design skills. If you came here for game development, those engines are the right starting point, and the games above are still a good warm-up for the interface and typography side of a game.

Common questions

What are the best games for designers?
KernType, Shape Type, Color, Pixactly, The Bézier Game, Can't Unsee and It's Centred That. Each is a free browser game that trains one skill, such as letter spacing, curves, colour or alignment, and scores you against a correct answer.
Are designer games free?
All seven games in this list were free to play in a browser when we checked them in October 2026.
Do design games work on a phone?
Color, Can't Unsee and It's Centred That are fine on a phone. KernType, Shape Type, Pixactly and The Bézier Game need precise dragging, so a mouse or trackpad gives a fairer score.
Are these games useful for non-designers?
Yes, for anyone who reviews design work, such as founders, marketers and product managers. Can't Unsee in particular teaches you to name what looks off in a screen, which makes your feedback to designers far more useful.
How long before design games improve my work?
There is no fixed timeline, so track your own scores. Short daily sessions usually show steady gains at first and then a plateau, and the plateau is a good sign: the skill has moved into your everyday judgement.
What are the best designing games for graphic design students?
Start with KernType for spacing and The Bézier Game for the pen tool, because both skills show up in every logo and layout. Students who want a fuller learning path can add vector, colour-code and CSS layout games such as The Boolean Game, Hexcodle and Flexbox Froggy.
Is a design game the same as game design?
No. A design game is a short game that trains graphic or UI design skills. Game design is the craft of making video or board games, usually learned with engines such as Unity or Godot.

Keep reading

Start a project

Want this applied to your business?

Tell us what you are working on. You get a reply from the team within one working day, usually a short call and then a fixed quote.

An email or a phone number is enough; we reply on whichever you give.

Start a project

Tell us what you are building