Pivot is a horizontal scroll landing page built for the athlete career blog niche. It chronicles the transition from competitor to creator, using a Before/After Slider header, Creator Spotlight panels, and a Partnership/B2B call-to-action flow. The Obsidian and Gold visual system gives every panel a prime-time documentary feel that earns trust before asking for contact.
by Rocket studio
Loading preview…
Quick summary
Pivot is a horizontal scroll landing page designed for an athlete career blog. It tells the story of life after competition through immersive visual panels, a draggable Before/After Slider header, and a B2B partnership intake form. The Obsidian and Gold color system makes every section feel intentional, serious, and broadcast-ready.
Who this template is for
This template is built for people at the intersection of sports, media, and personal branding. It speaks directly to the audience navigating the space between final whistle and first broadcast.
Retired professional athletes building a personal media presence or blog platform
College-level athletes developing a public voice and brand before entering a draft
Agents and brand managers looking to present clients as packaged, media-ready talent
What problem this template solves
Most personal sites for athletes feel either too athletic or too corporate. They miss the emotional middle ground where the real story lives. Pivot closes that gap with a layout and tone that honors both worlds.
There is no standard template built for the post-career narrative, a gap Pivot fills directly
Generic blog layouts fail to communicate audience reach or partnership value to visiting brands
Existing options rarely combine personal storytelling with a structured B2B intake flow
What you get with this template
You get a fully structured horizontal scroll landing page with a clear narrative arc and two distinct conversion paths. Every panel is designed to demonstrate value before making any ask.
A draggable Before/After Slider header with a knockout headline that appears on interaction
Three-panel Creator Spotlight sections for each athlete's transition story, metrics, and platform data
A Partnership intake form and a persistent floating media kit download button
Feature list
This template is built around a clear set of components. Each one serves a specific role in the storytelling and conversion flow.
Theme
Lens & Frame
Creative direction
Creator Spotlight
Color system
Obsidian & Gold
Style
Horizontal Scroll
Direction
Partnership/B2B
Page Sections
Before/after Slider Header
Horizontal Scroll Panel Flow
Creator Spotlight Sections
B2B Partnership Intake Form
Persistent Media Kit Button
Obsidian and Gold Color System
Related questions
Who is this template designed for?
Can I feature multiple athletes in the same template?
What does the Partnership intake form include?
How does the media kit download button work?
Can I update the athlete portraits and copy to match my own brand?
Before/After Slider Header
The header holds a high-grain action shot on the left and a polished studio or podcast portrait on the right. The visitor drags a gold accent divider across the frame to reveal the contrast. The headline "The career after the career" appears in knockout type only after the slider is touched.
Horizontal Scroll Panel Layout
The page moves laterally like flipping through a photographer's portfolio. Each forward scroll panel advances a timeline narrative. The motion itself communicates progression, never regression.
Creator Spotlight Panels
Each athlete gets three dedicated panels. The first shows their stat line and final game. The second presents their pivot moment in their own words over a full-bleed portrait. The third displays current platform metrics as elegant data cards, including audience numbers, episode count, and brand deal highlights.
Partnership Intake Form
The final scroll panel anchors a short-form B2B intake. Fields include company name, partnership type (sponsorship, content collaboration, or speaking engagement), and a budget range dropdown. The form appears only after the visitor has moved through the full story.
Persistent Media Kit Button
A gold pill button floats during scroll and offers a media kit download in exchange for a work email. It stays visible throughout the journey without interrupting the reading experience.
Obsidian and Gold Visual System
Deep locker-room black dominates the canvas. Trophy gold appears selectively on names, pull quotes, and hover states. The contrast is sharp and deliberate, built to feel like a prime-time documentary title card rather than a sports fan page.
Page sections overview
Section
Purpose
Before/After Slider
Opens the page with an interactive contrast between competition and post-career identity
Knockout Headline Reveal
Delivers the core message on first slider interaction
Athlete Stat Panel
Presents the final chapter of the competitive career
Pivot Moment Portrait
Full-bleed storytelling panel in the athlete's own words
Platform Metrics Cards
Displays audience size, episode count, and brand deal data
Partnership Intake Form
Captures B2B leads at the end of the scroll journey
Floating Media Kit Button
Persistent download prompt that collects work emails during scroll
Design & branding system
The Lens and Frame theme shapes every layout decision. The palette is built around contrast and restraint, referencing the visual language of serious sports documentary design.
Four-color palette: deep black (#0B0B0F), trophy gold (#C5A44E), press-conference gray (#3A3A42), and broadcast white (#F0EDE8)
Gold is used only on names, pull quotes, and hover states to preserve its visual weight
Black dominates the canvas like a studio backdrop, letting portraits and data cards breathe in the foreground
Mobile & speed optimization
The horizontal scroll layout is designed with intentional pacing. Visual weight is distributed across panels so no single frame feels overloaded.
Full-bleed portrait panels are structured to preserve clarity at reduced screen widths
Data cards and the floating media kit button are positioned to remain usable without overlapping key content
The Before/After Slider interaction is built to remain responsive to touch input on mobile devices
How this template helps you convert
The page earns the click before it ever asks for one. Every panel builds credibility through visible proof before the conversion moment arrives.
Creator Spotlight panels embed real audience metrics, episode counts, and brand deal data directly in the scroll flow, so visiting brands see proof of reach before reaching the intake form
The persistent media kit button provides a low-commitment entry point, requiring only a work email, which captures leads from visitors who are not yet ready to fill out the full partnership form
The final panel positions the Partnership intake with a clear set of options including sponsorship, content collaboration, and speaking engagement, reducing friction by letting the visitor self-select their interest
Other information about this template
Pivot sits in the Personal and Resume category under the Athlete Profile subcategory. It is purpose-built for the athlete career blog niche, where standard templates rarely deliver the right tone or structure.
The template style is horizontal scroll, which makes the lateral panel motion feel like a timeline moving forward
The creative direction is Creator Spotlight, a format that packages individual athlete narratives as short visual essays
The header concept is a Before/After Slider, a deliberate interaction that makes the transformation tangible before any text is read
The B2B landing page direction means every design decision prioritizes brand partnership conversion alongside personal storytelling
