02 / Typography Scale
Typography Rules
Display Hero
Display / Hero — 64px / 700–900 / 1.10 / -3px — Inter
Section Heading
Section Heading — 48px / 600 / 1.10 / -2px — Inter
Sub-heading
Sub-heading — 20px / 600 / 1.20 / -0.25px — Inter
Body large text for intro paragraphs and section descriptions with comfortable reading rhythm.
Body Large — 18px / 400–500 / 1.40 / normal — Inter
Standard body text for paragraphs, navigation links, and button labels. Inter provides geometric precision at every weight.
Body / Button — 16px / 400–700 / 1.25–1.40 / normal — Inter
Caption text for descriptions and metadata labels
Caption / Label — 14px / 400–600 / 1.00–1.40 / normal — Inter
Tag / Small Badge
Tag / Small — 12px / 500 / 1.00–1.60 / normal — Inter
npx create-expo-app@latest my-app
Code Body — 16px / 400–600 / 1.40 / normal — JetBrains Mono
import { Camera } from "expo-camera";
Code Caption — 14px / 400–600 / 1.40 / normal — JetBrains Mono
REACT NATIVE
Code Small / Tag — 12px / 400 / 1.60 / uppercase — JetBrains Mono