Hearth is an editorial landing page template built for a private Slack community of fitness professionals. It combines a cinematic full-screen video header, manifesto-style scroll sections, anonymized Slack thread showcases, and a donation-first conversion flow. The Desert Rose color palette and warm editorial typography make it feel like community, not commerce.
by Rocket studio
Loading preview…
Quick summary
Hearth is a single-page editorial template designed for a donation-supported fitness professionals community. It opens with a full-screen video header and unfolds like a magazine manifesto, naming the loneliness of coaching before presenting the community's founding belief, real Slack thread proof, and a tiered donation call to action.
Who this template is for
This template is built for fitness professionals who want to launch or grow a peer community, not sell a product. It suits anyone running a contribution-based membership space that leads with shared experience rather than a price tag.
Solo personal trainers and strength coaches building a peer support network
Boutique studio owners and group fitness instructors looking to host a community hub
Online coaches who want to grow a waitlist while fostering genuine connection
What problem this template solves
Fitness professionals spend their days coaching others but rarely have a structured space to receive support themselves. Most community landing pages lean on generic gym aesthetics or cold sales copy. This template solves a different problem: how do you invite someone into a warm, trust-first space without making it feel transactional?
Standard templates push conversions too early, before the visitor feels seen or understood
Fitness community pages often lack the editorial depth needed to communicate real human value
Donation-based models are hard to present clearly without a layout purpose-built for contribution flows
What you get with this template
You get a fully structured, single-page editorial layout with every section pre-built and ready to customize. The template covers the full emotional journey from first impression to contribution, with no section left undefined.
A cinematic hero section, five editorial content sections, a donation call to action, and a footer
Preset donation tier components labeled with funding purposes, plus a custom amount field
A secondary waitlist form collecting email and fitness specialty for visitors not ready to donate
Theme
Community Hearth
Creative direction
Vision & Mission
Color system
Desert Rose
Style
Editorial/Magazine
Direction
Donation/Fundraising
Page Sections
Full-screen Video Hero Header
Manifesto-driven Scroll Sections
Anonymized Slack Thread Showcase
Tiered Donation Form Component
Waitlist Secondary Conversion Path
GSAP Scrolltrigger Animations
Related questions
Can I use this template without a Slack community?
Is the donation form connected to a payment processor?
Can I change the preset donation amounts and tier labels?
How does the waitlist form work?
Do I need video footage to use this template?
Feature list
This template is built around a clear editorial flow with interactive components that serve the community's contribution-first model.
Full-Screen Video Header
The hero section uses a full-screen video background with muted autoplay. The footage is designed to feel handheld and warm-graded, showing unpolished real moments from fitness professionals. A single manifesto headline fades in over the footage.
Manifesto Scroll Structure
The page unfolds across five content sections like a magazine feature. Each section has breathing white space, pull quotes set in large terracotta serif type, and body text in clean sans-serif. The structure moves from naming the problem to presenting the community's belief system.
Anonymized Slack Thread Showcase
A dedicated section displays real anonymized Slack threads as social proof. Each thread shows reply counts and community tone, including a pricing question with forty replies and a burnout confession that received genuine empathy.
Donation Tier Component
The primary call to action includes three preset monthly donation amounts: ten dollars, twenty-five dollars, and fifty dollars. Each tier is labeled with a specific funding purpose, such as server costs, onboarding, or mental health resources. A custom amount field is also included.
Waitlist Form Path
A secondary conversion path invites visitors who are not ready to donate to join a waitlist. The form collects only an email address and fitness specialty, keeping the funnel warm without pressure.
GSAP ScrollTrigger Animation System
The template uses scroll-triggered animations throughout, including clip-path reveals, parallax effects, and staggered entrance transitions. These are applied at medium-to-high intensity to support the editorial, cinematic feel.
Page sections overview
Section
Purpose
Hero Video Header
Cinematic opening with manifesto headline fade-in
The Loneliness
Editorial manifesto naming professional isolation
Founding Belief
Community mission with pull quotes and asymmetric layout
Slack Thread Showcase
Anonymized thread proof of community warmth and engagement
Donation Call to Action
Tiered giving form with waitlist secondary path
Footer
Horizontal flow footer pattern with minimal navigation
Design & branding system
The visual identity follows a Community Hearth theme built on the Desert Rose color system. Every design decision prioritizes warmth and human texture over polished performance aesthetics.
Color palette: terracotta (#C46E5A) as the primary, ember glow (#F0A868) on buttons and highlights, deep mesquite (#3B2218) for foreground text, and warm sandstone (#E8D5C4) as the surface background
Typography: Fraunces serif for headlines and pull quotes, DM Sans for body text, creating a clear editorial magazine hierarchy
Visual style: warm golden-hour video grading, slightly grainy footage, generous white space, and asymmetric section layouts throughout
Mobile & speed optimization
The template is built with a mobile-first priority, which reflects how the target audience actually uses their devices. Coaches check their phones between sessions, during warmups, and at the end of long training days.
Video autoplay is muted and lazy-loaded to reduce initial page weight on mobile connections
Static sections use server-rendered components to keep load time predictable across devices
Images throughout the page use lazy loading to defer non-critical assets until they enter the viewport
How this template helps you convert
The page is structured to earn trust before asking for anything. Visitors move through an emotional arc that ends at a clearly framed donation form, with a softer waitlist option for those who need more time.
The hero headline and manifesto sections build recognition and emotional resonance before any call to action appears, making the visitor feel understood rather than sold to.
The Slack thread showcase provides concrete social proof of community value, so the donation ask feels grounded in real activity rather than abstract promises.
The tiered donation form with labeled funding purposes removes ambiguity about where contributions go, and the waitlist path ensures no visitor leaves without a next step.
Other information about this template
This template is part of the editorial and magazine template style category and is purpose-built for community and nonprofit landing pages. It is a strong fit for any fitness professional network that runs on contributions rather than subscriptions.
The template style is editorial magazine, making it suitable for manifesto-driven community launches and cause-led fundraising pages
The footer uses a horizontal flow pattern suited to minimal community pages that do not require complex navigation
The animation system relies on GSAP ScrollTrigger for clip-path reveals, parallax sections, and staggered content entrances, all configured at medium-to-high intensity
This template is designed as a single-page layout and is not structured for multi-page expansion out of the box
