/

Tidepool

Systems

Tidepool

A design system for an ocean-data dashboard, built in the open with the engineers.

preview — cover.jpg

1800 px

get info — project

read only

Client

Tidepool Ocean Data

Year

2026

Role

Design systems lead

Duration

16 weeks

Scope

Tokens, components, documentation

Outcome

60 components, 1 shared token file

Demo project, fictional client

The brief

Tidepool turns sensor readings from the sea into charts for scientists and coastal councils. Five product teams were building five different buttons.

They wanted one system that scientists and developers would both trust.

What I did

I audited every screen, kept what was consistent, and turned the rest into sixty documented components with a single token file for colour, type and spacing.

Engineers and designers reviewed each component together, so the code and the design files never drifted apart.

What changed

New screens now take days instead of weeks, and the accessibility audit passed on the first attempt.

The system has a public changelog, and the teams add to it without needing me.

// Gallery

A closer look.

// outcome

60 components, 1 shared token file

// next step

Like what you see?

Tell me what you’re building. I reply within one working day.

wren@desk ~ % open contact

Got a project? Say hello.

I reply to every message within one working day, usually sooner.

Now

Free from October

Bristol, UK

Reply within a day

Colophon

Set in Geist and Geist Mono

Built on Deskcase

Photos from Unsplash

© 2026 Wren Okafor · a demo portfolio

Every window on this desktop is editable in Framer

Create a free website with Framer, the website builder loved by startups, designers and agencies.