Get the Typography Right
A scale that holds up across viewports, languages, and a font that failed to load.
The steps
Your agent works through these in order, and won't break a step it already finished.
Typography Scale
Replace ad-hoc font sizes with a small set of named type steps.
Fluid Typography
Let type grow smoothly with the viewport instead of jumping at every breakpoint.
Text Measure Guardrails
Hold long-form text to a readable line length instead of letting it run the full width.
Text Wrapping Rules
Decide how text breaks, truncates, and hyphenates so nothing overflows or loses meaning.
Font Loading Strategy
Load the custom fonts without invisible text, broken metrics, or a late reflow.
Font Subsetting
Load only the glyphs a page needs, without breaking the alphabets it did not expect.
How to use this collection
One link, several features, one coherent document. Your agent inspects your app once — not once per feature — then implements the set in order, checking after each step that it hasn't broken the last.
Pro users build their own from any features in the library, including their own customized versions.
Go Pro — $28/month