Brand Guide › Typography
Typography
Two typefaces do all the work: Montserrat for display and UI, Open Sans for body. Cinzel appears only in the PURE wordmark. This is the existing canon from fable.css.
Typefaces
Montserrat
Display & UI — headings, buttons, labels, tile titles. Weights 600 / 700 / 800. Tight, confident, geometric.
Open Sans
Body & long-form — paragraphs, descriptions, table data. Weights 400 / 600 / 700. Highly legible at small sizes.
PURE
Cinzel — wordmark only. Never use it for headings or body. It exists to set the logotype apart.
Type scale
Rules
Do
Headings in Montserrat 800. Body in Open Sans. Eyebrows uppercase with letter-spacing. Use text-wrap:pretty on headings.
Don’t
No Inter, Roboto, or Arial. Don’t use Cinzel outside the wordmark. Don’t go below 12px in product, 24px on slides.
PURE Brand Guide · Typography