Website built by Ilan Vexlender← Back to portfolio

Is it on today?

swell answers one question for every beach on the coast: should you paddle out right now? The brand is the ocean, measured. Clear numbers, a live wave you can feel, and five colors that tell you how good it is before you read a word.

1.4 mwave height
11 speriod
6 knoffshore wind
Good
Left is onshore, right is offshore

Color

Four base colors from the water and the sand, and one rating scale that carries meaning across the whole product. Tap a swatch to copy it.

The surf rating

Five steps, always in this order, always these colors. A rating is never shown as a number alone.

Flatunder 0.4 m
stay home
Poorsmall or messy
longboard only
Fairsurfable
worth a look
Goodclean, lined up
go now
Epica few days a year
call in sick

Type

A display face with a bit of salt in it, a clean sans for reading, and a monospace for every measurement.

Glassy and lined up.

BRICOLAGE GROTESQUE 80080% width, −4.5%
Headlines, spot names

Offshore until ten, then the sea breeze kicks in. Go early.

BRICOLAGE GROTESQUE 600Verdicts, subheads

Forecasts update every three hours from buoy and model data. Wave height is the average of the biggest third of waves, so expect the odd set a little bigger than the number.

INSTRUMENT SANS 40018 / 30 px
Explanations, guides

1.4 mheight11 speriod285°direction06:42high tide

MARTIAN MONO 50085% width
Every number with a unit

Data components

Every chart answers "when should I go?". Units are always shown, the current hour is always marked.

Tide curve

Now 0.31 m, risingHigh 06:42 · 18:58Low 00:31 · 12:47

Wind compass

Offshore. Wind blows from the land and holds the waves up.

Hour by hour

Lighthouse Reef

Reef break · intermediate
1.4 m11 s · W
Wind 6 kn EWater 23°CCrowd: busy
Good until 10:00. Offshore and clean, gets choppy after lunch.

Buttons

Deep is the main button. Rating colors never go on buttons, so they keep meaning surf quality.

Rules

A forecast earns trust by being right and being clear. Everything else is decoration.

Do

  • Lead with a verdict in plain words, then the numbers
  • Show units on every value: m, s, kn, °, °C
  • Mark "now" on every timeline
  • Keep the rating colors for surf quality only
  • Say when it changes: "good until 10:00"

Don't

  • Stock surf photos of perfect barrels on another coast
  • Gradients on data. A bar is one solid rating color
  • Star ratings or numbers out of ten
  • Hide the source or the update time
  • Surfer slang where a beginner needs a clear answer