Driftime

Item: Driftime
Rating: 7.3

Driftime studio's 2025 impact report on work, partners and community.

2025.driftime.com Save page

7.3/10MABTU rating

DESKTOP · 1440 × 6,241/ ↗

MOBILE · 390

Section outline · Home

01headerSound and menu toggles, chapter dots
02heroGradient cover with condensed caps
03introPinned giant headline, letter card with signature1,674
04chaptersHairline rows with gradient thumbnails and two text columns1,960
05footerCredits and partner logos303

Rating · Home

Visual design7.6

UX & clarity6.5

Originality7.8

Craft & consistency6.8

Motion7.0

Performance & a11y8.0

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

Main colours

Light·light grey background·mono

Typography

Koulenheading · font · self-hosted Instrument Serifbody · serif · google Helvetica Neueaccent · sans · system

Stack & style

Next.js Lenis Three.js React Tailwind CSS Sanity

Bold typography Editorial Gradient-heavy Pinned sections Smooth scroll Sticky header Text reveal Transparent header

Also: Vercel

Design DNA

Warm grey #DCDCD6 canvas. The cover is a black-to-red-to-yellow vertical gradient behind an ultra-condensed all-caps 'IMPACT REPORT' in pale grey with '2025' in outlined pill numerals. A pinned headline in the same condensed face ('A quick look at our year') fills the width at about 200px while a white letter card with a portrait, serif body copy and a signature scrolls over it. Chapters follow as hairline rows: a gradient poster thumbnail, a serif chapter title, two columns of body text and a circular arrow button.