← back to the gallery

CTHDRL: dark circular-mask creative-studio landing

Tier
inspiration
Roles
hero, feature, proof, footer
Feel
dark, premium, editorial, minimal, depth, cold
Motion
marquee, wipe, pan, reveal, tabs
Source
public-site
Site
https://cthdrl.co/
Licence
Captured from the live site; description only, no redistribution of the source.
Captured
2026-09-16
Captures
frames: Screencast_20260916_145447.webm
both: https://cthdrl.co/

What it does

CTHDRL frames its work as a compact, full-screen cultural index. An almost-black, grainy surface, warm off-white grotesk type and fine circular construction lines hold the page together while large project names, film stills and retail imagery replace one another inside the same stage. A small 0/14 counter treats the work portfolio as a sequence to navigate instead of a feed to browse.

Section roster

hero ("Navigating cultural currents in a digital world" with header marquee and project counter), feature (the full-screen work slideshow: Terminal, Jeen-Yuhs and further indexed projects), proof (named work and its image/film evidence), footer (CTHDRL/Studio mark, Work and Contact routes, and the closing credits).

Why it works

The circular mask turns the project switch into the page's signature device: each new case study feels uncovered rather than merely replaced. Restrained type and a nearly monochrome palette keep the archival imagery legible, and the small counter gives the oversized stage a clear navigation model. Cost to weigh: the approach puts every project inside one prescribed rhythm, so weaker imagery or too many similar transitions can make the sequence feel uniform.

Sources

- Recording capture (`Screencast_20260916_145447.webm`, 15.0 seconds, 30 sampled frames): establishes the circular-mask project hand-offs, media pan and title/counter changes. - Live capture (https://cthdrl.co/): confirms the full-screen 14-work structure, the header marquee, and measured canvas, ink and font tokens.