Landing Page Mockups
Concept explorations for Arete Jiu Jitsu Collective — Goffstown, NH
Featured builds
The two directions to review
The Flagship — Cinematic
The showcase build. Ian's exact flow, turned up to eleven: cinematic Ken-Burns hero, animated gold buttons, scroll-reveal everything, count-up stats, a flowing concept map, marquee, parallax academy band, glowing pricing, and a magnetic final CTA.
The Standard — Ian's Build
Built from Mockup 7 (Colonnade) per Ian's handwritten flow: centered brandmark over the mat, a black 'our position' line, the Arete definition in an olive block, refined pillars + the pursuit-of-excellence colonnade, a top-of-stair academy band, session packs, and an enlarged lockup.
Archive
Earlier concept explorations
Classic Obsidian
Single-column scroll. Obsidian base, olive sections, gold reserved for the one CTA that matters. The reference build.
Iron Forge
Dark, structured, premium. Fixed sidebar nav with a bento-grid body — values, programs and pricing as tiles. Feels engineered.
Stoic Manifesto
Light bone-white editorial. Asymmetric type, laurel line-work, generous whitespace. Reads like a manifesto, not a flyer.
The Training Ledger
A field journal for deliberate practice—documentary imagery, ruled notes, and a curriculum mapped like a training system.
The Academy Standard
A bold academy poster system—panoramic training imagery, oversized type, and information arranged with uncompromising clarity.
The Living Mat
A warm community-first composition—interlocking mat geometry, candid photo windows, and an inviting path into the academy.
The Colonnade
Classical temple architecture—symmetrical columns, pediment hero, and monumental calm. A house of practice, not a gym.
Night Session
Cinematic after-hours academy—deep black, sparse type, film-strip image frames. Atmosphere first, information second.
Systems Blueprint
Technical paper and process diagrams—CLA as a system, values as nodes, membership as a specification. Engineered clarity.
Apex — Synthesis
The recommended build. Best of all nine: cinematic photo hero with a stat strip, the ἀρετή creed band, a constraints-led concept map, Greek colonnade accents, and gold-earned CTAs.