Tabular lining rows and tables

Summary

The tabular-lining demonstration page: a giant left-aligned stack of decimal numbers proving the figures line up, set beside two dark timing-table panels that contrast lining ON (clean) with lining OFF (struck through in red).

Visual description

Warm cream background with the usual top hairline ("Visual Identity / Typography", headline "Tabular glyphs", subhead "Rows and tables", page "113"). A narrow left column of body copy explains tabular lining and how to activate it (OpenType, lining tabular figures), listing the four weights it ships in. The center holds five rows of oversized black decimal numbers (+0.430, +1.692, +2.568, +3.857, +4.645) stacked so every decimal point and digit aligns vertically into clean columns. To the right, two dark navy rounded panels styled like an F1 timing screen show a leaderboard of three-letter driver codes and lap-gap times: the left panel ("Tabular lining: ON") aligns perfectly, the right panel ("Tabular lining: OFF") has a red diagonal strike and visibly jagged number columns. Small captions explain each.

Key takeaway

Proving an abstract type feature by showing it in its real context, a live-looking F1 timing leaderboard, rather than in the abstract, and pairing the working version directly against a struck-out broken one. The oversized aligned decimal stack makes the "lines up" claim self-evident.

Reuse notes

Ideal for documenting tabular or lining figures where the payoff is alignment in data. Borrowing the product's own UI (here a timing screen) as the demo makes the guidance concrete; swap in whatever table the brand actually ships. Best paired with the preceding glyph-grid page.