Design.
What Harper looks like, and why.
Harper reads like a Sunday surf magazine wired to live forecast data. Bone ink on near-black charcoal, three typographic voices feeding a single reading column, no illustrations, no gradients, no ornament. The only splash of colour is a single cerulean full stop at the end of a heading.
Every other pixel is busy carrying forecast signal. That's the whole rule: data over chrome. Depth comes from thin rules, not drop-shadows. Layouts scan like a dashboard on a phone between wetsuit changes.
Three voices, one job. Serif declares, sans reads, mono measures. The voices don't bleed.
Serif · Literata · headlines
October swell, glassy at first light.
Page H1, hero H1, ContentLayout H2. Slab-influenced reading face — warm, weighty, opsz axis auto-selects the display cut at this size.
Sans · Inter · body
A long-period west swell will fill in overnight, easing the morning offshores into a clean shoulder-high window through midday before the afternoon onshore returns.
Body prose, H3, summaries, nav links — anything you read in flow.
Mono · IBM Plex Mono · chrome
Tide 1.2 m · Wind 8 kt NE · Period 14 s · Height 1.6 m
Wordmark, tabular numbers, uppercase chrome labels, code, SVG chart text.
"harper." lowercase, plex mono, the cerulean period doing all the talking.
A single-character mark for avatars, app icons, and anywhere the wordmark won't fit.
Bone on charcoal flipped to charcoal on bone, for light surfaces and print.
Accent stripped out. One-colour lockup for stamps, embroidery, and anywhere colour can't follow.
