Typography System
Typography creates hierarchy, communicates brand, and guides users through content. The AHTG typography system uses Roboto exclusively with a defined scale of sizes and weights optimized for desktop SaaS applications.
Font Family
Rule: Roboto is the only typeface used in AHTG applications. No custom fonts or font stacks.
Headings
AHTG Rule: Maximum headline size is H5 (24px). Larger headings are not used in desktop SaaS interfaces.
Main Page Headline
Section Headline
Body Text
This is primary body text used for main content, descriptions, and paragraphs. It provides comfortable reading for longer passages of text.
This is secondary body text used for supporting content, form labels, and general descriptive text throughout the interface.
Utility Text
Font Size Scale
A defined type scale provides consistency and hierarchy across all interfaces.
Font Weights
Typography Rules
✓ DO:
- Use Roboto only — no custom fonts
- Limit headlines to H5 (24px) maximum
- Use 14px (sm) for general descriptive text
- Use 16px (md) for primary content and large buttons
- Use Medium (500) weight for headings and emphasis
- Use Regular (400) for body text
- Maintain consistent line heights from the scale
✗ DON'T:
- Use H1-H4 sizes in production interfaces
- Mix custom fonts with Roboto
- Use font sizes not in the defined scale
- Use Bold (700) for large blocks of text
- Use Light (300) for small text (below 16px)
- Use all caps except for overline/labels