Foundations

Typography

Two families, clear jobs. Noto Serif Bold carries the moments – display titles, step headings, editorial accents. Manrope does everything else: body, sections, labels, buttons. A third family (Space Grotesk) was retired in April 2026 so the app ships exactly two.

There is no italic Noto Serif in the app. The editorial accent – the intro headline’s terracotta Joyfully. – is Noto Serif Medium in the accent colour, sitting inside the bold navy headline. Weight and colour do the work, not slant.

Type scale

Every specimen below renders at its exact token size, weight, line height and tracking.

Plan Your Forever, Joyfully.
display Noto Serif 700 36/47 tracking 0 hero and screen titles (intro headline)
Let’s build your plan
h1 Noto Serif 700 28/40 tracking -0.9 onboarding step headings
Upcoming tasks
h2 Manrope 500 22/32 tracking 0 section headers
Book your florist
h3 Manrope 500 20/28 tracking 0 card titles
One plan for the two of you, built around your wedding date.
bodyLg Manrope 400 16/26 tracking 0 spacious screens (intro subtitle)
Songs you’d consider. Listen to the full track – the bridge can throw you.
body Manrope 400 15/24 tracking 0 paragraph body (task description)
One plan, two seats. Your subscription covers both of you.
bodySm Manrope 400 13/20 tracking 0 banner copy
Continue
btn Manrope 700 14/20 tracking 0.2 CTA labels – sentence case
Wedding size
label Manrope 500 12/16 tracking 0.4 field labels, kickers
CEREMONY
caption Manrope 500 11/16 tracking 2.2 category chips

Rules that travel with the scale

Serif descenders

Serif headings keep line height at 1.3× the font size or better – below that, the tails of g, y and p clip on Android.

Android optical size

Android renders Noto Serif optically larger than iOS at the same point size, so serif display headings step down 8% on Android only.

Sentence-case CTAs

Button labels are sentence case with 0.2 tracking. The old 1.4 tracking was tuned for all-caps and retired with it.

Nothing below 11px

Caption (11px) is the floor. If copy doesn’t fit at caption size, shorten the copy.