Typography

The docs site uses IBM Plex Sans for body copy and Space Grotesk for headings. Product UIs can stay on the Tailwind preset font stack (Roboto + system) or adopt the same pairing for consistency.

Font families

Role	Font
Headings	`Space Grotesk`, sans-serif
Body	`IBM Plex Sans`, sans-serif
Code	`JetBrains Mono`, monospace

Scale guidance

Use case	Suggested size
Hero / page titles	32-48px
Section headings	20-28px
Body copy	14-16px
Helper text	12-13px

Example

<h1 class="text-3xl font-semibold tracking-tight">Project overview</h1>
<p class="text-base text-grey-700">Supporting copy for the section.</p>

Size examples

Display

Design operations overview

Heading

Project milestone review

Body

Teams aligned around the same delivery plan and visual language.

Helper

Use helper text for constraints and validation hints.