askotter / Templates / Gyms & Fitness Studios

starting points · gyms & fitness studios

Fitness website designs, eight live examples.

People join a gym on a specific Monday and the decision is emotional. The timetable and the free trial are what turn the intention into a signup before it fades.

See the eight directions Get a free proposal and sample

eight directions · gyms & fitness studios

Eight ways a gym or studio site can look.

Each one is a full site with every page working, the booking path and the trade's own tool, plus the SEO autopilot running in the corner. Open one, switch between them from the bar at the top, and copy the prompt when one fits.

Editorial Charcoal

A magazine grid with heavy rules and square corners, where the photography carries the page.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a gym or studio site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a gym or studio in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Editorial, Charcoal palette
- Look: A magazine grid with heavy rules and square corners, where the photography carries the page.
- Hero: Magazine hero: a very large headline across the full width, a three-column row under it (paragraph, buttons, badges), then a full-width photo strip.
- Type: headings in Georgia at weight 400 with letter-spacing -.02em; body in Outfit. Labels uppercase with .14em tracking. Headings left-aligned.
- Colour: accent #22252b with #ffffff text on it; page background #f5f5f6; cards #ffffff; text #101215; secondary text #5f636b; rules #e3e4e7. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 0px, border weight 2px, shadow none.
- Motion: Elements fade and rise slightly as they scroll into view. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the which membership fits? tool, how it works in three steps, a photo gallery, this week's timetable, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Two a week membership, Unlimited membership, Personal training, Open gym membership, Free trial week), each with the price, what is included, and at least two questions people ask before booking.
- Memberships: a working quiz that recommends a service, titled "Which membership fits?".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Class timetable: The first question is whether there is a class at a time that works, and a timetable hidden in a PDF loses them.
- Membership options: Published pricing removes the sales-tour anxiety that stops people walking in.
- Free trial signup: The trial is the conversion. Asking for a card at this point kills it.
- The coaches: People buy coaching from a person, so each coach's qualifications and specialty go on the page.
- Member result: A specific result from a named member beats any before-and-after collage.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- ExerciseGym structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

02Trend

Kinetic Type Acid, dark

Condensed capitals at poster size and a line of services that scrolls across the screen.

Oversized moving type replaced the hero photo on sports and music sites and spread to local brands.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a gym or studio site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a gym or studio in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Kinetic Type, Acid palette
- Look: Condensed capitals at poster size and a line of services that scrolls across the screen.
- Why it reads as current: Oversized moving type replaced the hero photo on sports and music sites and spread to local brands.
- Hero: Poster-size condensed headline, a band of service names scrolling sideways in the accent colour, then a wide photo.
- Type: headings in Anton at weight 400 with letter-spacing .005em; body in Inter. Labels uppercase with .1em tracking. Headings left-aligned.
- Colour (dark theme): accent #c6f432 with #0b0b0c text on it; page background #0b0b0c; cards #151517; text #f4f4f5; secondary text #a1a1aa; rules #2a2a2e. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 6px, border weight 2px, shadow none.
- Motion: Elements fade and rise slightly as they scroll into view. The service band scrolls sideways continuously and pauses on hover. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the which membership fits? tool, how it works in three steps, a photo gallery, this week's timetable, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Two a week membership, Unlimited membership, Personal training, Open gym membership, Free trial week), each with the price, what is included, and at least two questions people ask before booking.
- Memberships: a working quiz that recommends a service, titled "Which membership fits?".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Class timetable: The first question is whether there is a class at a time that works, and a timetable hidden in a PDF loses them.
- Membership options: Published pricing removes the sales-tour anxiety that stops people walking in.
- Free trial signup: The trial is the conversion. Asking for a card at this point kills it.
- The coaches: People buy coaching from a person, so each coach's qualifications and specialty go on the page.
- Member result: A specific result from a named member beats any before-and-after collage.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- ExerciseGym structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

03Trend

Neo-Brutalist Highlighter

Thick black outlines and hard offset shadows over flat bright colour, so nobody confuses you with the shop down the road.

