Atelier is a horizontal-scroll landing page template built for brand strategists who lead with proof. It presents case studies as surgical outcomes, opens each panel with an award or measurable lift, and funnels visitors toward a gated Strategy Playbook download. The obsidian-and-gold visual system signals authority before a single word is read.
by Rocket studio
Atelier is a single-page, horizontal-scroll portfolio template designed for brand strategists working at the highest level. It leads with outcomes, not credentials. Each case study panel opens with an award or a measurable result, then reveals the strategic thinking beneath. The fixed gold call-to-action pill keeps the playbook download reachable throughout the entire scroll.
This template is built for experienced brand strategists who need a portfolio that earns trust before asking for a click. It speaks directly to clients who evaluate work by outcomes, not aesthetics alone.
Most strategy portfolios bury the proof. They open with a biography, list services, and place results at the bottom. Visitors leave before reaching the evidence. This template reverses that order entirely.
You get a fully structured, single-page horizontal-scroll portfolio layout ready to present brand strategy work at an editorial level. Every section, component, and interaction is defined in the template.




Theme
Atelier Studio
Creative direction
Award & Recognition
Color system
Obsidian & Gold
Style
Horizontal Scroll
Direction
Content/Resource
Page Sections
Horizontal Scroll Case Study Gallery
Fixed Floating Call-to-action Pill
Interstitial Testimonial Panels
Methodology Bento Grid with Spotlight Cards
Bookmark and Shareable Collection System
Gated Strategy Playbook Download Form
Who is this landing page template designed for?
Can I use this template without a horizontal scroll setup?
What does the gated download form include?
How does the bookmark feature work?
Can I customize the color system and typography?
A paragraph introducing the feature set: each built-in component serves a specific conversion or credibility purpose, giving you a portfolio that does the persuasion work for you.
Each case study occupies its own full-panel frame. The panel opens with the headline result first, such as a Cannes Lion win or a 340% brand recall lift, then layers in the strategic rationale. The sequence escalates in ambition across three stages: a local rebrand, a category disruption, and an international launch.
Between case study panels, thin interstitial slides display client testimonials set in italics against bare obsidian. The placement makes praise feel overheard rather than curated, which reads as more credible to a sophisticated audience.
A gold pill labeled "Download the Strategy Playbook" stays anchored in the bottom-right corner throughout the entire horizontal scroll. It links to a gated PDF form that asks for a work email, company name, and a single dropdown indicating the brand's current stage.
A bento-style grid section presents strategic pillars in individual cards with a spotlight card hover effect. It teases the depth behind the work without giving everything away, making the playbook download feel like a necessary next step.
Visitors can bookmark individual case study panels to a shareable collection without filling in a form. This secondary path builds familiarity with the work before any commitment is requested.
Cards respond to mouse position with reactive border highlights and beam-drop lighting. The effect reinforces the dark-luxury editorial feel while making the interface feel intentional and alive.
| Section | Purpose |
|---|---|
| Hero Headline | Sets authority with a full-bleed ultra-light serif headline and a single gold period |
| Horizontal Scroll Gallery | Walks visitors through escalating case studies, award-first, with interstitial testimonials |
| Interstitial Testimonial Panels | Breaks the case study sequence with italic client praise on bare obsidian |
| Methodology Bento Grid | Previews strategic pillars using spotlight cards to tease the full playbook |
| Fixed call to action Pill | Keeps the playbook download reachable at every scroll position |
| Gated Download Form | Captures work email, company name, and brand stage via a minimal three-field form |
| Footer | Horizontal flow layout closing the page cleanly |
The visual language is built around restraint as luxury. Every color and typographic choice signals that the work inside is serious, earned, and deliberate.
This template is designed desktop-first, because the horizontal scroll experience is central to the creative direction. On smaller screens, the layout degrades gracefully to a vertical scroll without losing the editorial hierarchy.
The entire page is structured as a trust-building machine that funnels a skeptical, senior-level visitor toward a single high-value action: downloading the Strategy Playbook.
Atelier sits at the intersection of editorial design and strategic positioning. It is purpose-built for professionals in the brand strategy, creative services, and business-to-business professional space who need a portfolio that matches the caliber of their work.