The order in which elements are noticed, controlled by size, weight, colour, position and space.
UI foundation · Visual design
Tag
typography
Entries tagged typography, drawn from across the library. Tags cut through the section structure, which is where most of the useful connections are.
17 entries across 3 sections
Type
Category
Level
17 entries
Shared edges create invisible lines that organise a layout and make it feel deliberate.
UI foundation · Visual design
Relative size is the fastest signal of importance and the easiest one to overuse.
UI foundation · Visual design
Consistent ratios between sizes make a layout feel considered, without needing any particular mystical ratio.
UI foundation · Visual design
Repeating spacing intervals create a pulse that makes long pages feel ordered.
UI foundation · Visual design
Interface typefaces are chosen for legibility at small sizes and complete character coverage, not for character.
UI foundation · Typography
A fixed set of sizes derived from one ratio, so type decisions become selections rather than inventions.
UI foundation · Typography
Using size, weight, colour and space to make the structure of text visible before it is read.
UI foundation · Typography
The most space-efficient hierarchy lever, and the one most often limited by the typeface.
UI foundation · Typography
The space between lines, which governs whether a paragraph is readable and is a WCAG requirement.
UI foundation · Typography
Small adjustments that matter most at the extremes of size, and that should be left alone in between.
UI foundation · Typography
How easily continuous text can be read, governed mostly by size, line length, leading and contrast.
UI foundation · Typography
One file containing a continuous range of weights and widths, usually smaller than the static weights it replaces.
UI foundation · Typography
Type that adapts to viewport and container without breaking user zoom or the accessible minimum.
UI foundation · Typography
Text must scale to 200 percent without breaking, which means never sizing type in absolute units.
Accessibility · Perceivable
Users must be able to increase spacing without content being clipped or lost.
Accessibility · Perceivable