Forge - Intentional Habitbuilding Landing Page Template

Quick summary

Forge is a single-page landing page template designed for habit-building communities that rely on accountability and daily check-ins. The layout pairs editorial conviction copy with live social proof and a personalized quiz flow. Its Warm Stone color system and serif typography create a notebook-like calm that earns trust before asking for anything.

Who this template is for

This template is built for founders, community builders, and coaches who run accountability-focused self-improvement communities. If your offer depends on consistency, witnessed progress, and daily ritual rather than passive content consumption, Forge speaks your language directly.

• Habit-building community founders who need a conversion-focused landing page
• Coaches and facilitators serving mid-career professionals, new parents, or recovering perfectionists
• Independent creators launching a daily accountability membership or guided self-improvement program

What problem this template solves

Most habit-building landing pages feel like sales brochures. They list features and pricing, but they never convince the visitor that this community is different from the last program they abandoned. Forge addresses this by leading with identity and belief before it ever asks for an email address.

• Visitors leave because they do not feel understood, not because the offer is wrong
• Solo habit attempts fail repeatedly, and the page never explains why community changes that
• Generic templates lack the editorial voice and social proof rhythm that accountability communities need

What you get with this template

Forge delivers a fully structured landing page with five distinct content sections, a five-step interactive quiz modal, and a soft email gate. Every layout decision supports the goal of moving a skeptical reader into a willing trial member.

• A 60/40 asymmetric grid hero with a Type Over Image header and terracotta call-to-action button
• An origin story section pairing manifesto paragraphs with live member streaks and timestamped check-ins
• A five-question micro-assessment that ends with a personalized habit-path recommendation and a name-and-email gate for a seven-day community trial

Feature list

This section covers the core functional and visual capabilities built into the Forge template.

Asymmetric 60/40 Grid Layout

The page is structured around a consistent 60/40 column split used across every scroll section. The wider column carries copy and conviction statements. The narrower column surfaces proof, streaks, and interactive elements. This separation keeps the reading experience clean while letting evidence appear alongside every claim.

Five-Step Quiz Modal

The primary call to action opens a five-question micro-assessment. Questions cover available time, focus area, consistency confidence, prior accountability experience, and a single open-field reflection. The quiz ends with a personalized habit-path recommendation. A name-and-email form gates the full plan and unlocks a seven-day community trial. No credit card is required.

Fixed Bottom Call-to-Action Bar

After the visitor scrolls past the second section, a fixed bottom bar appears with the primary call to action. This keeps the quiz entry point visible throughout the rest of the page without interrupting the reading flow.

Social Proof Streak Display

The 40-column of the origin story section surfaces real member streaks with day counts, timestamped check-ins, and named micro-testimonials. This evidence layer runs alongside the manifesto copy to turn conviction into credibility at exactly the right scroll moment.

GSAP ScrollTrigger Animations

The template includes medium-intensity scroll animations built with GSAP ScrollTrigger. Sections reveal through stagger fades as the visitor scrolls. The quiz modal uses smooth open and close transitions. Animation intensity is intentional rather than decorative.

Philosophy Dark Section

A kiln-charcoal full-width section carries the community's core conviction statements alongside member micro-testimonials. The dark background creates a tonal pause in the scroll rhythm and signals that this is where the community's values live.

Page sections overview

Design & branding system

The visual identity follows a Luxe Minimal editorial direction. The palette and typography are chosen to feel like a well-made physical object: deliberate, warm, and unhurried. Every color has a role and stays in that role throughout the page.

• Warm Stone palette: linen white (#F5F0EA) for backgrounds, sunlit sandstone (#D4C5A9) for alternating sections, kiln charcoal (#2C2825) for all body text, and muted terracotta (#B5705A) reserved only for interactive elements and progress indicators
• Typography: DM Serif Display for all headings at generous scale, Plus Jakarta Sans for body text, keeping contrast between editorial gravitas and readable prose
• The hero uses a softly desaturated journal photograph with the headline set in linen white at large scale over the image, with a subtle kiln-charcoal text shadow for legibility

Mobile & speed optimization

The template is designed desktop-first around the 60/40 grid, and the layout adapts fully for mobile viewports. Interactive components are built to remain usable and clear at all screen sizes.

• The 60/40 grid collapses into a stacked single-column layout on smaller screens, keeping copy and proof elements in a logical reading order
• Quiz modal transitions and scroll animations are handled through client-side components, while static page sections use server components to keep the initial render lean
• The fixed bottom call-to-action bar repositions cleanly on mobile so it does not obscure content

How this template helps you convert

Forge is built around one conversion goal: getting a skeptical visitor to complete the quiz and submit their email for a seven-day trial. Every layout and copy decision serves that single path.

1. The hero introduces the community's core belief and places the primary call to action before the visitor has to scroll, creating an early entry point for high-intent visitors
2. The origin story and social proof sections build trust through evidence rather than assertion, so the visitor arrives at the quiz already convinced the community understands them
3. The quiz itself earns permission by delivering personalized value first, making the name-and-email gate feel like a natural next step rather than a barrier

Other information about this template

Forge is a template built within the Blog and Editorial category, specifically designed for the habit-building and self-improvement online community niche. It sits at the intersection of editorial storytelling and direct-response conversion design.

• The template is localized for English (US) audiences and shows no pricing on the page, making it appropriate for communities that want to lead with value before revealing subscription details
• The footer follows a horizontal flow pattern that keeps the close of the page minimal and consistent with the overall editorial tone
• The asymmetric bento grid used in the "Why Alone Fails" section is a distinct visual device that makes the solo-versus-witnessed contrast immediately readable without requiring body copy to explain it
• This template suits direct-to-consumer subscription communities where the primary acquisition mechanic is a quiz or assessment funnel rather than a traditional pricing page

Show more