Shape Type Game: Master Letterform Typography with Shape Method
A complete guide to the Shape Type game at shape.method.ac. Learn to drag Bézier curves, match famous letterforms, and score shape typography out of 100 for professional design work.
If you've ever tried to draw a letterform from scratch in Illustrator and ended up with something that looked more like a potato than a typeface, Shape Type is the practice you need. It's a free letter shaping game where you drag Bézier curve handles to match famous typeface outlines — then get scored on how close you came. Each round uses a real font like Lubalin Graph, Trajan, or Interstate, with designer credits after you finish. Start playing Shape Type now →
This guide covers how the shapetype game works, practical tips to hit higher similarity scores, and how letterform skills transfer to logo design, custom typography, and vector illustration.
What is the Shape Type game?
Shape Type at shape.method.ac — often searched as shapetype — is a free shape typography game from Method of Action. Each round shows a letter skeleton with Bézier control points. You drag the handles to reshape the glyph until it matches a reference letterform as closely as possible. Submit your answer and the game compares your version to the original, scoring similarity out of 100.
It runs entirely in the browser with no install, no account, and no paywall. Rounds feature real, famous typefaces — not generic letters — so you learn both curve control and type history in a single session.
Why designers love it
| Benefit | What it means in practice |
|---|---|
| Real typefaces, real curves | Each round uses an actual font — Lubalin Graph, Trajan, Interstate — the same letterforms type designers reference |
| Similarity scoring out of 100 | Quantified feedback on how close your curves match the professional original |
| Bézier handle practice | Drag control points just like the pen tool in Figma and Illustrator — builds the same muscle memory |
| Shift to snap, Alt to preview | Keyboard shortcuts mirror professional vector tools — snap handles to axes, preview without submitting |
| Typeface designer credits | Each round names the font and designer — builds typographic literacy while training your hand |
Open Shape Type and match your first letter →
How the Shape Type shapetype game works
The game mechanics mirror real letterform editing in vector design tools:
- A letter skeleton appears — A glyph with movable Bézier control points. The reference letterform is hidden until you submit.
- Drag handles to reshape the letter — Adjust curves, corners, and stroke thickness by dragging control points.
- Use Shift to snap handles — Locks handles to horizontal or vertical axes for precise adjustments.
- Use Alt to preview — Press and hold Alt to compare your letter against the reference without submitting.
- Submit and get your similarity score — The game scores your letterform against the original out of 100. Scores above 90 indicate near-professional curve control.
Try matching your first letterform →
Shape Type game tips to score higher
These strategies help you get closer to 100 and build curve instincts that transfer to real type design.
1. Match the outer contour before inner detail
In shapetype rounds, silhouette accuracy drives the score. Get the major curves and stem positions right first — is the letter wide or narrow? Are the corners sharp or rounded? Tune serifs and minor bumps only after the overall shape reads correctly against the reference.
2. Use Shift for axis-aligned handles
Shift snaps Bézier handles horizontally or vertically. This is the same constraint you use when drawing precise letterforms in Glyphs, Illustrator, or Figma. Use it when the reference shows clear horizontal stems or vertical strokes — snapping handles prevents the subtle rotation that costs points.
3. Alt-preview constantly during editing
Press and hold Alt to see your letterform overlaid on the reference without submitting. Use this constantly — not just at the end. Catch asymmetry early, before you've invested time in fine-tuning the wrong curve. The shape typography rounds reward iterative checking over one-shot guesses.
4. Study contrast and stroke weight before moving handles
Thick-to-thin transitions differ by typeface. Lubalin Graph has high contrast between stems and hairlines; Interstate is more monoline. Read the reference stem width and thicks before you touch a single handle. Guessing the contrast ratio leads to a letter that looks proportionally wrong even if the outline is close.
5. Replay letters you scored below 80
Method of Action shows similarity out of 100. If you scored in the 70s or lower, replay the same letterform immediately while muscle memory is fresh. The second attempt almost always scores higher because you've already internalized where the curves went wrong.
6. Pair with Kern Type sessions
Shape Type trains curves — the shape of letters. Kern Type trains spacing — the distance between letters. When a typeface credit in either game mentions a family you use in client work, play both games back-to-back for that font. Curves + spacing = complete typographic control.
Apply these tips in Shape Type →
From shapetype practice to real design work
The curve control you build in this letter shaping game transfers directly to professional design:
| Shape Type skill | Real-world application |
|---|---|
| Bézier curve fluency | Drawing custom letterforms for logos, modifying existing glyphs for brand marks, creating custom icon shapes |
| Contrast and stroke weight judgment | Knowing how thick a stem should be for a given letter size — the difference between readable and decorative |
| Symmetry detection | Spotting when one side of a letter is slightly off — critical for polished logo work and custom typography |
| Serif and terminal precision | Tuning the fine details that make a typeface feel finished, not sketched |
| Shift+Alt editing workflow | The same modifier key habits you use in professional vector tools, built through repetition |
After a few sessions of Shape Type, you'll open a logo file and immediately see which curves need adjustment. What used to be "the letter looks slightly wrong" becomes "the upper counter is too narrow and the left stem needs 2px of tightening."
Related typography and vector games
Shape Type trains letterform curves. Pair it with these games for a complete design skillset:
Kern Type
Where Shape Type trains the shape of letters, Kern Type trains the space between them. Adjust letter spacing on real typefaces and score out of 100. Both are Method of Action titles — play them together for comprehensive typography training.
The Bézier Game
When Shape Type builds closed letterform shapes, switch to the bezier game for open-path tracing. Practice anchor placement and handle control with minimal nodes — the same pen tool skills used in every vector editor.
Ragtime
Move from letter-level shaping to paragraph-level layout. Ragtime asks you to fix typographic rag — the uneven edges of left-aligned text — by inserting line breaks for editorial-quality rhythm.
All Design Games
Browse the full directory — Method of Action titles, CSS puzzles, memory games, and more typography trainers.
Frequently asked questions
Is this the Shape Type game on shape.method.ac?
Yes. Our Shape Type page embeds the official game from shape.method.ac — the same shapetype trainer published by Method of Action. All scoring, typeface credits, and rounds run on the Method of Action platform.
How does Shape Type work?
Each round shows a letter skeleton that you reshape by dragging Bézier control handles. When you finish, the game overlays your letter on the reference and reports a similarity score out of 100. Hold Shift to snap handles to axes and Alt for a quick preview while editing.
Is Shape Type a shape typography game?
Yes. Players describe it as shape typography or letter shaping practice because rounds focus on individual letterform curves — not full words, color matching, or layout grids. It's typography at the glyph level.
What typography skills does Shape Type teach?
The game builds intuition for stroke weight, curve smoothness, serif design, and contrast ratios — the same decisions type designers make when drawing letterforms in FontLab, Glyphs, or vector editors like Illustrator and Figma.
How is Shape Type different from Kern Type?
Shape Type adjusts glyph outlines — the actual shape of letters. Kern Type adjusts space between letters. Both are type method games from Method of Action with scores out of 100. Shape Type comes first logically — you design the letter, then you kern it.
What typefaces does the Shape Type game use?
Rounds feature real, famous typefaces including Lubalin Graph, Trajan, and Interstate, with designer and foundry credits after each letter. You learn font names and type history while training your Bézier curve skills.
What are the keyboard shortcuts?
Shift snaps Bézier handles to horizontal or vertical axes. Alt shows a preview overlay of the reference letterform without submitting. These are the same modifier key behaviors used in professional vector and type design tools.
Who created Shape Type?
Mark MacKay and Method of Action (method.ac) published the game at shape.method.ac. This page embeds the official site and does not host or modify the game.
Is Shape Type free?
Yes. You can play directly in the browser with no account, no download, and no paywall. All rounds, scoring, and typeface credits are fully accessible.
What if the embed isn't loading?
Some browser settings or network restrictions can block third-party iframes. Try refreshing the page or switching browsers — our Shape Type page loads the official game directly so you can play with full functionality.
What's next after mastering letterforms?
Once letter shaping feels intuitive, move on to letter spacing with Kern Type, open-path tracing with The Bézier Game, and paragraph layout with Ragtime. Together, these four games cover the full spectrum from glyph to grid.
Drawing letterforms isn't a talent you're born with — it's a skill built one Bézier handle at a time. After a few rounds of Shape Type, you'll read a logo's curves with the same fluency that typographers read a specimen book. You'll know when a serif is too heavy, when a stem lacks contrast, and exactly which control point to drag to fix it. Start shaping letters now →