-
Typography Why Most Website Body Text Is Too Small to Read
How 16px became the web's default body size, why it is not enough, and what to use instead
Open almost any website and the body text is small. Not unreadably small, but small enough that you lean forward slightly, or increase the browser zoom, or give up and leave. This is a design decision — usually a poorly considered one.
-
Layout How to Use the Swiss Grid System in Web Design
A practical guide to applying grid-based design principles in CSS for cleaner, more consistent websites
The Swiss grid system offers web designers something more practical than historical interest: a systematic approach to layout that makes complex pages easier to build, easier to use, and easier to maintain — and maps directly onto CSS Grid.
-
Layout The Role of Whitespace in Web Design and User Experience
How negative space guides the eye, reduces cognitive load, and makes websites easier to use
Whitespace is one of the most consistently misunderstood tools in web design. Clients ask for it to be reduced. Stakeholders fill it with content. All of these instincts, however understandable, work against the user.
-
Typography How to Create Typographic Hierarchy in Web Design
How font size, weight, and spacing work together to make web pages easier to navigate and read
Typography is the primary tool web designers use to organise information. Before colour, before layout, before imagery — type tells the reader what to look at first, what matters most, and how the content is structured.