Brand guidelines
Typography
Main typeface, roles and hierarchies, and approved alternative fonts.
Updated Aug 10, 2026
Main typography
Outfit is Leonardo’s primary typeface for brand moments, product UI, and long-form reading. It is geometric, confident, and versatile across weights 300–700. Prefer Outfit from the approved font files or licensed web source—do not substitute lookalikes.
“Typography should feel intentional—clear in product, expressive in brand.”
Outfit
Primary family · 300–700
Leonardo builds clarity into every surface.
Weights
Approved weights only
Light 300 · Regular 400 · Medium 500 · SemiBold 600 · Bold 700
Roles and hierarchies
Use one clear hierarchy per view. Display leads; titles structure; body carries reading; labels and meta stay quiet. Keep line length around 60–75 characters for body text.
Display
Outfit SemiBold · ~48–72px · -0.03em
Build with clarity
Title
Outfit SemiBold · ~28–36px · -0.02em
Guidelines that teams can actually use
Body
Outfit Regular · 16–18px · 1.6–1.7
Body copy explains the system in plain language. Keep paragraphs short, line height open, and contrast strong against the surface.
Label
Outfit SemiBold · 11–12px · +0.12em
UPDATED · ASSET · FORMAT
Meta
Outfit Regular · 12–13px
PDF · 512 KB · July 2026
- 01
One display moment
Use a single expressive display line per viewport or section opener.
- 02
Step down cleanly
Move Display → Title → Body → Label/Meta without skipping straight from display into dense meta.
- 03
Protect reading
Body stays Regular on light surfaces; avoid long stretches of Medium/SemiBold for paragraphs.
Alternative fonts
When Outfit cannot be embedded—legacy Office decks, restricted environments, or partner templates—use only these approved alternatives. They are substitutes, not brand equals; return to Outfit whenever possible.
Clarity under constraint
Arial
Office & Microsoft 365 fallback
Arial, Helvetica, sans-serif
Use for PowerPoint, Word, and Outlook when Outfit is unavailable. Keep hierarchy via size/weight only.
Clarity under constraint
Helvetica Neue
Design-tool / macOS fallback
Helvetica Neue, Helvetica, Arial, sans-serif
Acceptable in Keynote or local design comps when Outfit files are not installed.
Clarity under constraint
System UI
Product fallback stack
system-ui, Segoe UI, Roboto, sans-serif
Emergency web fallback only. Do not ship marketing pages on system UI when Outfit can load.
Clarity under constraint
Georgia
Long-form print exception
Georgia, Times New Roman, serif
Rare exception for dense printed reports where a serif improves extended reading. Never for brand heroes.
Do
Specify Outfit first in CSS/font stacks, then approved fallbacks. Match weights as closely as the substitute allows.
Don’t
Don’t introduce decorative, script, or condensed novelty fonts. Don’t mix multiple fallbacks in one composition for style.
Downloads
Typography specimen
Hierarchy samples and usage notes for brand typefaces.
Updated Jul 8, 2026
Brand categories