Athletic and direct: condensed type, personal bests, programmes priced like a gym board.
Inspired by
Gym whiteboards and training logs with personal bests chalked up.
What to notice
Programmes are priced like a gym board, with PBs front and centre.
How it was made
Drawn and built by the Fuccura studio as a React component, then tested in the editor, on phones and with reduced motion. Every section reads from one shared content model, so the same words fill any design.
Who it’s for
Personal trainers, Coaches, Athletes.
Scroll through it
The real template, running live with sample content.
Loading preview…
Two ways to use it
Free · you edit the code
Download and set it up
Install Node.js (the LTS version) if you don’t have it.
Unzip the download and open the folder in a terminal.
Run npm install, then npm run dev. It opens in your browser.
Put your own words in src/content.json and your photos in public/. Colours and fonts are in the README.
Run npm run build and upload the dist folder to any static host (Netlify, Cloudflare Pages, GitHub Pages).