Hard shadows and heavy outlines came back through Gumroad and Figma and now signal a brand with opinions.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a gym or studio site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a gym or studio in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Neo-Brutalist, Highlighter palette
- Look: Thick black outlines and hard offset shadows over flat bright colour, so nobody confuses you with the shop down the road.
- Why it reads as current: Hard shadows and heavy outlines came back through Gumroad and Figma and now signal a brand with opinions.
- Hero: Bento hero: a grid of rounded tiles of different sizes. The headline tile is largest; others hold the photo, two stats, the next opening, the tool, one review and the hours.
- Type: headings in Space Grotesk at weight 700 with letter-spacing -.03em; body in Space Grotesk; small labels in Space Mono. Labels uppercase with .04em tracking. Headings left-aligned.
- Colour: accent #ffd23f with #0a0a0a text on it; page background #fff6dc; cards #ffffff; text #0a0a0a; secondary text #3a3a3a; rules #0a0a0a. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 0px, border weight 3px, shadow 6px 6px 0 #0a0a0a.
- Motion: Elements fade and rise slightly as they scroll into view. Cards and buttons carry a hard offset shadow and shift 2px toward it on hover. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the which membership fits? tool, how it works in three steps, a photo gallery, this week's timetable, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Two a week membership, Unlimited membership, Personal training, Open gym membership, Free trial week), each with the price, what is included, and at least two questions people ask before booking.
- Memberships: a working quiz that recommends a service, titled "Which membership fits?".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Class timetable: The first question is whether there is a class at a time that works, and a timetable hidden in a PDF loses them.
- Membership options: Published pricing removes the sales-tour anxiety that stops people walking in.
- Free trial signup: The trial is the conversion. Asking for a card at this point kills it.
- The coaches: People buy coaching from a person, so each coach's qualifications and specialty go on the page.
- Member result: A specific result from a named member beats any before-and-after collage.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- ExerciseGym structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

04Trend

Cinematic Night Forest, dark

Each section is a full-screen photograph with a few words over it, revealed as you scroll.

Scroll-driven storytelling became cheap to build once browsers shipped scroll-timeline animation.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a gym or studio site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a gym or studio in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Cinematic, Night Forest palette
- Look: Each section is a full-screen photograph with a few words over it, revealed as you scroll.
- Why it reads as current: Scroll-driven storytelling became cheap to build once browsers shipped scroll-timeline animation.
- Hero: The first screen is one full-bleed photograph with a dark gradient scrim, and the headline, paragraph and buttons sit over it.
- Type: headings in Instrument Serif at weight 400 with letter-spacing -.02em; body in Inter. Labels sentence case with .2em tracking. Headings centred.
- Colour (dark theme): accent #46d68c with #04110a text on it; page background #07140e; cards #0d2018; text #e7f3ec; secondary text #93b2a1; rules #1e3a2d. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 4px, border weight 1px, shadow none.
- Motion: Elements fade and rise slightly as they scroll into view. The "how it works" section pins a photo on one side while the steps scroll past on the other. A faint film-grain texture sits over the darker sections. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the which membership fits? tool, how it works in three steps, a photo gallery, this week's timetable, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Two a week membership, Unlimited membership, Personal training, Open gym membership, Free trial week), each with the price, what is included, and at least two questions people ask before booking.
- Memberships: a working quiz that recommends a service, titled "Which membership fits?".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Class timetable: The first question is whether there is a class at a time that works, and a timetable hidden in a PDF loses them.
- Membership options: Published pricing removes the sales-tour anxiety that stops people walking in.
- Free trial signup: The trial is the conversion. Asking for a card at this point kills it.
- The coaches: People buy coaching from a person, so each coach's qualifications and specialty go on the page.
- Member result: A specific result from a named member beats any before-and-after collage.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- ExerciseGym structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

05Trend

Mono Neon Cinema, dark

A dark interface with one electric accent and monospaced labels, laid out like a control room.

