Reef Tribe
A conservation-led reef restoration project, still in planning for the Philippines and not yet operating or permitted.
01Context
Reef Tribe is a conservation-led reef restoration project, still in planning for the Philippines and not yet operating or permitted. I founded it and designed it myself. Joining is free: become a Reef Tribe supporter and stay close to the work as it begins.
02The problem
People who care about reefs are asked to help, but most sites do not make the state of the reef, or the planned work, feel close enough to join.
03Primary / secondary colors and fonts
#FBF8F1#10262B#1F7A73#0E3A40#E9785A#A8442BAa Bb Cc
The quick brown fox jumps over the lazy dog.
Marcellus is --font-title, used for large display type. Montserrat is --font, the body sans.
04Logo
The live site uses this clay-colored mark in the header, at 128 and 256 pixels.
05Visual system
The homepage hero starts as a bleached reef; colour returns as you move or paint across it. Paper, ink and teal sit under that image, so the interface stays quiet while the reef carries the colour.
06Design decisions
A hero you can paint back to colour
over a static bleached-reef photograph, because the existing project notes describe that interaction as the way the site lets you help bring the reefs back to life, on screen, before the in-water work begins.
07Final product
08Live site
On a wide screen, scroll the live site inside the laptop. The page, and its animations, run as they do on the real site. On a phone, open the live site with the link under the laptop.
Visit the live site →Open reeftribe.org to scroll the live page and its animations.