AIOX Design Starter Brandbook

01TypographyFont Families & Scale

Display / Headlines

Space Grotesk Bold

ABCDEFGHIJKLMNOPQRSTUVWXYZ 0123456789 !@#$%&*

--font-bb-display // Space Grotesk 500-700 // Hero, headlines, section titles

Sans / Primary

Manrope Semibold

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !@#$%&*

--font-bb-sans // Manrope 400-800 // Body, interface copy, navigation

Mono / Technical

IBM Plex Mono Medium

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 {}<>[]()=>

--font-bb-mono // IBM Plex Mono 400-600 // Labels, specs, code, status

4remDisplaySTARTER

2.5remH1Page Title

1.5remH2Section Title

1remBodyThe quick brown fox jumps over the lazy dog.

0.8remSmallSecondary text, descriptions, and supporting content.

0.65remLabelHUD Labels // Navigation // Status

0.6remMicroFooter Meta // Class Names // Refs