Skip to content
🔥 Special Launch Offer: Get lifetime access to all 24 prompts!Claim Discount
Fitness

Gym membership site

Black gym homepage with an oversized condensed wordmark over a greyscale barbell photo and a yellow accent band.

The prompt

Build a website for a strength-training gym called Iron Meridian. It should feel intense without using a single gradient.

Intensity comes from three sources only: enormous type, hard black-and-white photography, and one saturated accent used sparingly.

Hero: a full-viewport black-and-white photograph of a loaded barbell, desaturated to true greyscale, with the gym name overlaid at clamp(3rem, 14vw, 11rem) in a condensed heavy face, tracking -0.04em, clipped by the viewport edges on both sides. One line beneath in monospace: the city, and the opening hours for today.

Then a class schedule as a real weekly table — seven day columns, time rows, each cell holding a class name and a coach initial. Horizontally scrollable inside its own container on mobile, never breaking the page layout. Then three membership tiers as full-width horizontal bands, each 240px tall, with the price at 3rem on the right and the inclusions as a monospace list on the left; the middle band is filled with the accent colour and its text inverts. Then a coaches section: four portraits in greyscale, name, discipline and a one-line credential. Then a location block with address, transit and a static map image. Then a trial-session form with three fields.

Design tokens: background #0A0A0A, surface #141414, hairline #242424, text #F5F5F5, muted #8A8A8A, accent #E4FF3A. Radius 0.

Constraints: no neon glow, no gradient overlay on the hero photo, no countdown offer, no before-and-after body photographs, no motivational quote block.

Paste the whole block into your builder. Replace the bracketed names with your own — leave the constraints alone, they are what stops the generic output.

About this prompt

A high-energy gym site that gets its intensity from scale and contrast rather than from neon gradients.

Tags:#dark-mode#brutalist#high-contrast#local
Prompt Setup Guide

How to use this prompt & FAQs

Follow these simple steps to generate high-converting websites using Gym membership site.

STEP 01

Copy System Prompt

Click the copy button above to grab the structured system prompt for "Gym membership site".

STEP 02

Paste into AI Builder

Open Lovable, Bolt, Codex, Claude, Replit, Windsurf and paste the system prompt into the composer or initial prompt box.

STEP 03

Generate & Refine

Replace any bracketed text like [App Name] with your specific details, then click generate.

Frequently Asked Questions

Gym membership site — AI prompt for Fitness | SitePromts · SitePromts