Decouple is a storybook-style headless CMS agency landing page built on a Tech Glass visual identity. It guides visitors through a scroll-jacked manifesto experience, moving from bold provocations about monolithic content systems to a single waitlist call to action. The design uses void black, holographic lilac, refracted cyan, and molten pearl to make invisible API-first architecture feel tangible and urgent.
by Rocket studio
Loading preview…
Quick summary
Decouple is a single-page, scroll-driven landing page for a headless content management system agency. The page argues, section by section, that monolithic content platforms are obsolete. Visitors scroll through a manifesto built in oversized variable-weight type, animated architecture diagrams, and real-time latency counters before reaching a minimal waitlist form.
Who this template is for
This template is built for agencies and studios that position themselves at the frontier of content infrastructure. It speaks directly to technically sophisticated buyers who already feel the pain of legacy systems.
Headless CMS agencies that want a landing page matching the ambition of their architecture pitch
Freelance developers and digital studios pitching VP-level engineering leads or editorial directors at scaling companies
Startup founders or agency founders building a waitlist before a formal launch or Series B push
What problem this template solves
Most agency landing pages look like brochures. They list services, show logos, and add a contact form. That approach fails when your product is a belief system, not a feature set. Decouple solves the gap between what a headless CMS agency actually does and what a typical portfolio page communicates.
Visitors arrive skeptical of another "API-first" pitch and leave having scrolled through a structured argument
There is no pricing page to second-guess and no scope form to fill out before trust is established
The waitlist mechanic creates genuine scarcity without fabricating urgency
What you get with this template
You get a full storybook landing page that functions as both a product pitch and a belief-conversion experience. Every section is designed to advance a single thesis before asking for anything.
A scroll-jacked header that assembles manifesto text letter by letter as the visitor scrolls, backed by a rotating 3D wireframe content model graph
Full-page provocation sections with animated architecture diagrams, real-time latency comparisons, and client logo materialisation inside the wireframe graph
Theme
Tech Glass
Creative direction
Manifesto
Color system
AI Iridescent
Style
Storybook/Full-Page
Direction
Waitlist/Coming Soon
Page Sections
Scroll-jacked Manifesto Header
Full-page Provocation Sections
Iridescent Interactive Elements
Waitlist Conversion Frame
AI Iridescent Color System
Related questions
Does this template include a contact form or booking flow?
Can I edit the manifesto text and provocation statements?
What exactly is the scroll-jacked header experience?
Is this template designed for a live agency or a pre-launch waitlist?
What is the secondary PDF link in the waitlist frame?
A dissolve-to-waitlist final frame with a single email input, a live waitlist position counter, and a secondary PDF manifesto download link
Feature list
This section covers the core built-in capabilities delivered by the Decouple template.
Scroll-Jacked Manifesto Header
The viewport locks on load. As the visitor scrolls, manifesto text assembles character by character in oversized variable-weight type. Each letter arrives with a subtle glass-refraction distortion effect. Behind the text, a translucent 3D wireframe of a content model graph rotates slowly, with nodes pulsing in lilac and cyan as connections form between content nodes, API endpoints, and delivery channels.
Full-Page Provocation Sections
Each major section occupies the full viewport and presents a single bold statement. Provocations such as "Your CMS should not dictate your frontend" and "Ship to forty surfaces from one source of truth" are followed immediately by supporting evidence: animated architecture diagrams, latency comparison counters that tick down in real time, and client logos that materialise inside the wireframe graph.
Iridescent Interactive Elements
Every interactive element carries a thin iridescent border that shifts hue as the cursor approaches. This applies to buttons, scroll progress indicators, and the scroll track itself. The effect simulates oil-on-asphalt light behaviour, reinforcing the Tech Glass visual identity without relying on flat colour fills.
Waitlist Conversion Frame
The final scroll-jacked frame dissolves the manifesto into a single input field. The call to action reads "Claim Your Slot." A live counter shows the visitor's waitlist position. A line of microcopy below reads "We onboard four agencies per quarter. Priority goes to the list." A secondary ghost-text link offers the full manifesto as a downloadable PDF for visitors not yet ready to commit.
AI Iridescent Color System
The palette uses void black as the dominant background across every full-page section. Holographic lilac and refracted cyan appear only inside gradients that wash across section transitions and hover states. Molten pearl handles all body text and micro-labels. No accent colour ever appears as a flat fill, keeping the palette dynamic and depth-oriented throughout.
Page sections overview
Section
Purpose
Scroll-jacked header
Assembles manifesto text and reveals the rotating content model wireframe
Manifesto provocation one
States "Your CMS should not dictate your frontend" with supporting diagram
Architecture evidence
Animated content delivery architecture diagram enters the viewport
Latency comparison
Real-time counters show delivery speed across surfaces
Provocation two
States "Content is data. Treat it like data."
Multi-surface delivery
Visualises delivery to apps, kiosks, AR overlays, smartwatch faces
Client logo section
Logos materialise inside the wireframe graph from the header
Final provocation
States "Ship to forty surfaces from one source of truth."
Waitlist conversion frame
Single email field, live counter, microcopy, and PDF download link
Design & branding system
The visual identity runs on a Tech Glass theme expressed through an AI Iridescent colour system. The aesthetic is intentionally unsettling in a precise way: surfaces look solid until they shimmer, and colours appear to exist only at certain angles.
Void black (#09090B) covers every full-page background; lilac (#C4B5FD) and cyan (#67E8F9) appear only in gradient washes across transitions and hover states, never as flat fills
Molten pearl (#F0EAFF) handles body text, micro-labels, and supporting copy throughout the page
Variable-weight typography scales up to oversized display sizes in the header, with the font weight itself used as an expressive tool across provocation headings
Mobile & speed optimization
The template is structured for a single-page scroll flow, which keeps the layout focused and reduces unnecessary DOM complexity. Scroll-jacked animations are scoped to intentional viewport moments rather than continuous background loops.
Full-page sections stack cleanly on smaller viewports, preserving the manifesto rhythm on mobile without losing the provocation-to-evidence flow
The waitlist frame reduces to its essential elements on narrow screens: one input field, the live counter, and the two conversion links
How this template helps you convert
The entire page is built around one conversion goal: getting a work email into the waitlist before the visitor leaves. Every design decision serves that goal.
The scroll-jacked manifesto replaces the typical hero-and-features pattern with a guided belief-building experience, so by the time the visitor reaches the waitlist frame they have already made up their mind
The live waitlist position counter and the "four agencies per quarter" microcopy create real, communicated scarcity without fake countdown timers
The secondary PDF download link captures visitors who are persuaded but not yet ready to commit, converting intent into a trackable email exchange through value delivery
Other information about this template
Decouple is built specifically for the headless CMS agency niche and the portfolio and agency category. It is one of the few templates designed with a Storybook full-page scroll structure rather than a conventional service page layout.
The template style is classified as Storybook/Full-Page, meaning the narrative arc of the page is a deliberate design constraint, not an aesthetic choice layered on top
The waitlist direction means there is no pricing section, no service menu, and no calendly-style booking widget by design
The Manifesto creative direction makes this template well suited for agencies launching a new positioning, rebranding from a generalist studio to a headless CMS specialist, or building pre-launch demand before a product reveal
