Free design tools
For the questions you would otherwise wait days to ask a reviewer: can people read this, and does this screen work? Free, no signup, and your work is never stored.
-
AI design critique
No one free to review your screen, and chatbot feedback that calls everything clean.
Upload one screen. Contrast is measured exactly, then an AI names up to three fixes, each placed on your screen and tied to a principle.
-
Color contrast checker
Pasting hex codes in one pair at a time, and missing the line you forgot to test.
Every line of text in a screenshot gets its WCAG ratio, a pass or fail, and the nearest color that passes. Nothing is uploaded.
-
Type scale generator
Font sizes picked one at a time, until the headings stop looking related.
Pick a base size and a ratio. Every step is set in real text at its real size, with a line height and CSS to copy, fixed or fluid.
-
Golden ratio calculator
Multiplying by 1.618 on a phone calculator, then guessing where the gap goes in a two-column layout.
Type one size and get its golden partners, a golden column split for your container, and a spacing scale on 1.618, drawn as you type.
-
Rule of thirds grid
Squinting at a photo to guess where the thirds fall, then cropping it by eye.
Put a thirds or phi grid over any photo or screenshot, mark the subject, and get the crop that puts it on a power point. Nothing is uploaded.
Printable infographics
One-page summaries of the design principles, to print or keep beside your design tool. Free to share with credit.
- 11 gestalt principles of design Download PDF: 11 gestalt principles of design infographic Read the article on 11 gestalt principles of design
- 11 principles of design Download PDF: 11 principles of design infographic Read the article on 11 principles of design
- 7 elements of design Download PDF: 7 elements of design infographic Read the article on 7 elements of design
- Alignment design principle Download PDF: alignment design principle infographic Read the article on alignment design principle