Developer-tool styling, dark with a single acid accent, moved from software marketing into the trades.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a gym or studio site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a gym or studio in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Mono Neon, Cinema palette
- Look: A dark interface with one electric accent and monospaced labels, laid out like a control room.
- Why it reads as current: Developer-tool styling, dark with a single acid accent, moved from software marketing into the trades.
- Hero: Poster-size condensed headline, a band of service names scrolling sideways in the accent colour, then a wide photo.
- Type: headings in Sora at weight 600 with letter-spacing -.04em; body in Sora; small labels in JetBrains Mono. Labels uppercase with .14em tracking. Headings left-aligned.
- Colour (dark theme): accent #ff5a36 with #140603 text on it; page background #0a0a0a; cards #151515; text #f5f5f4; secondary text #a8a29e; rules #292524. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 8px, border weight 1px, shadow none.
- Motion: Elements fade and rise slightly as they scroll into view. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the which membership fits? tool, how it works in three steps, a photo gallery, this week's timetable, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Two a week membership, Unlimited membership, Personal training, Open gym membership, Free trial week), each with the price, what is included, and at least two questions people ask before booking.
- Memberships: a working quiz that recommends a service, titled "Which membership fits?".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Class timetable: The first question is whether there is a class at a time that works, and a timetable hidden in a PDF loses them.
- Membership options: Published pricing removes the sales-tour anxiety that stops people walking in.
- Free trial signup: The trial is the conversion. Asking for a card at this point kills it.
- The coaches: People buy coaching from a person, so each coach's qualifications and specialty go on the page.
- Member result: A specific result from a named member beats any before-and-after collage.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- ExerciseGym structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

06Trend

Bento Cobalt

Rounded tiles of different sizes, each holding one fact, so the first screen answers five questions at once.

The tile grid Apple uses for product pages, now the default way to show many facts on one phone screen.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a gym or studio site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a gym or studio in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Bento, Cobalt palette
- Look: Rounded tiles of different sizes, each holding one fact, so the first screen answers five questions at once.
- Why it reads as current: The tile grid Apple uses for product pages, now the default way to show many facts on one phone screen.
- Hero: Bento hero: a grid of rounded tiles of different sizes. The headline tile is largest; others hold the photo, two stats, the next opening, the tool, one review and the hours.
- Type: headings in Manrope at weight 800 with letter-spacing -.035em; body in Manrope. Labels sentence case with .02em tracking. Headings left-aligned.
- Colour: accent #3346e8 with #ffffff text on it; page background #f2f3f8; cards #ffffff; text #0f1222; secondary text #575c72; rules #e1e3ee. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 22px, border weight 1px, shadow 0 1px 2px rgba(0,0,0,.04),0 10px 30px -14px rgba(0,0,0,.14).
- Motion: Elements fade and rise slightly as they scroll into view. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the which membership fits? tool, how it works in three steps, a photo gallery, this week's timetable, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Two a week membership, Unlimited membership, Personal training, Open gym membership, Free trial week), each with the price, what is included, and at least two questions people ask before booking.
- Memberships: a working quiz that recommends a service, titled "Which membership fits?".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Class timetable: The first question is whether there is a class at a time that works, and a timetable hidden in a PDF loses them.
- Membership options: Published pricing removes the sales-tour anxiety that stops people walking in.
- Free trial signup: The trial is the conversion. Asking for a card at this point kills it.
- The coaches: People buy coaching from a person, so each coach's qualifications and specialty go on the page.
- Member result: A specific result from a named member beats any before-and-after collage.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- ExerciseGym structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

07Trend

Swiss Grid Signal Red

A strict column grid with heavy sans headings, big numerals and one red, and no ornament anywhere.

The International Typographic Style is back as the antidote to template sameness.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a gym or studio site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a gym or studio in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Swiss Grid, Signal Red palette
- Look: A strict column grid with heavy sans headings, big numerals and one red, and no ornament anywhere.
- Why it reads as current: The International Typographic Style is back as the antidote to template sameness.
- Hero: Magazine hero: a very large headline across the full width, a three-column row under it (paragraph, buttons, badges), then a full-width photo strip.
- Type: headings in Archivo at weight 800 with letter-spacing -.045em; body in Archivo. Labels uppercase with .12em tracking. Headings left-aligned.
- Colour: accent #d1000d with #ffffff text on it; page background #ffffff; cards #f3f3f3; text #0a0a0a; secondary text #4f4f4f; rules #cfcfcf. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 0px, border weight 2px, shadow none.
- Motion: Elements fade and rise slightly as they scroll into view. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the which membership fits? tool, how it works in three steps, a photo gallery, this week's timetable, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Two a week membership, Unlimited membership, Personal training, Open gym membership, Free trial week), each with the price, what is included, and at least two questions people ask before booking.
- Memberships: a working quiz that recommends a service, titled "Which membership fits?".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Class timetable: The first question is whether there is a class at a time that works, and a timetable hidden in a PDF loses them.
- Membership options: Published pricing removes the sales-tour anxiety that stops people walking in.
- Free trial signup: The trial is the conversion. Asking for a card at this point kills it.
- The coaches: People buy coaching from a person, so each coach's qualifications and specialty go on the page.
- Member result: A specific result from a named member beats any before-and-after collage.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- ExerciseGym structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

