Forge is a masonry-layout landing page template built for youth leadership programs. It uses a Community Mosaic header, bold typographic callouts, and a Movement & Cause scroll arc to carry visitors from problem awareness to a confident application click. The Slate & Sky color system and Ken Burns tile animations give the page an institutional-electric energy that matches the program it represents.
by Rocket studio
Loading preview…
Quick summary
Forge is a single-page, masonry-layout template designed for youth leadership programs serving teenagers aged fourteen to eighteen. It opens with a full-viewport photo mosaic, moves through program pillars, a twelve-week timeline, and social proof, then closes with a clear application call to action. The palette of deep slate, open-sky blue, cloud white, and rally-sign gold gives it a look that feels serious and electric at the same time.
Who this template is for
This template is built for organizations that put young people in front of real audiences and real decisions. It speaks directly to the people who fund, nominate, and run those programs.
Parents of high-achieving teenagers aged fourteen to eighteen who want to see strong proof before investing
Teachers and school counselors who need a simple path to nominate a student
Program directors and educational nonprofit teams who want a polished page that drives cohort applications
What problem this template solves
Most youth program pages look like school newsletters. They bury the mission, lose the emotion, and give visitors no clear reason to act. Forge solves that gap with a design arc that builds trust at every scroll depth.
Youth voice statistics and disengagement data appear as stark typographic callouts, not buried paragraphs
Program credibility is scattered across mentor photos, graduate quotes, and an alumni counter, so proof is never far away
Two distinct calls to action, one for applicants and one for nominators, mean no visitor leaves without a clear next step
What you get with this template
You get a fully structured landing page with every section already planned and sequenced for maximum impact. No guesswork about layout order or what content to include.
A Community Mosaic header with Ken Burns tile animations and a bold headline overlay
Masonry content cards covering program pillars, a twelve-week timeline, testimonials, and a cohort city map
A fixed-bottom "Apply for the Next Cohort" button that appears after the third scroll depth, plus a quieter "Nominate a Young Leader" card deeper in the grid
Theme
Educational Guide
Creative direction
Movement & Cause
Color system
Slate & Sky
Style
Masonry/Pinterest
Direction
Click-Through
Page Sections
Community Mosaic Header with Ken Burns Tiles
Staggered Masonry Card Reveals
Typographic Problem Callouts
Twelve-week Program Timeline Card
Scroll-linked Alumni Counter and City Map
Fixed-bottom Application Button
Related questions
Who is this landing page template designed for?
Does this template include a built-in application form?
How does the nomination path work in this template?
What animations are included in this template?
Do I need design experience to use this template?
Feature list
This template is built around specific visual and structural decisions drawn from the Forge brief. Each feature below reflects what is actually included in the design.
Community Mosaic Header with Ken Burns Animation
The header fills the entire viewport with a tight grid of square and rectangular photographs. Each tile drifts with a slow Ken Burns animation, and a bold cloud-white headline sits over the collective grid. No single image dominates; the mosaic itself is the message.
Staggered Masonry Card Layout
Content is arranged in a masonry grid that reveals cards in a staggered sequence as the visitor scrolls. Cards vary in height and width, so no two visits feel identical. This layout mirrors the program's core message that every leader takes a different path.
Typographic Problem Callouts
Youth voice statistics and disengagement data are rendered as large, stark typographic blocks rather than body text. This approach makes the problem immediately legible and emotionally resonant without relying on images.
Twelve-Week Timeline Card
A dedicated journey card maps the program week by week. Visitors can see the full arc of the twelve-week crucible before they commit to applying, which reduces hesitation and builds confidence.
Scroll-Linked Alumni Counter and City Map
A counter animates as the visitor scrolls into the social proof section, showing total program alumni. A map card pins every city with an active cohort, turning abstract reach into visible momentum.
Fixed-Bottom Call to Action Button
After the visitor passes the third scroll depth, a gold "Apply for the Next Cohort" button locks to the bottom of the screen. It stays visible without interrupting reading, keeping the conversion path open at all times.
Page sections overview
Section
Purpose
Community Mosaic Hero
Opens with a full-viewport photo grid, Ken Burns tile animation, bold headline, and primary apply call to action
Problem Stat Callouts
Presents youth voice statistics and disengagement data as large typographic masonry cards
Program Pillars Cards
Three masonry cards, each covering one pillar: public speaking, community organizing, and policy writing
Twelve-Week Timeline
A single journey card showing the week-by-week arc of the program crucible
Testimonials and Alumni Counter
Graduate quotes, scroll-linked alumni counter, and cohort city map pins for social proof
Footer (Horizontal Flow)
Horizontal Vercel-style footer with navigation links and secondary nomination path
Design & branding system
The design language is best described as institutional-electric: chalkboard authority cracked open by sky and gold. Typography pairs Fraunces, a serif display face, for headlines with Manrope, a clean sans-serif, for body text.
Slate (#2D3436) dominates backgrounds and body text; sky blue (#74B9FF) carries section dividers and iconography; cloud white (#DFE6E9) creates breathing room between mosaic tiles
Rally-sign gold (#FDCB6E) appears only on buttons and highlighted quotes, keeping it reserved for moments of action
Animation runs high throughout: Ken Burns per mosaic tile, staggered masonry card reveals on scroll, and an IntersectionObserver-driven counter in the social proof section
Mobile & speed optimization
The template is built desktop-first to deliver the auditorium feeling of a full mosaic on large screens. Mobile is treated as a strong secondary experience, not an afterthought.
The mosaic grid reflows for smaller viewports so the Ken Burns tiles and bold headline remain legible on phones
CSS scroll-behavior and IntersectionObserver-based reveals keep animations smooth without requiring heavy JavaScript frameworks
The fixed-bottom call to action adapts to mobile screen sizes so the gold button stays accessible throughout the scroll
How this template helps you convert
The page is structured as a Click-Through landing page. Every section is sequenced to build enough trust that clicking "Apply for the Next Cohort" feels like the natural next move.
The problem section leads with stark statistics that make visitors feel the urgency before they know the solution, priming them emotionally for the program pitch that follows
Mentor credentials, graduate quotes, and the alumni counter stack proof progressively, so by the time the visitor reaches the application call to action, hesitation has been replaced by confidence
The fixed-bottom gold button ensures the primary call to action is always one tap away, while the "Nominate a Young Leader" card gives teachers and counselors their own clear conversion path
Other information about this template
This template belongs to the Community & Nonprofit category, specifically the Youth Organization & Club subcategory, with a niche focus on youth leadership programs. A few additional details worth knowing before you use it:
The template style is Masonry and Pinterest-inspired, meaning tile placement follows a fluid grid rather than a rigid column structure
The creative direction is Movement & Cause, which informs the scroll arc from problem awareness through social proof to action
The header concept is Community Mosaic, a deliberate design choice that centers the collective over any individual participant
Page type is a single landing page, not a multi-page website, so all content flows in one continuous scroll
The theme is Educational Guide, meaning the content hierarchy moves visitors from understanding a problem to trusting a solution to taking a step
