Perfect Paragraph — a typography balance game
Adjust font size, line height and line width across ten exercises using Matej Latin’s typography triangle teaching model.
Resources
Discover useful things. Build your library. Share your finds.
Learning 18
Typeyeah Type Games — a typography arcade
Four browser mini-games for practicing kerning, recognizing typefaces and serifs, and playing with the text baseline.
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.
Kern Type — a kerning practice game
A free browser game for developing an eye for letter spacing: reposition letters, receive a score and compare your result with a reference solution.
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.
Logo Histories: logo design stories and research
Richard Baird’s research publication on the ideas, context and development of historical logos, with free previews and paid full access.
LogoArchive: historical logo research library
A paid curated library of modernist logos, with industry, style and thematic search and saved references.
Tubik Blog — Design Articles, Case Studies & Practical Guides
A large design publication covering UI/UX, branding, web design, illustration, motion, design processes and detailed real-world case studies.
Colorsinspo — Color Palettes, Gradients & Design Tools
A free platform with thousands of curated color palettes, generators, gradients, contrast tools, tutorials and other resources for designers.
Google Design — Product Design Stories, Guides & Resources
Google’s editorial platform covering UX, Material Design, typography, AI, design systems, accessibility and the process behind digital products.
Archives.design — Digital Archive of Historic Graphic Design
A curated collection of historic design books, brand guidelines, posters, type specimens, editorial pieces and other graphic design documents found on Internet Archive.
AIGA Eye on Design — Graphic Design & Visual Culture Editorial Archive
An AIGA editorial archive covering branding, typography, design history, books, digital design, education and contemporary visual culture.
Laws of UX
An illustrated reference to psychology and UX principles, with practical takeaways, further reading and free educational posters.
Movin Easings – Animation Curve Editor
An easing gallery with a cubic-bezier editor, motion previews and code examples for web animation.