Fitness · Programs page

Fitness Programs Template

Every class and plan.A programs page: a photographic hero, a training process, a feature relay, a class gallery, à-la-carte pricing and an FAQ before the split CTA — styled by your tokens.

When to use this template

A programs page has to make a schedule comprehensible: what runs, how often, and who each one is for.

This one is dressed in Fitness copy and runs 9 sections, opening on the Tier navbar and closing with the Anchor footer. In between it covers hero, process and features.

At a glance

Page type
Programs
Business
Fitness
Sections
9
Section types
9
Design tokens
Colour, Radius, Shadow, Spacing, Typography
Requires JS
No
Price
Free

9 sections in this page

Every section below is a real, responsive layout rendered in your own design tokens — not a screenshot. In page order:

  1. 1

    Tier

    Navbar

    The nav links sit inside a rounded segmented pill in the centre, the active link filled as its own segment.

  2. 2

    Canvas

    Hero

    The picture is the section: a full-bleed photograph fills the hero with the headline and buttons resting near the bottom.

  3. 3

    Blocks

    Process

    A grid of numbered step cards, each leading with a large index number above its title and text.

  4. 4

    Relay

    Features

    A four-step sequence rather than parallel cells, each step a numbered icon node on a connecting track.

  5. 5

    Showcase

    Gallery

    A three-column grid of image cards, each a swappable photo slot over a title and caption.

  6. 6

    Carte

    Pricing

    A menu-style price list rather than a card grid — a narrow, hairline-divided run of rows, at home on a service business.

  7. 7

    Clarity

    FAQ

    A single-column accordion using native expand and collapse — real open/close behaviour with no scripting.

  8. 8

    Split

    Call to action

    A horizontal call to action — heading and subcopy on the left, a solid and a ghost button on the right.

  9. 9

    Anchor

    Footer

    A minimal centered footer — a wordmark, one wrapping nav row, a divider, then copyright and social buttons.

Fitness Programs template FAQ

Common questions about Fitness Programs — how it compares with Fitness Home, which of its 9 sections you can drop and where the sample copy in the preview comes from.

How is Fitness Programs different from Fitness Home?
Both are Fitness page templates, but they are built from different layouts — they have only 1 section in common. Fitness Programs runs 9 sections and opens on the Tier navbar; Fitness Home runs 9 and opens on the Tier navbar.
Can I use only part of the Fitness Programs template?
Yes. The 9 sections are independent, so you can remove any of them and keep the rest. Tier and Anchor are page furniture you will usually replace with your own navigation and footer; everything between them is the page proper.
Do I have to write my own copy for Fitness Programs?
The preview is filled with sample Fitness copy so you can judge the layout at a realistic length rather than against placeholder text. It is meant to be replaced — the wording is sample content, while the layout and the design tokens are what you keep.

Another 7 Fitness templates — home, about and membership pages among them. Each is a different mix of sections, and every one renders in the design tokens you set here.

Fitness Home Momentum from the first scroll. Fitness Bold High-energy and direct. Fitness Story Coaches and community. Fitness Membership Join on the right plan. Fitness Classes Find your next session. Fitness Results Proof in the numbers.

All Fitness templates →