Design Inspiration

Looking for good fonts for dyslexia? The short answer: pick a plain sans serif with clearly different letter shapes, then give it room to breathe. Arial, Verdana, Tahoma, Calibri and Open Sans are the classic picks, and free fonts like Lexend and Atkinson Hyperlegible are great modern options. Special “dyslexia fonts” such as OpenDyslexic sound perfect, but s...

Want a clean, modern website without writing a single line of CSS? Link one stylesheet, write plain HTML, and let a classless CSS framework style everything for you. Sumi.css is our own take on the idea: one small file that turns your headings, buttons, forms, tables and cards into a finished design, in both light and dark mode.

In this

Visual hierarchy is the order in which people see things on a page. You control that order with four tools: size, weight, color and space. Make the most important thing the biggest, boldest or most colorful, give it room, and the eye goes there first. Everything else follows in the order you planned.

Sounds simple, right? It is, once you see it in a...

Kernwise is a free browser game that trains your eye for letter spacing, one word at a time. You drag letters until the gaps look even, then see how close you came to the spacing the type designer built into the font.

Every designer has seen it happen. You set a headline in a lovely typeface, and something feels off. The “W” and “A” sit miles apart while the “r” and...

Want a color palette that looks good without a degree in color theory? Start with a photo you love, pull out its colors with a free tool, trim them down to five, give each one a job, and check the contrast. That’s the whole process.

In this guide, we’ll go through each step with pictures, using free tools that work in your browser. By the end, you’l...