05 — Typography

Type system

Archivo Expanded

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

Weight axis — Archivo Expanded 400–700

Feel every stride.

RegularMediumSemiBoldBold

Current: Medium 500 · Drag or use arrow keys

Tagline specimen

An AI-powered horse simulator built for training and fun.

Text hierarchy

  1. 1

    Display / Headings

    Archivo Expanded

    Weights 400–700 · Width 125 (Expanded) · Sentence case · 1.1–1.2 line-height

    Used for all headline levels, section titles, and large display text. The full weight axis is available — pick weight by hierarchy.

  2. 2

    Body text

    Archivo

    Regular 400 · Width 100 (normal) · Sentence case · 1.75 line-height

    Paragraphs, captions, interface labels. Fallback: Helvetica Neue → system-ui.

  3. 3

    Labels & data

    JetBrains Mono

    Regular 400 · All caps · +14% tracking · 11–12px

    Section labels, hex values, specification data, timestamps. Keeps technical content distinct.