Catalog is an asymmetric 60/40 landing page template built for e-commerce marketing agencies. It pairs a collage-style hero with manifesto-driven scroll sections, a three-step progressive lead form, and an Electric Indigo color system. The layout is designed to turn skeptical DTC founders and brand managers into booked clients.
by Rocket studio
Catalog is a single-page template for e-commerce marketing agencies that need to convert high-intent visitors into partnership inquiries. It uses an asymmetric 60/40 grid, a confrontational manifesto scroll flow, and a three-step progressive form. The visual identity is bold, backlit, and built around proof, not promises.
This template is built for agencies that work at the intersection of creative direction and conversion performance. If your clients are brand managers watching return on ad spend decay, or founders stuck at a revenue ceiling, this page speaks their language directly.
Most agency landing pages describe what they do without proving they understand the client's pain. Visitors leave without taking action because nothing on the page earns their trust fast enough.
You get a fully structured, single-page layout that guides a visitor from diagnosis to conviction to a booked inquiry. Every section is purposeful and ordered to tighten the argument with each scroll.




Theme
Lens & Frame
Creative direction
Manifesto
Color system
Electric Indigo
Style
Asymmetric Grid (60/40)
Direction
Partnership/B2B
Page Sections
Collage Scrapbook Header
Manifesto-driven Scroll Flow
Three-step Progressive Lead Form
Fixed Navigation Call to Action
Email-gated Teardown Library
Electric Indigo Color System
Who is this landing page template designed for?
What does the three-step lead form include?
Can I adapt this template for a specific e-commerce service focus?
What is the secondary conversion path on this page?
What makes the visual style distinct from a standard agency template?
This template ships with a set of layout and content decisions that work together as a system. Each feature below is directly drawn from the page structure described in the brief.
The 60-column header is built as a scrapbook of campaign assets. Overlapping frames, slight rotations, a polaroid-style before/after panel, and torn ad copy strips make the opening section feel like a working creative director's desk rather than a polished agency homepage.
Each scroll section opens with a bold, confrontational declaration in the 60-column. The 40-column then reveals supporting evidence such as a heatmap screen recording, a conversion lift figure, or a side-by-side page teardown. The tone escalates from diagnosis to proof across every section.
The primary contact form is split into three low-friction steps. Step one asks for a store URL. Step two presents a monthly revenue band selector. Step three asks a single open field: "What's broken and you know it?" There is no phone number field and no company size dropdown.
The primary call-to-action button labeled "Send Us Your Store" appears first after the third manifesto block. It then locks into the navigation bar on scroll so it stays visible without interrupting the reading experience.
A second conversion path offers a "See the Teardown Library" link for visitors not yet ready to submit their store. The library is gated by email capture on entry, giving the agency a second lead touchpoint from the same page.
The page uses four precisely assigned colors. Deep screen-glow indigo anchors backgrounds and section dividers. Charged violet activates hover states and interactive user interface elements. Bleached studio white provides breathing room between dense sections. Conversion pink is reserved exclusively for calls to action and key proof points.
| Section | Purpose |
|---|---|
| Collage Hero Header | Opens with scrapbook campaign assets and a manifesto headline |
| Manifesto Block One | Delivers first confrontational declaration with supporting evidence column |
| Manifesto Block Two | Escalates the argument with heatmap or conversion lift proof |
| Manifesto Block Three | Closes the diagnosis phase before the primary call to action appears |
| Primary call to action Block | Introduces the "Send Us Your Store" three-step progressive form |
| Teardown Library Path | Offers a secondary email-gated link to anonymized case studies |
| Fixed Navigation Bar | Keeps the primary call to action persistent after the visitor begins scrolling |
The visual identity follows a Lens and Frame theme. The overall feel is a retouching monitor at 2 AM: saturated, backlit, and intentional. Every color in the palette has a single assigned role and is never used outside it.
The asymmetric grid and collage composition are built to restack cleanly on smaller screens. The manifesto sections remain readable and punchy at any viewport width.
The entire page is structured as a closing argument. Each section earns the next click rather than asking for it prematurely.
This template is part of the Catalog collection, which pairs strong creative direction with conversion-focused layout thinking. It is well suited for agencies building a differentiated positioning in the e-commerce performance space.