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