The framework in one sentence

A single type family — Inter — carries the entire system. Roles are distinguished by weight, size and color, not by different families.

The family

Inter. Designed by Rasmus Andersson and released as open source. Distributed through Google Fonts and self-hosted on the site. A geometric sans serif of digital origin, warm enough not to read cold, with a full weight range (100–900) that lets it operate as both display and body without changing family.

Aa

Inter

The single family of the Zaga system

9 weights · Thin 100 → Black 900

Full Latin coverage · consistent metrics

ABCDEFGHIJKLMNÑOPQRSTUVWXYZ

abcdefghijklmnñopqrstuvwxyz

0123456789 · ¿? ¡! & @ # % · áéíóú

100 Thin Nearshore that feels like next door
300 Light Nearshore that feels like next door
400 Regular Nearshore that feels like next door
500 Medium Nearshore that feels like next door
600 SemiBold Nearshore that feels like next door
700 Bold Nearshore that feels like next door
900 Black Nearshore that feels like next door

It was chosen for three reasons:

  • Full system coverage. Nine weights and optical adjustments resolve everything from a hero headline to a footnote without reaching for a second family.
  • Alignment with the brand personality. Clear geometry and neutral terminals that read as competent without shouting authority. It is the typographic translation of the “senior colleague to senior colleague” tone.
  • Frictionless operation. Open source, available on every platform, with consistent metrics across web, presentations and documents.

Typographic philosophy

The single-family discipline is intentional. Pairing two families opens the risk of inconsistency across media and suppliers; three is a technical luxury that rarely holds. Inter has the range not to need company.

Hierarchy is built with three variables: weight, size and color. Not with a different family, not with added decoration, not with capitals forced outside their intended uses.

Roles within the family

Display. Large headlines, the site hero, section openers and editorial headings. Set in Inter at heavy weights (Semibold 600 to Bold 700) and large sizes. This is the brand’s voice in the front line.

Body and UI. Extended body copy, interface, subheads and secondary text. Set in Inter at medium weights (Regular 400 and Medium 500). This is the brand’s voice in long conversation.

Support. Metadata, labels, captions and microcopy. Set in Inter at small sizes and Regular 400, with a muted color so it doesn’t compete with the main content.

General usage rules

Hierarchy through weight and size. The distinction between levels is achieved by combining both, never one alone.

Visible contrast between levels. If two consecutive texts use nearly the same weight and size, the hierarchy collapses. Every level must read as distinct from the one before it.

Legibility first. Every treatment is tested against real reading. Stylistic adjustments that compromise extended reading are discarded.

Accessibility is non-negotiable. No type-and-color combination is approved without meeting WCAG 2.1 level AA at minimum.

No ad hoc substitutes. When Inter is unavailable in the environment (a legacy document, a closed corporate system), use the platform’s default sans — Helvetica, Arial or system-ui. Never another third-party font.