Design tools

Small tools for colour, type, motion, icons and layout

51 tools. Each opens in a new tab.

Pick
Utopia (opens utopia.fyi in a new tab)
Typography · Free
Generates fluid type and space scales that grow smoothly between two viewport widths.
Fontjoy (opens fontjoy.com in a new tab)
Typography · Free
Font pairings chosen by a model of what pairs well: lock a face and generate its partners.
Fontshare (opens fontshare.com in a new tab)
Typography · Free
Indian Type Foundry's free library of quality typefaces, licensed for personal and commercial use.
Free Faces (opens freefaces.gallery in a new tab)
Typography · Free
A curated gallery of free typefaces, each shown set in its own specimen.
Uncut (opens uncut.wtf in a new tab)
Typography · Free
A catalogue of free and open-source typefaces made by independent designers.
WhatTheFont (opens myfonts.com in a new tab)
Typography · Free
Upload a picture of lettering and get the typefaces it most resembles.
Type Scale (opens typescale.com in a new tab)
Typography · Free
Preview a modular type scale with your own font and ratio, then copy the CSS.
Wakamai Fondue (opens wakamaifondue.com in a new tab)
Typography · Free
Drop in a font file to see its OpenType features, variable axes and supported characters.
Wordmark (opens wordmark.it in a new tab)
Typography · Free
Type a word and see it set in every font installed on your computer.

Tools