Ginga is a modular card grid landing page built for capoeira studios. It combines a half-page photo-and-text header with a scrolling community gallery to tell the story of your grupo. The freemium trial flow leads visitors straight to a free first class signup, warming them through real student moments before asking for any commitment.
by Rocket studio
Loading preview…
Quick summary
Ginga is a single-page capoeira studio landing page template built on a modular card grid. It opens with a bold half-page photo-and-text header, then unfolds into a living community gallery. A freemium trial model guides visitors toward one clear action: booking a free first class. No credit card required, no friction.
Who this template is for
This template is built for capoeira studios that want to grow their community through authentic storytelling. It speaks directly to potential students and gives studio owners a page that feels alive, not just informational.
Capoeira instructors and grupo owners launching or refreshing their studio website
Fitness and wellness studios in the martial arts and combat sports space looking to attract new students with a free-trial offer
Studio teams who want to showcase their community through video, photos, and student testimonials
What problem this template solves
Most fitness studio pages lead with schedules and pricing. They skip the most important part: showing the visitor what it actually feels like to be there. A capoeira studio has energy, culture, and community that a plain list cannot capture.
Visitors land on a page that feels disconnected from the art, so they leave before trusting the studio
Studios have rich photo and video content but no structured layout to present it as a story
The path from "curious visitor" to "booked beginner class" is unclear or buried under too many steps
What you get with this template
You get a fully designed, section-led landing page that handles both the emotional and practical sides of a studio conversion. Every component in the template is mapped to a specific job: attract, build trust, then convert.
A half-page header with space for an action photograph, a bold headline, a subhead with class date details, and a teal call-to-action button
A modular card grid that mixes square photos, short looping video clips, and pull-quote testimonials in a rhythm that builds as the visitor scrolls
Theme
Adventure Terrain
Creative direction
Community Gallery
Color system
Teal Catalyst
Style
Card Grid (Modular)
Direction
Freemium/Trial
Page Sections
Half-page Photo and Text Header
Modular Community Card Grid
Three-point Call-to-action System
Minimal Free Class Booking Form
Secondary Video Warm-up Path
Teal Catalyst Branding System
Related questions
Can I update the class schedule and beginner class date in the header?
Does the template support both photo and video cards in the grid?
Is the free class booking form connected to a payment system?
How many times does the call-to-action appear on the page?
What type of studios is this template best suited for?
Three strategically placed call-to-action touchpoints and a secondary "Watch A Roda" path for visitors who need more warm-up time before booking
Feature list
This section covers the core built-in components that make the Ginga template work as a studio conversion page.
Half-Page Photo and Text Header
The header splits the screen between a low-angle action photograph and a right-side text block. The headline "Your First Roda Is Free" sits in bold charcoal over a linen background. A subhead provides the city name and next beginner class date. A teal call-to-action button with a gentle pulse effect anchors the conversion entry point.
Modular Community Gallery Grid
The card grid is the heart of the template. Rows alternate between square photos, short looping video clips, and pull-quote testimonial cards. Each card tells a specific student story, from a first batizado ceremony to a park roda weekend. No two rows share the same layout, and the rhythm accelerates as the visitor scrolls deeper.
Floating and Anchored Call-to-Action System
The primary "Try A Free Class" call-to-action appears three times: in the header, floating after the third card row, and anchored at the bottom of the page. This repetition ensures the conversion prompt stays visible without feeling aggressive.
Minimal Free Class Booking Form
Clicking the primary call-to-action opens a lightweight form. It collects first name, experience level, and preferred class time from the real studio schedule. There is no credit card field and no commitment language, keeping the barrier to entry as low as possible.
Secondary Video Warm-Up Path
A "Watch A Roda" secondary call-to-action links to a sixty-second highlight reel. This path is designed for visitors who are curious but not yet ready to book. It warms them toward the primary conversion on a return visit.
Adventure Terrain Color System
The Teal Catalyst palette runs through every component. Deep jungle teal drives the primary brand presence, sunbaked clay activates buttons and hover states, night-roda charcoal grounds the typography, and washed linen keeps card backgrounds warm and breathable.
Page sections overview
Section
Purpose
Half-Page Header
Introduce the studio and present the free first class offer
Primary call to action Block
Drive immediate booking with one focused action
Community Card Row 1
Open with personal student stories and first moments
Community Card Row 2
Build trust through video clips and testimonials
Floating call to action Strip
Recapture scrolling visitors with a mid-page booking prompt
Community Card Row 3
Show collective moments: group ladainhas and park rodas
Community Card Row 4
Expand to travel, workshops, and visiting mestres
Secondary Video call to action
Offer the highlight reel for visitors not ready to book
Anchored Bottom call to action
Close with a final free class prompt and the booking form
Design & branding system
The Adventure Terrain theme gives Ginga a visual identity that feels grounded and alive. The palette draws from Atlantic Forest imagery: humid teal greens, terracotta earth, firelit charcoal, and warm linen. Typography stays dark and structured, letting the photography carry the emotional weight.
Primary brand color is deep jungle teal (#0D7377), used across buttons, links, and accent elements
Sunbaked clay (#C46A3C) activates call-to-action buttons and hover states, creating a warm contrast against the teal
Night-roda charcoal (#1A1E25) grounds all body and headline typography, while washed linen (#F4EDE4) fills card backgrounds with warmth
Mobile & speed optimization
The modular card grid is built to reflow cleanly across screen sizes. Cards that span multiple columns on desktop stack into readable single-column sequences on smaller screens. The layout prioritizes content hierarchy so the most important information stays visible regardless of device.
The half-page header adapts to a stacked photo-above-text layout on mobile screens
Video clip cards are designed to loop without forcing autoplay audio, keeping the experience comfortable on mobile
The floating call-to-action strip repositions to a bottom-anchored bar on smaller screens for easy thumb access
How this template helps you convert
Ginga earns the conversion before it asks for it. The page is structured to build familiarity and trust through community content first, then present the booking prompt at the natural moment when the visitor already feels connected.
The header leads with value, not obligation. "Your First Roda Is Free" removes the cost barrier immediately, and the single-field subhead tells the visitor exactly when the next beginner class happens.
The gallery builds belonging before the ask. By the time the visitor reaches the floating call-to-action after the third card row, they have already seen real students, real moments, and real energy from the studio community.
The secondary video path recovers hesitant visitors. Those not ready to book can watch a sixty-second highlight reel instead, which keeps them engaged and primes them to return and convert.
Other information about this template
Ginga is part of the Wellness and Fitness category, sitting within the Martial Arts and Combat Sports subcategory and specifically designed for the capoeira studio niche. It was built with a high intersection match between the template style, creative direction, and landing page model.
Template style is Card Grid (Modular), matched with the Community Gallery creative direction for maximum content flexibility
The freemium trial landing page direction is baked into the structure, not bolted on afterward
The header concept is Half-Page Photo and Text, a composition that balances visual impact with immediate message clarity
This template suits studios offering beginner-friendly entry points, community-first culture, and a mix of movement disciplines under one art form
