Things placed close together are read as belonging together, before anything is read.
UI foundation · Gestalt principles
Tag
spacing
Entries tagged spacing, drawn from across the library. Tags cut through the section structure, which is where most of the useful connections are.
8 entries across 2 sections
Type
Category
Level
8 entries
Consistent ratios between sizes make a layout feel considered, without needing any particular mystical ratio.
UI foundation · Visual design
Empty space is a design element that groups, emphasises and sets pace, not leftover area.
UI foundation · Visual design
How much information occupies a given area, which should follow the user's expertise and task rather than a house style.
UI foundation · Visual design
Repeating spacing intervals create a pulse that makes long pages feel ordered.
UI foundation · Visual design
The space between lines, which governs whether a paragraph is readable and is a WCAG requirement.
UI foundation · Typography
A fixed set of spacing values, so every gap in the product comes from the same vocabulary.
UI foundation · Layout
Named values that carry design decisions, so a change happens once rather than in every consuming file.
Design system · Foundations