Brand / Visual Guidelines
Download .md Download brand assets →Typography
Typography is built on Roboto, used in roughly 99% of brand materials.
Roboto is a strong fit for this brand because it combines modern clarity with approachable warmth, aligning with the company's philosophy of adapting and evolving with change. Its clean, geometric structure communicates professionalism and trust, while its subtle humanist curves keep it accessible and open.
As a highly versatile typeface family with a wide range of weights, Roboto supports flexible expression — from bold, confident headlines to clear, readable body text.
Primary weights — Roboto Regular (400) and Medium (500). These do most of the work: Regular for body, captions, and supporting copy; Medium for titles, headlines, and emphasis.
Caveat (cursive) is a sanctioned secondary face for rare handwritten-annotation moments — a human aside, never a headline or body face.
Size relationships (directional)
- Title is roughly 2–2.5× the body size.
- H1 is roughly 1.5–2× body.
- H2 is roughly 1.25–1.5× body.
- H3 is roughly 1–1.1× body, distinguished by color/weight rather than size.
- Body is the baseline.
- Captions / fine print sit at 0.75–0.85× body.
Always design with bold size contrast between title and body. Timid hierarchy is a hallmark of weak layouts.
Type rules
- Tracking: Roboto's defaults are correct. Do not letter-space body copy. The wordmark "CHAMPION AI" is the only place where wide tracking is intentional.
- Line length — the number of characters that fit on one line of body text. Aim for ~50–75 characters per line; wider than that becomes hard to read, narrower fragments the rhythm.
- Line height (leading) — the vertical space between lines of text. Use ~1.4–1.6× the font size for body, and ~1.1–1.25× for headlines. Tighter for headlines, looser for body.
Type don'ts
- Don't use all-caps for body copy (only the wordmark).
- Don't use italics for emphasis (Roboto Italic is not in the system). Use color or weight instead, sparingly.
- Don't underline anything except hyperlinks.
- Don't apply text effects (shadow, outline, glow, gradient fill).
- Don't combine Roboto with another typeface for "personality." Roboto carries the whole system — Caveat is the sole sanctioned exception, and only for rare handwritten asides.