CrossFit Demo: Included Pages & How to Customize It
The CrossFit demo in Canvas is built for affiliate owners, coaches, and performance gyms that want a bold online presence without rebuilding from scratch. It ships with a single demo page that pulls together the essentials: a hero pitch, class schedule, coaching roster, programming philosophy, and a contact path for new athletes. The layout is stretched, dark, and uses semi-transparent overlays so your photography and class imagery carry the brand.
Designed in a deep dark palette accented by a vivid orange theme color, the demo has the grit and energy you would expect from a box. Typography follows the Canvas defaults so the focus stays on your coaches, your community, and the work being done on the floor.
What's included
| Page | Description |
|---|---|
demo-crossfit.html |
The CrossFit Box homepage for Forge Athletic Performance, combining a hero intro, classes, coaches, and contact details into one long-scroll landing page. |
The demo's own styles live in demos/crossfit/crossfit.css. Shared framework styles come from style.css and css/font-icons.css.
The full editing guide is in the dashboard
Step-by-step customization, the complete settings reference, and copy-paste code are available to registered Canvas users. Creating an account is free.
Required files
CSS: demos/crossfit/crossfit.css