What every page is held to.

When in doubt, cut. A part earns its place by being used more than once; a one-off is a page decision, not a system part.

label-mono at 10px for rows and metadata, label-mono-lg at 12px for section and page openers. There is no third size.

Eyebrow strip, display-italic title, hairline. It is one component, used on every page; the chapter version adds a glyph and a counter.

Every corner on the site is square, bands and pull quotes included. The only rounded things are dots and the step circles.

ArrowRight, ArrowUpRight, and the chevrons are the only arrows in the interface. Never a typed arrow in a control; prose may keep one.

Text links hover with the drawn underline, never the browser underline.

ink-muted is the lightest ink allowed for text. ink-faint is for separators, dots, and decorative glyphs only.

A page changes ground at least once, and prints at most one solid block per screen: a Numeral Plate, a Pull Quote, or a Note Band.

spring-snappy for reveals, spring-smooth for things that grow or draw, ease-snap for hover and press. No keyword easings. Reduced motion collapses to a fade.

A number is a figure: chart first, value as a mono data label. Draw only what the study can stand behind.

If a page says six chapters, there are six. If it says seventeen marks, there are seventeen.

Case-study section titles are Title Case, short prepositions lowercase. Brand spellings are kept exactly: XactFlex, MaxLend, Ameris Bank, Level Up Funding, cove, eLOVate, Supplyframe. The role is UX/UI.