Gym & fitness studio website template
Ironworks
A loud, high-contrast website template for strength gyms, CrossFit boxes, boxing clubs and personal training studios. Condensed uppercase headlines, acid-lime on near-black and gritty photography make it feel like the gym floor. Includes a weekly class timetable, program cards, coach profiles, membership tiers with a comparison table, three training articles and art-directed image prompts.
$19$49
one-time, no subscription
Instant download · 7-day refund before first download
Every page, finished
9 pages · 42 sections · 19 photos
Design system
- Display face
- Anton
- Body face
- Archivo
- Header · footer · images
- classic · mega · square
- paper
#0B0B0C - surface
#161618 - ink
#F4F4F2 - muted
#9B9B98 - line
#2A2A2D - brand
#D4FF3A - brandInk
#0B0B0C - accent
#FF5A36
What’s inside
- Next.js 16 project — App Router, static export, TypeScript
- Astro 7 project — same components as .astro files
- Plain HTML — compiled Tailwind CSS, open index.html
- 19 photos as WebP at 1600px and 800px, plus the prompts
- All copy in one site.json — names, prices, hours, posts
- Working contact form markup (Formspree-ready) and thank-you page
- SEO titles, descriptions and Open Graph tags on every page
Sections used
- Full-bleed hero
- Marquee
- Feature grid
- Timetable
- Listings
- Stats
- Testimonials
- Call to action
- Page header
- Story
- Team
- Gallery
- Service list
- Image + text
- Process steps
- Pricing tiers
- Comparison table
- FAQ
- Contact form + details
- Info bar
- Newsletter
- Article grid
- Article layout
Next.js 16
App Router · static export
Astro 7
Components + content JSON
Tailwind 4
Theme as CSS variables
HTML
Compiled CSS, no build
About the gym & fitness studio template
Can I connect my booking software?
Yes. Link the booking buttons to Mindbody, Wodify, PushPress or your own app, or embed a live schedule in place of the static timetable.
Is the timetable easy to update?
The schedule is a simple grid of days and time slots. Change a class name or time and the table updates everywhere it appears.
Does it suit yoga or Pilates studios?
The structure works, but the bold dark styling is designed for strength and conditioning. Studios wanting a softer feel may prefer a lighter template.
Can I use it for a client?
Yes — unlimited personal and client projects. You just can’t resell the template itself.
How do I change the business name, colours and photos?
Edit site.json for words and images; change the eight colour variables and two font names at the top of global.css. Every page follows.
Building for this industry? Read the gym website template guide.
