Marea Surf School
Marea, primary logo Marea

Marea, a surf school for first waves and families on Fuerteventura.

The tide seal and the wordmark. The seal is a round sea cut by one soft swell; the same swell runs under the crossbar of the e.

Marea, reversed on Atlantic

Reversed

Dune on Atlantic. One colour, no outline, no glow. Over photographs it keeps a scrim of Atlantic at 50 to 60% behind it, so the swell stays readable on white water.

Whitewater rolling onto a dark volcanic shore under a blue sky, Fuerteventura
Marea logo over a photograph
Over a photograph. Photo: Fuerteventura by Fernandes Paula c, CC BY-SA 4.0, Wikimedia Commons. Stand-in until the school's own pictures.
Marea seal in Oxide, as a board sticker

Board sticker: the seal in Oxide on a Dune disc, on the deck near the nose, so it reads from the beach.

The seal, down to 16 pixels

For the favicon, the app icon, the rash vest and the board. The cut is a seventh of the disc, wide enough to stay open at the smallest size.

  • Marea seal 128 px
  • Marea seal 64
  • Marea seal 32
  • Marea seal 16

Favicon and touch icon: the seal in Dune on an Atlantic tile. This page's own tab icon is the same file.

Marea
Marea
The e, crossbar as a swell

The detail

One detail: the underside of the e's crossbar is the swell from the seal. The tide sits inside the name.

The wordmark is Fraunces Bold, lowercase, tracked minus 20, outlined so it never depends on a loaded font. Its soft, slightly wonky serifs keep it warm for children and parents; nothing in it is sharp.

Sand, sea and volcano

Taken from the island, not from the surf shop wall: the pale dunes, the deep Atlantic past the reef, the rust of the old volcanoes, the turquoise of the shallows where lessons start.

The logo is one colour. Atlantic on light grounds, Dune on dark ones, Oxide only for the sticker and signage.

Oxide is for shapes and big words. It holds 4.3:1 on Dune: enough for the seal and headlines, not for body text.

Shallows lives on Atlantic. Links, highlights and the tide times on dark screens; on Dune use the deeper teal #007F95.

Two faces

Your first wave is a small one.

Headlines in Fraunces at large optical size: soft serifs, round counters, the same voice as the wordmark.

Fraunces

Display. Bold 700 and Regular 400, optical size 144 for heads, 36 for intros. Google Fonts, OFL.

Figtree

Text and interface. Regular 400 and Semibold 600, 16 px and up. Google Fonts, OFL.

Lessons, times, prices and booking. Round and plain, so a parent can read the schedule on a phone in the sun.