Iceberg

Item: Iceberg
Rating: 7.2

Transmedia documentary about hidden initiatives tackling the climate crisis.

icebergdoc.org Save page

7.2/10MABTU rating

DESKTOP · 1440 × 18,202/ ↗

MOBILE · 390

Section outline · Home

01heroBlack field, giant cropped type
02introThree misty forest photo bands with short statements
03statementCoral band, centred large paragraph
04collageScattered initiative cards over dark field
05featureOverlapping coral and grey boxes on alpine photo
06contactCentred paragraph and contact link
07footerNewsletter, links, giant wordmark

Rating · Home

Visual design7.9

UX & clarity6.7

Originality8.3

Craft & consistency7.0

Motion7.5

Performance & a11y4.5

This page scores 7.2; the site score weights the home page double.

Main colours

Mixed sections·black background·vivid

Typography

Neue Montrealbody · sans · self-hosted

Stack & style

Nuxt Vue Lenis

Bold typography Editorial Photography-led Grain / texture Hero video Parallax Pinned sections Smooth scroll Sticky header Text reveal Transparent header

Also: Vercel, Google Analytics

Design DNA

Heavy condensed grotesque set edge-to-edge and cropped ('CHANGE BEGINS', 'ICEBERG') over black, alternating with full-bleed misty forest and mountain photos carrying short white paragraphs. A coral full-width band introduces a scattered collage of initiative cards (photo, coral or white caption block) floating over a dark field with a thin coral progress rail. Podcast and crowdfunding appear as overlapping coral and grey boxes on an alpine photo. Footer ends with a giant distressed ICEBERG wordmark.

Worth borrowing

Scatter case cards at different offsets over a dark field instead of a grid to make a story map.
Crop display type past both viewport edges so headings feel bigger than the screen.
Close the page with a full-width distressed wordmark under a newsletter and links row.