Typography

Overview

Clinsoft pairs SF Pro Display for headings and short UI text with Inter for paragraphs and long‑form copy. This combination delivers a modern, platform‑native feel (SF Pro on Apple devices) with excellent readability and international coverage (Inter). Use SF Pro Display to establish brand character in titles, navigation, section headers, and key labels; use Inter for body text, long descriptions, policy pages, emails, and docs.

Specifications

Families & roles

Heading & short UI: SF Pro Display Weights 600 (Semibold) for Headings

Body & long-form: Inter Weights 400 (Regular) body, 500 (Medium) emphasis/subheads.

SF Pro Display

Inter

Usage

Use SF Pro Display for headlines, section titles, navigation, CTAs, and form group labels ≥ 16 px.
Use Inter for all paragraph text and dense content; prefer Neutral 900 for body color.
Keep weight usage simple: two weights per page (e.g., 600 for headings, 400 for body); add 500 sparingly for emphasis.
Industry‑standard neutrals & functional hues simplify cross‑team adoption and vendor workflows.

Don’ts

Don’t set body paragraphs in SF Pro Display at ≤ 16 px.
Don’t rely on color alone to signal hierarchy use size/weight/spacing.

Rationale

SF Pro Display provides a familiar, trustworthy feel on Apple devices and strong display characteristics for hero copy. Inter excels at long‑form readability and cross‑platform rendering, reducing eye strain for clinical documentation. Limiting weights and families improves performance and keeps hierarchy predictable.

Quality checks

On a standard laptop at 100% zoom, confirm Body 16/24 is comfortably readable. Verify heading/body contrast and hierarchy without relying on color. Test fallbacks: view on Windows and Android to ensure headings still look balanced.