Forge / Redesign Lab
6 directions · all live · shared tokens · perf budget <2s LCP

Seven landing pages,
one design system.

A sandbox to compare distinct aesthetic directions for AP History Forge's public landing page. Each concept shares the same color tokens, type stack, and performance budget — but speaks to a different kind of student. Click a card to open the live prototype.

Direction 00 · Live

Classic / Calm × Netflix

Sticky nav, full-bleed video hero with cursor spotlight, animated stats, feature mocks, reviews, final CTA. The conventional, conversion-tested shape.

video hero spotlight conversion-classic
Open prototype
Direction 06 · Live

Classic v2

A ground-up rebuild of the classic direction in a parchment-first editorial language — ink headlines, terracotta CTAs, Fraunces serifs with Cormorant italic flourishes. Landing plus the full app (dashboard, course, session) all in one coherent voice.

parchment editorial fraunces + cormorant
Open prototype
Direction 04 · Live

Bento / modern hybrid

Apple-style bento grid as the dominant visual language. Mixes product features with history-themed tiles — Today in History, 1860 election map, Lincoln pull-quotes, MLK audio — inside the same asymmetric layout.

bento 2.0 22px radius history tiles
Open prototype
Direction 05 · Live

Scroll / animated story

Word-by-word hero reveal, chapters that pair history with product (Revolution × adaptive, Gettysburg × FRQ, Civil Rights songs × AI music), and a pinned horizontal rail through all 9 APUSH periods. Fun, but clean.

scrollytelling pinned rail word reveal
Open prototype
Direction 01 · Live

Editorial / documentary

Playfair serifs, SVG-duotoned primary source, Ken-Burns zoom, a three-column pedagogy essay with a drop-cap, typographic score-gain, and a long-form testimonial. For the student who respects the subject.

serif duotone prose-first
Open prototype
Direction 02 · Live

Cinematic tool

Dark, gradient-mesh hero with a cursor-scrubbed video stage, kinetic FORGE wordmark, Active-Grid bento of six features, and a magnetic CTA. For the student who believes the tool will carry them.

cursor scrub kinetic type bento 2.0
Open prototype
Direction 03 · Live

Proof / outcomes

Massive score-gain counter, national comparison bars, live-students ticker with mini-chart, a real embedded MCQ that grades inline, per-course outcomes table. For the student who only cares if it works.

data-dense brutalist no-signup demo
Open prototype