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