Typography
Geist for the UI and headings, Geist Mono for code and aligned numbers. The UI base is 14px (text-sm).
Headings
Quarterly report
Page title. One per screen. Tailwind: text-4xl font-extrabold tracking-tight.
Overview
Main sections. Tailwind: text-3xl font-semibold tracking-tight.
Recent payments
Subsections. Tailwind: text-2xl font-semibold tracking-tight.
Account details
Group and dialog titles. Tailwind: text-xl font-semibold tracking-tight.
Pro plan
CardTitle. Tailwind: leading-none font-semibold.
Text
Track sales and your team in one place.
Page intro in muted-foreground. Tailwind: text-xl text-muted-foreground.
The report compares this quarter with the previous one.
Running text on content pages. Tailwind: leading-7.
Last updated 5 minutes ago
UI default: buttons, fields, tables, menus. Tailwind: text-sm.
Email
Form labels and "small" text. Tailwind: text-sm font-medium leading-none.
Updated Oct 21, 2026
Badges, captions, keyboard shortcuts. Tailwind: text-xs.
Mono
npx shadcn add button
Inline code on muted. Tailwind: font-mono text-sm font-semibold.
$12,480.00
Aligned numbers in tables (tabular-nums), IDs, hashes.