Fit and Run Template

Fit and Run is a three-page Framer template for crews that train together — running clubs, cycling groups, bootcamps, coached programmes and race teams.

The home page opens on a soft, feathered hero portrait with scan-style annotations and counting stats, then moves through a split story section with a scroll-drawn route, a word-by-word statement, a weekly schedule, a gear grid, testimonials, three-tier pricing, an FAQ accordion and a dark closing call to action. Contact and Join pages ship with real forms: text, email, dropdowns, radio pills, a checkbox and a submit button with pending, success and error states.

Everything is built the Framer way: eleven colour styles, fourteen text styles and three link styles; a layout template that carries the sticky topbar (with mobile drawer) and footer across every page; a Button component with five variants and hover states; an FAQ component; and three small code components you tune from the properties panel — Counter (count-up stats), ScrollPath (the route that draws itself as you scroll, nodes lighting up as the line reaches them) and Preloader (a full-screen loading screen that draws the same route from 0% to 100%, once per session).

Motion is deliberate and one-shot: fade-ups on scroll, counting numbers, a word reveal, the drawn route. No loops, no marquees. Geist and Geist Mono throughout. Desktop, tablet and phone breakpoints on every page, plus a custom 404.

Pages: Home · Contact Us · Join the Crew · 404

Features to tick: Animations · Forms · Responsive · Layout templates · Code components · Custom 404 · Pricing · FAQ · Testimonials · Contact form (tick whichever the form offers)