01 · Type

Three pairings to choose from

Switch Ledger (Newsreader, Instrument Sans, JetBrains Mono), Survey (Source Serif 4, Source Sans 3, Source Code Pro) or Core (Bricolage Grotesque, Hanken Grotesk, Spline Sans Mono) in the top bar. All are open-licence. Headings are sentence case. Lines run 55–80 characters.

kickerNorwegian Continental Shelf · licensing

headline

Close to home, and closer every year

section

Where the new acreage sits

standfirst

Most of the awarded blocks lie within tie-back distance of existing infrastructure, which says more about strategy than about geology.

body

Mature basins rarely run out of oil; they run out of cheap oil. A tie-back to a host platform turns a 20 million Sm³ discovery from a stranded resource into a project, and that arithmetic shapes where companies apply.

numbers

· 56 licences · 13.4%

captionFigure captions, axis labels and fact strips use the muted text step (APCA Lc ≥ 60).

02 · Colour

Every hue, the same fifteen steps

Each scale is oklch(L_step, gaussian(L) × C_anchor, H_anchor). Lightness is shared, so step 13 is always body text and step 9 always an emphasis fill, whatever the hue. Adding a colour means adding one anchor. Hover a swatch for its value.

03 · Roles

Pages use roles, never raw colours

Canvas--ss-canvas · shale 1

Surface--ss-surface · shale 15

Text: body, Lc ≥ 90

Text subtle: standfirst, Lc ≥ 75

Text muted: labels, Lc ≥ 60

--ss-text · --ss-text-subtle · --ss-text-muted

Accent Accent soft Info

fill-emphasis + text-on-emphasis (Lc ≥ 60)

Confidence

Observed Derived Interpreted

shape + label + colour, never colour alone

04 · Data colour

Context in grey, the story in colour

Two palettes for two jobs. The story palette is quiet and on-brand: one to three series beside grey context, always labelled directly. The categorical palette is for real identity (operators, for instance). It passes the lightness, chroma, colour-vision and contrast checks in both themes, in a fixed order.

Story · context · highlight

context (slate) · story 1–4 (fjord, cobalt, shale, fjord light) · highlight (ochre)

Categorical · fixed order

ochre · cobalt · haematite · amethyst · malachite · more than five folds into "Other"

Sequential · fjord

Sequential · cobalt

Diverging · cobalt ↔ ochre

neutral midpoint near the background; never red ↔ green

05 · Figures

Every figure states its source, units and confidence

Field C held its plateau while its neighbours declined

Oil and gas production, thousand per day

Source: Synthetic profiles for this preview (not real fields)
Units: k /d; 1 Sm³ o.e. = 6.29 boe
Confidence: Interpreted

Show data table

Five operators hold most of the illustrative acreage

Licences operated, count

Source: Synthetic counts for this preview
Units: licences
Confidence: Observed (style example)
Note: Operators beyond five fold into "Other"

06 · Read and Present

One story, two ways to tell it

Scroll to read: each card moves the chart to its next state. Or press Present: the same states become slides (arrow keys, space, swipe, Esc to leave), with the same d3 transitions.

Step 1

Discoveries came in waves

Counting discoveries by decade shows a rise to a peak, then a long tail. The chart starts neutral: no colour until there is something to see.

Step 2

The 1990s were the busiest decade

One highlight, one annotation. Everything else stays as context.

Step 3

But the finds got smaller

The same decades, now sized by average discovery volume. The bars keep their identity as the measure changes, and the axis rescales first so you can follow it.

Step 4

Busiest is not biggest

Ranked by number of finds, the 1990s lead and the 1960s fall to last. Each bar slides to its new place rather than being redrawn. This is object constancy: the reader never loses track of a decade.

Discoveries per decade

count

Source: Illustrative numbers, shaped like a mature basin
Confidence: Interpreted