08Trend

Frosted Glass Midnight, dark

Translucent panels floating over a full-screen photograph, with soft depth and rounded corners.

Apple's Liquid Glass interface made frosted, layered panels the look of 2026 software.

Full site

Read the prompt

Copy this into the builder inside askotter and fill in the {{placeholders}}. It carries the look, the pages, the components a gym or studio site needs, the SEO rules and the writing rules.

Build a website for {{Business name}}, a gym or studio in {{Town}}, {{State}}.
Use my real services, prices, hours, phone number and service area. Leave anything you do not know as a clearly marked placeholder. Never invent reviews, team members, awards or results.

DESIGN DIRECTION: Frosted Glass, Midnight palette
- Look: Translucent panels floating over a full-screen photograph, with soft depth and rounded corners.
- Why it reads as current: Apple's Liquid Glass interface made frosted, layered panels the look of 2026 software.
- Hero: The first screen is one full-bleed photograph with a dark gradient scrim, and the headline, paragraph and buttons sit over it.
- Type: headings in Plus Jakarta Sans at weight 700 with letter-spacing -.03em; body in Plus Jakarta Sans. Labels sentence case with .04em tracking. Headings left-aligned.
- Colour (dark theme): accent #7cc4ff with #08111f text on it; page background #0a1120; cards #111b2f; text #edf2fb; secondary text #9aa8c3; rules #24314d. Keep every text colour at 4.5:1 contrast or better.
- Shape: corner radius 20px, border weight 1px, shadow 0 20px 50px -20px rgba(0,0,0,.35).
- Motion: Elements fade and rise slightly as they scroll into view. Panels over photos are frosted glass: semi-transparent surface with a backdrop blur of about 18px. All motion switches off under prefers-reduced-motion.
- Photography: real photographs of the work and the premises. People may appear in the hero. Never place a photo of a face next to a name, a review or a team bio.

PAGES
- Home: hero, services grid, the which membership fits? tool, how it works in three steps, a photo gallery, this week's timetable, three reviews, hours and service area, four FAQs, and a closing call to action.
- One page per service (Two a week membership, Unlimited membership, Personal training, Open gym membership, Free trial week), each with the price, what is included, and at least two questions people ask before booking.
- Memberships: a working quiz that recommends a service, titled "Which membership fits?".
- About, and Contact with a short booking form (name, mobile, what it is for), a map, the hours and the list of towns served.
- A tap-to-call button fixed to the bottom of the screen on phones.

COMPONENTS THIS TRADE NEEDS
- Class timetable: The first question is whether there is a class at a time that works, and a timetable hidden in a PDF loses them.
- Membership options: Published pricing removes the sales-tour anxiety that stops people walking in.
- Free trial signup: The trial is the conversion. Asking for a card at this point kills it.
- The coaches: People buy coaching from a person, so each coach's qualifications and specialty go on the page.
- Member result: A specific result from a named member beats any before-and-after collage.

SEO REQUIREMENTS
- Title tags under 60 characters in the form "{Service} in {{Town}} | {{Business name}}". Meta descriptions 140 to 155 characters that state the price or the next opening.
- One H1 per page naming the service and the town. Use the questions customers ask as H2 and H3 headings.
- ExerciseGym structured data on every page with the address, phone, hours and service area; Service markup on each service page; FAQPage markup only where the questions are visible on that page.
- Prices, hours, insurance or payment options and service-area towns written as text, never inside images.
- Compress every photo, lazy-load everything below the first screen, and write alt text that says what is in the photo.
- Link Home to every service page and link related services to each other. Generate sitemap.xml and llms.txt from the pages.
- Aim for a Largest Contentful Paint under 2.5 seconds on a mid-range phone.

