Graphic patterns type alignment

Summary

A type-on-pattern page showing how to align text to the pattern's baseline grid, repeating a SUZUKA JAPAN distance block and a RED BULL RING wordmark across micro-grid, cross-grid and striped panels.

Visual description

Cream (#F4F0E8) page with the standard header (title "Graphic patterns / Type alignment", page "149"). The left column notes that when type sits over a pattern, the text should align perfectly to the baseline grid. The main area is a 3-column, 2-row grid of rounded panels. The top row repeats a left-aligned content block, "Location SUZUKA JAPAN" and "Length 3.6135 MI 5.8153 KM", in heavy display caps over three pattern fields (fine grid, denser cross grid, diagonal stripes). The bottom row repeats a stacked "RED BULL RING" wordmark in extra-heavy display caps over the same three patterns, showing the type holding its grid relationship regardless of the underlying texture.

Key takeaway

Proving a type-on-texture rule by repeating the exact same text block across every pattern, so the only variable is the background. Locking display type to the pattern's own baseline grid, which keeps text legible and intentional over a busy field.

Reuse notes

A reusable page for documenting how type behaves over patterns or textured backgrounds. The repeat-the-block-across-variants method reads instantly and is reusable for any "behaviour over background" rule. Pairs with the pattern colour, scaling and use pages. Demo content (circuit names, lap distances) is F1-specific.