Typography

The Avionics typography system uses two carefully selected typefaces to create a technical, authoritative feel.

Font Families

--f-sans: "Archivo", sans-serif;  /* Variable font with industrial character */
--f-mono: "B612 Mono", monospace; /* Aviation-grade monospace */

Archivo is a variable font designed for industrial and technical applications. B612 Mono was designed by Airbus for cockpit displays.

Heading Styles

All headings use uppercase transformation and expanded width for maximum impact:

h1, h2, h3 {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  font-variation-settings: "wdth" 110; /* Expanded width */
}

Element	Size	Usage
h1	2.5rem (40px)	Page titles, main headings (one per page)
h2	1.5rem (24px)	Major sections, chapter headings
h3	1.125rem (18px)	Subsections, technical labels (uses monospace)