Forge - Deliberate Habitbuilding Landing Page Template

Quick summary

Forge is a single-page horizontal scroll template designed for habit-building and self-improvement online courses. It combines a craftsman-guild aesthetic with a five-step quiz funnel that assigns each visitor a personalized Habit Archetype. The result is a landing page that feels editorial, earns trust panel by panel, and converts through self-discovery rather than pressure.

Who this template is for

This template is built for course creators, coaches, and program directors who run structured cohort-based learning in the habit-building and self-improvement space. It works especially well when your audience has tried and abandoned habits before and needs to feel understood before they commit.

• Habit coaches and cohort program founders ready to launch or reposition their course
• Self-improvement educators whose students are burnt-out professionals or post-burnout creatives
• New or independent course builders who want a high-craft, conversion-focused landing page without starting from scratch

What problem this template solves

Most habit-building landing pages list features and ask for a sign-up before the visitor feels any connection. Forge solves the trust gap by leading with a manifesto and a diagnostic quiz, so visitors self-identify before they ever see a seat-claim button.

• Visitors leave generic course pages because the offer feels abstract and impersonal
• A quiz funnel replaces the cold pitch with a moment of recognition, earning the click
• The horizontal scroll structure keeps attention moving forward, panel by panel, with clear visual rhythm

What you get with this template

Forge gives you a fully structured, five-panel horizontal scroll landing page with a built-in quiz modal and archetype result reveal. Every visual and copy layer is pre-designed around the Ink and Paper color system and Atelier Studio theme.

• Five distinct scroll panels: Hero Manifesto, Philosophy, Course Architecture, Testimonials, and Transformation Data
• A five-step horizontal quiz modal that delivers one of four personalized Habit Archetypes with a tailored course entry point
• Sealing-wax red call-to-action buttons, letterpress-reveal animations, page-turn transitions, and an ink-illustrated statistics panel

Feature list

This section breaks down the key functional and design capabilities built into the Forge template.

Five-Panel Horizontal Scroll Flow

The template uses CSS scroll-snap to create five full-viewport panels that advance like pages in a bound journal. Each panel transitions with a page-turn animation. The background shifts from warm parchment to carbon black at the midpoint, visually separating the vision narrative from the mission and offer.

Five-Step Habit Archetype Quiz

A modal quiz walks visitors through five targeted questions: morning description, habits dropped this year, a satisfaction slider, a short free-text field for their ideal morning, and commitment style preference. Results assign one of four archetypes: The Architect, The Ritualist, The Sprinter, or The Restorer. Each archetype delivers a personalized course entry point and a tailored call to action.

Letterpress Typography System

Oversized Fraunces serif type carries the manifesto panels. JetBrains Mono handles course structure and blueprint sections. DM Sans covers all body copy. Together they create a layered editorial hierarchy that makes the typography itself the visual centrepiece, with no competing imagery.

Marginalia-Style Testimonials Panel

Cohort testimonials appear as handwritten marginalia placed beside typed course excerpts. This format grounds social proof in the craft aesthetic and makes quotes feel personal rather than polished, which builds credibility without breaking the editorial tone.

Ink-Illustrated Transformation Data

The fifth panel renders completion rates, streak averages, and self-reported identity shift data as ink-style ascending line illustrations. Hand-drawn numerals replace standard chart labels. The data feels crafted rather than generated, consistent with the overall atelier identity.

Pulsing Red-Wax Call-to-Action System

The sealing-wax red accent color (#A3333D) is reserved exclusively for calls to action and progress markers. A pulsing wax dot beside "Begin the assessment" draws the eye without competing with the typographic layout. The primary call to action, "Discover Your Habit Archetype," recurs at the final panel to close the loop.

Page sections overview

Design & branding system

The Forge template is built on an Ink and Paper color system inside an Atelier Studio visual theme. Every design decision references a letterpress workshop: soft lamplight, heavy linen stock, and ink still drying on the page.

• Four-color palette: warm parchment (#F5F0E8) for backgrounds, carbon black (#1A1A1A) for text and dark panels, pencil graphite (#5C5C5C) for secondary text, and sealing-wax red (#A3333D) reserved solely for calls to action and progress markers
• Three-font hierarchy: Fraunces serif for manifesto headings, JetBrains Mono for structural course content, and DM Sans for readable body paragraphs
• Alternating parchment and carbon black panel backgrounds create a page-turning rhythm, with generous white space that keeps each panel breathable and focused

Mobile & speed optimization

Forge is designed desktop-first to honor the horizontal scroll experience, with a considered fallback for smaller screens.

• On mobile, the horizontal scroll layout converts to a vertical scroll sequence, preserving the panel order and content hierarchy without breaking the visual story
• CSS scroll-snap handles panel transitions natively, keeping the horizontal experience smooth without relying on heavy animation libraries
• IntersectionObserver drives letterpress reveal animations, so elements animate into view only when they enter the viewport, keeping the page responsive and controlled

How this template helps you convert

Forge is structured as a quiz funnel, which means conversion happens through recognition rather than persuasion. Visitors feel understood before they are asked to act.

1. The manifesto panel earns attention immediately with a high-craft, no-imagery typographic statement that speaks directly to burnt-out habit-seekers, creating an emotional connection before any offer appears.
2. The five-step quiz modal makes the visitor the subject of the experience. By the time they receive their Habit Archetype result and see a tailored course entry point, clicking "Claim Your Seat in the Next Cohort" feels like a natural next step, not a cold ask.

Other information about this template

Forge sits within the Blog and Editorial category, specifically under the Habit Building and Self-improvement Content subcategory. It is designed to serve the Habit Building and Self-improvement Online Course niche with a creative direction rooted in Vision and Mission storytelling.

• The header concept is a Quote and Manifesto format, placing the core belief of the program front and center before any course details appear
• The template style is Horizontal Scroll with a Quiz and Assessment landing-page direction, making it one of the more distinctive funnel formats available for online learning programs
• Creative direction follows a Vision and Mission arc across the five panels, moving from "why this exists" on the parchment-toned panels to "what you will build" on the carbon black panels
• The project targets adult learners roughly between 28 and 45 years old, with a primary focus on professionals who have tried and abandoned habits and a secondary focus on new managers seeking morning structure

Show more