13 semantic tokens across a 3-layer architecture — from 72px display headings to 12px captions. Built on Plus Jakarta Sans.
Every text element maps to exactly one layer. Display & Heading lock weight. Body composes weight freely. Label & Caption serve utility roles.
Each token encodes size, line-height, weight, and letter-spacing. Click any row to see details and a live specimen.
Type anything to see it rendered across all 4 layers simultaneously.
Only four weights are loaded. Each has a specific role in the system — no freestyle weight selection.
Every token has a default color pairing. These aren't suggestions — they're the contract between design and code.