Three voices, one round.

EB Garamond supplies editorial confidence, Supreme handles the interface, and Spline Sans Mono makes technical details unmistakable.

Families

EB Garamond

Editorial voice. Headlines, pull quotes, the logo’s golf.

400 · 500 · 600 · 400 italic

Supreme

Interface voice. Navigation, body copy, buttons, tables. Flat terminals and squared curves keep it mechanical next to the serif.

400 · 500 · 700 · 800

Spline Sans Mono

Technical voice. Endpoints, code, keys, labels, the logo’s API.

400 · 500 · 600 · 700

Hierarchy

Every course, one endpoint

Display · Garamond 500 · 76/78

Tee times and scoring

H1 · Garamond 500 · 48/52

Authentication

H2 · Supreme 700 · 32/37

Rate limits and quotas

H3 · Supreme 700 · 22/28

Section label

Eyebrow · Supreme 800 · 12/17

Body large. Used for intros and the first paragraph of a docs page, where the line length stays under 70 characters and the reader has not committed yet.

Body L · Supreme 400 · 18/29

Body. The default for running text across documentation, marketing pages and dashboards. Set at 16 with generous leading so long reference tables stay scannable.

Body · Supreme 400 · 16/26

Small. Table cells, captions, helper text under form fields.

Small · Supreme 400 · 14/21

GET /v1/courses/:id/tee-times

Code · Spline 400 · 14/22

Type token files

--golfapi-color-green-500: #16A34A;
tokens

Design tokens — CSS

Source: archive/source-material/GolfAPI Type System.dc.html

Quick open