The interlocking-T weave

One engine: a single seam-free vector tile (419 by 279, exactly one repeat period, about 3:2), embedded in tokens.css as a data-URI and applied as an alpha mask over a flat fill. The fill is --brand-pattern-ink, so the same art recolours to any surface. Upright, no tilt, ever. Tune it only through tokens: --brand-pattern-opacity and --brand-pattern-size (keep the size at about 3:2 and scale both numbers together).

And it is a band element, never a ground. Every correct use below is a bounded panel with hard edges; a full-page or full-sheet weave ground is banned at any opacity, which is why .brand-zone was deleted from pattern.css. Opt-in per band, never on body, never behind a whole layout.

.brand-field · white ink · opacity .08
The default navy band. Subtle enough to sit behind running text.
.accent-band · denser tile · opacity .12
Masthead or footer strip. Louder and denser because the band is short.
.brand-field-night · navy ink · opacity .85
Deep Night canvas where the weave IS the graphic. Poster and cover use only.
.brand-field · scaled via tokens only
Scale is a token knob, both numbers together, ratio held at about 3:2.

The accent rule

.accent-rule ships in the same sheet and carries no weave: a 6 by 120 pixel bar of the green hero gradient, lime to dark green, never flipped. It is the underline under a hero or a section head. Use the class rather than hand-rolling a div with a gradient on it.


Banned: on a light print surface, or as a ground

The weave never touches a light PRINT surface. Not at 0.07, not at the 0.04 watermark, not behind a footer. .brand-field-light and .brand-watermark are SCREEN-ONLY legacy classes: they stay defined so already-shipped on-screen pages keep rendering, and they are banned in new work and on anything printed. .brand-zone, the page-height fading field, is deleted outright; a full-sheet ground on any colour is the same violation. The class existing is not an argument. No rendered example of the light treatment appears on this card on purpose.