Internal, temporary

What the site is made of

Colours, text styles and buttons. Everything below is live, straight off the site.

Colours

Five, and that is all of them. Click one to copy its code.

Text styles

Three fonts. Each one has a job.

Geist

Almost everything. Headings, sentences, links, buttons.

Page title48px

Sensors that resolve

Section title32px

Sensors that resolve

Card title24px

Sensors that resolve

Sub-heading18px

Sensors that resolve

Body text16px

The instrument reads chlorophyll, dissolved organic matter, hydrocarbons and plastics in the upper water layer, at spatial scales below one metre. This is the size and colour every paragraph on the site is set in.

Small text14px

Card descriptions, captions, table cells.

Geist Mono

Labels and numbers only. Never a sentence.

Section label13px

Field record

Table heading12px

Region

Numbers and units14px

48 bands, 250-800 nm, 0.42 mg·m⁻³

Dates and coordinates14px

2026-06-17 · 54.6208 N, 018.4021 E

Big number40px

0.42

Source Serif 4

Rare. Research and company pages, where the writing is long.

Editorial title48px

Twenty years of fieldwork

Editorial lead20px

Where flow-through systems average across a tow, the instrument resolves each metre of it, and the difference shows up wherever the water is not uniform.

Buttons

Two. They trade places when you hover them. Try it.

Main button

Aqua fill. Turns white on hover.

Second button

White with an aqua edge. Fills with aqua on hover.

Side by side

How they ship. The second one never appears alone.

Text link

An aqua link inside a sentence.

Underlines on hover.