WRITING RULES
- Write the way the owner would say it out loud to a customer. Vary sentence length.
- No em dashes. No antithesis or corrective negation ("not X, but Y"). No contrasting pairs, rule-of-three lists for rhythm, or short punchline sentences closing a paragraph.
- No throat-clearing openers, summary beats, rhetorical questions or setup-and-payoff lines.
- No filler intensifiers (genuinely, really, truly, actually), no corporate verbs (leverage, underscore, reflect), no hedging, no performed enthusiasm, no stacked noun phrases.
- Lead every section with the fact the visitor came for: price, availability, coverage, or what happens next.

Every business, price and review on these sites is invented, and each site says so on every page. The photographs are CC0 stock standing in for the business's own.

mix your own

Try any of the sixteen directions on this trade.

The studio redraws the page with every direction and palette, including the ten trend directions, and with the components a gym or studio site needs.

Direction

Palette

riverbenddental.com

A drawing of a layout, not a screenshot. Every business name, price, phone number and review above is invented. Blocks mark where your own photography goes.

What this trade needs on the page

Start building your own

Your direction, palette and trade travel with you. Free for 14 days, no card required.

the short answer

What should a gym or studio website include?

A gym or studio website has a job that is specific to the trade, and the components that do that job are class timetable, membership options, free trial signup, the coaches. People join a gym on a specific Monday and the decision is emotional.

Read the full answerShow less

The timetable and the free trial are what turn the intention into a signup before it fades. askotter builds the site around that component set rather than around a theme: the direction and palette are chosen by the owner, and the pages themselves are written from the practice's own services, prices, hours and service area. The build, the hosting and the monthly work are one price, $99/mo self-managed or $600/mo managed, with no separate design or setup fee. The first draft comes back the same day and a person reviews every change before it publishes. A business wanting to browse finished themes and edit one itself is better served by Squarespace or Wix.

Directions: Eight shown as full sample sites, starting with Editorial. Sixteen in the studio.
Components: 5 written for gyms and fitness studios, shown in the studio above.
Built from: Your services, prices, hours and service area, plus the direction and palette you pick.
Price: $99/mo self-managed or $600/mo managed. No design or setup fee.
First draft: Same day. Launch typically five to ten working days.
Not for: Anyone who wants to browse finished themes and edit one themselves.

the components, in words

What goes on a gym or studio site, and why.

The studio above draws these. Here they are as text, which is the version worth reading if you are briefing someone else or building it yourself.

Class timetable

The first question is whether there is a class at a time that works, and a timetable hidden in a PDF loses them.

Membership options

Published pricing removes the sales-tour anxiety that stops people walking in.

Free trial signup

The trial is the conversion. Asking for a card at this point kills it.

The coaches

People buy coaching from a person, so each coach's qualifications and specialty go on the page.

Member result

A specific result from a named member beats any before-and-after collage.

Want the longer version of what the site has to do once a visitor lands? Website design for gyms & fitness studios covers the pages, the leaks and the FAQ. This page covers the look and the components.

what it costs

No design fee. No setup fee.

The build is inside the monthly price, and on a managed plan the site transfers to you after six months.

You drive the builder and ship the changes Whiskers suggests. The platform does the analysis.

Self-managed plan
Self-managed$99/moWebsite, SEO and the platform. Compute-based after that.
Website and SEO
AI web builder, unlimited edits	Included
Your site hosted on your own domain	Included
SEO: keywords, on-page, schema, rank tracking	Included
AI content recommendations, ready to publish	Included
Answer engine optimization	Included
askotter dashboard and change log	Included
Paid channels
Google Ads + Meta Ads, connected and tracked	Add per channel
AI bidding and budget recommendations	With each channel
True ROAS against your real revenue	With each channel
How it runs
Who ships each change	You
A person reviews every change before it ships	Not included
Ad accounts	Yours, you keep them
What moves the price	The compute you use
Cancel anytime	Included
Sign up for the free 14-day trial

The $99/mo covers your website and SEO on the platform. After that the price is compute-based. Ask Whiskers to run more analysis, or to watch more ad channels for you, and the bill scales with how much you use.

No setup fee. Ad spend is billed to you by Google and Meta.

Want a person to run it for you?

Our team builds and runs it. A person reviews every AI recommendation before it ships.

