Foundation
Typography
Nunito for headings (warm, rounded, authoritative) paired with Nunito Sans for body text (clean, readable, clinical).
Type scale
| Style | Size / Line | Weight | Letter-spacing |
|---|---|---|---|
| H1 | 36px / 40px | 700 | -0.02em |
| H2 | 30px / 36px | 600 | -0.015em |
| H3 | 24px / 32px | 600 | -0.01em |
| H4 | 20px / 28px | 600 | -0.005em |
| H5 | 18px / 26px | 500 | 0em |
| Paragraph Large | 18px / 28px | 400 | 0em |
| Paragraph Regular | 16px / 24px | 400 | 0em |
| Paragraph Small | 14px / 22px | 400 | 0.01em |
| Paragraph Mini | 12px / 18px | 400 | 0.02em |
Examples
Patient Dashboard
36px / 40px700-0.02emNunito
Appointment History
30px / 36px600-0.015emNunito
Clinical Notes
24px / 32px600-0.01emNunito
Section Heading
20px / 28px600-0.005emNunito
Small Heading
18px / 26px5000emNunito
This patient has been scheduled for a follow-up consultation. Please review the prior diagnosis notes before the appointment.
18px / 28px4000emNunito Sans
Medications updated. Blood pressure reading: 120/80 mmHg. Next check-in recommended in 4 weeks.
16px / 24px4000emNunito Sans
Last updated by Dr. Santos · Feb 25, 2026 · 09:14 AM
14px / 22px4000.01emNunito Sans
Metadata, captions, and compact labels
12px / 18px4000.02emNunito Sans