Dishaun Codjoe
Case Study

Pluto — Digital Marketing Agency

Pluto Agency (concept / spec project)

Editorial marketing site for Pluto, a senior-team growth studio. Word-by-word hero reveals, parallax case studies, and a motion system tuned for "marketing that compounds.

Pluto — Digital Marketing Agency
Project Date2026
Timeline
IndustryWebsite
Budget Range

Description.

Editorial marketing site for Pluto, a senior-team growth studio. Word-by-word hero reveals, parallax case studies, and a motion system tuned for "marketing that compounds.

Pluto is a bespoke, production-grade marketing site built around a single promise — marketing that compounds. The site pairs an editorial design language (Fraunces display + Inter Tight) with a custom motion system: mask-up headlines, word-by-word reveals, scale / blur / slide variants per section, parallax imagery inside rounded frames, and a scroll-progress bar driven by the page scroll.

Architecture is Next.js 16 App Router with server components by default, dynamic case-study routes (/work/[slug]), a single-source-of-truth data layer (lib/data.ts), and Tailwind CSS v4 using CSS-first @theme tokens. Every interaction respects prefers-reduced-motion, navigation is keyboard-accessible with a visible skip-link, colour contrast meets WCAG 2.2 AA, and images are served through next/image with remote patterns. The result is a site that reads like a magazine and scrolls like an app.

Features.

Custom scroll-reveal system with 9 variants (up, up-lg, fade, scale, blur, slide-left, slide-right, mask-up, clip)

Word-by-word headline animation with overflow masks + subtle rotation

11 routes shipped

9 bespoke motion variants

11
routes shipped
9
bespoke motion variants
WCAG
WCAG 2.2 AA colour-contrast compliant throughout
0
runtime CSS frameworks beyond Tailwind v4