Read the green.

GolfAPI uses tournament green as information, warm paper as atmosphere, and type that moves naturally from editorial story to technical detail.

Course palette

Green 400#22C55EBright emphasis
Green 500#16A34APrimary brand
Green 700#0E652FDepth
Green 800#0B2A1EDeep fields
Page#F3F3EEWarm canvas
Ink#0B0E0CPrimary text

Three voices, one round

EB Garamond · display

A measured approach.

Supreme · interface and body

Fairway conditions remain firm. Plan the landing area before choosing the club.

Spline Sans Mono · technical

PAR 4 / 418 YDS / WIND +08

Token reference

TokenValue
green500#16A34A
page#F3F3EE
display'EB Garamond', Georgia, serif
easePuttcubic-bezier(.4, 0, .2, 1)

CSS starter

:root {
  --golfapi-color-green-500: #16A34A;
  --golfapi-color-page: #F3F3EE;
  --golfapi-font-display: 'EB Garamond', Georgia, serif;
  --golfapi-motion-ease-putt: cubic-bezier(.4, 0, .2, 1);
}

Token files

#16A34A · EB Garamond · 200ms
tokens

Design tokens — JSON

Source: archive/source-material/Color and Icons.dc.html

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

Design tokens — CSS

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

JSON + CSS
bundle

Token package

Source: archive/source-material/Color and Icons.dc.html

Quick open

Find the right yardage.