Fewer alignment modes make structure easier to read
Aliases: mixed alignment · too many text-aligns
What it is
A dialog with a centred title, start-aligned body, end-aligned buttons and a centred help link runs four rule-sets in four hundred pixels. Each block makes the reader rediscover where the track is. Fewer alignment modes make structure clearer because each extra mode is another spine to learn.
The default track is almost always start-aligned, plus one exception (a centred hero). A third mode starts charging tuition.
Why it happens
One alignment defines one default track. Tracks do not interpolate: jumping from a start-aligned paragraph to end-aligned buttons switches coordinate systems. Multiply the modes and the page is a sampler of local customs; a scan cannot predict the next origin.
Mixing is often sold as emphasis: price end-aligned, title centred, caption start-aligned — three leads, so none. Type size, weight and position buy emphasis cheaper than a new alignment. Justified body on a narrow screen also adds irregular word spacing, noise on the right in addition to the left-edge track — another mode in practice.
Where it stops holding
Tables that end-align numbers and start-align labels serve two jobs (scan magnitudes vs read words); that second track is earned. Chat that parks own bubbles at the end and others at the start is encoding speaker, not a decorative third mode. Magazine pages may change composition every spread; that is not a tools UI.
Internationalization wants start/end rather than left/right. That is the same “primary track plus exception,” not a new alignment philosophy.
Applying it
- Freeze a default alignment per template (tools UIs are almost always start). Write the allowed exceptions as a list: which modules may centre or end-align, and why.
- When a new alignment appears, ask whether weight or position could say the same thing.
- How to check: walk every screen in a flow and count alignment modes (start, centre, end, justify). More than two: snap the extra one back to default and see whether priority actually fell. If it did not, delete that mode.
Related
- Same group: F2.05.1 Alignment draws an invisible spine the eye can ride · F2.05.3 A locally centred object breaks the page spine
- Nearby: F4.05 Type alignment · F4.18 Figures and numeric alignment · F2.14 Content-first layout order
- Search terms:
mixed alignment·text-align·justified type·alignment modes