Human-in-the-loop plans compared
What is included	PopularManaged SEO$600/moWe build it and run the SEO.	Managed + Ads$1,000/moEverything in Managed SEO, plus Google Ads and Meta Ads run by our team.
Website and SEO
We build and host your website	Included	Included
Monthly SEO, done for you	Included	Included
Content written, reviewed and published	Included	Included
Answer engine optimization, run for you	Included	Included
One site refresh per year	Included	Included
askotter dashboard and change log	Included	Included
Paid channels
Google Ads + Meta Ads management	Not included	Included
Monthly performance reviews	Not included	Included
Ad budget	Not needed	Under $10K/mo
How it runs
Who ships each change	Our team	Our team
A person reviews every change before it ships	Included	Included
Email marketing waterfall	Setup	Fully managed
Strategy calls	Not included	Monthly
Website is yours after six months	Included	Included
	Get a free proposal	Get a free proposal

No setup fee. Cancel anytime. Ad spend is billed to you by Google and Meta.

Want to talk it through first? Book a 20-minute demo

Prefer to run it yourself?

questions

Questions about gym or studio websites

Do you have a gym or studio website template I can buy?

There is no theme file to buy. askotter offers eight design directions for gyms and fitness studios, each shown as a full sample site, and a prompt for each one that starts your own build in the askotter builder. The pages are then written from your own services, prices and hours, so two gyms and fitness studios starting from the same direction end up with different sites. If you want a theme file to buy and edit yourself, Squarespace and Wix sell that well.

How long does a gym or studio website take to build?

The first full draft comes back the same day you describe the business or hand over the URL of the site you already have. Launch is typically five to ten working days, most of which is you reviewing pages rather than us building them. There is no discovery phase and no queue behind four other clients.

Can you rebuild the site I already have?

Yes. Give us the URL. The agents read every page, keep what is still earning its place, such as your bio, your reviews and copy you spent a weekend on, and rebuild the rest around the component set. The URL structure is preserved where it can be and redirects are written where an address has to change, so the rankings come with you.

Can I change the look after launch?

Yes, by message. "Try the navy palette" or "make the headings serif" goes into the same text thread as every other change, a preview comes back, and it publishes when you reply yes. Rolling it back is another message.

Does the design affect whether I rank?

Less than the structure does. What moves rankings for gyms and fitness studios is a page per service rather than one services page, real questions as headings, prices and service areas written as text rather than sitting in an image, and schema that matches what is visible. All of that is built in whichever direction you pick. Speed matters too: the sample sites here compress every photo and lazy-load anything below the first screen, and the SEO panel on each one shows the checks it passes.

full sample sites

Finished sites for other trades.

Complete websites for invented businesses, every page and a working tool, built the way yours would be.

Dentists · 8 directions · 10 pages each

Riverbend Dental

Working tool: What your treatment costs monthly

Emergency strip
A page per procedure
Financing estimator

Fitness website designs, eight live examples.

Eight ways a gym or studio site can look.

Editorial Charcoal

Kinetic Type Acid, dark

Neo-Brutalist Highlighter

Cinematic Night Forest, dark

Mono Neon Cinema, dark

Bento Cobalt

Swiss Grid Signal Red

Frosted Glass Midnight, dark

Try any of the sixteen directions on this trade.

What should a gym or studio website include?

What goes on a gym or studio site, and why.

Class timetable

Membership options

Free trial signup

The coaches

Member result

No design fee. No setup fee.

Questions about gym or studio websites

Do you have a gym or studio website template I can buy?

How long does a gym or studio website take to build?

Can you rebuild the site I already have?

Can I change the look after launch?

Does the design affect whether I rank?

Finished sites for other trades.

Riverbend Dental

Oakline Chiropractic

Fairmount Family Medicine

Lune Aesthetics

Northbay Physical Therapy

Hollow Creek Veterinary

Clearview Eye Care

Harrow & Bright

Ledger & Co

Northpoint Wealth

Kestrel Insurance Group

Marguerite Vance

Ridgeline Heating & Air

Hollis Plumbing

Copperline Electric

Summit Roofing

Kesler Auto Service

Fern & Field

Alder & Stone Landscapes

Cedar Ridge Pest Control

Tidewater Home Cleaning

Ironbridge Garage Doors

Nearby component sets.

Send us the brief you just built.