Applying subheads hierarchy

Summary

A hierarchy page demonstrating how subheads relate to headlines (capped at 50% of the headline size) across three grid frames, with x-marked measurements and numbered notes.

Visual description

Full-bleed BK red (#E5392A), standard utility header. The left column holds a brown "Applying Subheads" heading and a paragraph noting subheads should be at most 50% of the headline typesize. The right shows three cream frames with faint column grids: each pairs a large red "This is a headline" with a smaller red subhead, plus tiny muted body copy, demonstrating three relationships (subhead set to the headline's second-line height, subhead at the headline's column width, and subhead spanning the first two of three columns). Small "x" letters mark measured intervals along the grid lines. Brown numbered badges (1, 2, 3) sit on the frames and repeat as a legend lower-left.

Key takeaway

Annotating relative type sizing with repeated "x" units on the grid, so the proportional rule (subhead at most half the headline) is shown as measured spacing rather than absolute points. The three side-by-side cases cover the common subhead placements at once.

Reuse notes

A solid template for documenting type hierarchy in proportional terms. Reuse the "x" interval marks and the consistent placeholder copy so multiple relationships read against one another. Continues the headline page's grammar with the same numbered-callout convention.