Martial arts website template

Prompt our AI to generate a martial arts website template instantly

Generate a similar martial arts website template

To create a martial arts website template like this one, click on the prompt below. You’ll be able to edit the text to add your business name and unique details. See our AI instantly create your personalized version of this martial arts website template, which you can customize and launch the same day.

For the homepage of Iron Crane Academy, a Muay Thai and Brazilian Jiu-Jitsu gym founded by Sensei Marcus Webb (3rd-degree black belt) in a converted warehouse, build a site where booking a free trial class is the primary action, not a footer link — this is a training ground, not a corporate gym brochure. For the hero, use a full-bleed action photo shot low and wide across the mat: two students mid-roll in gis, chalk dust caught in a shaft of window light, sweat visible, nothing posed. Overlay a warm charcoal gradient, top-to-bottom, ~35% opacity, just enough to seat white type. Set the nav wordmark IRON CRANE in tight tracked caps top-left; headline reads Discipline Is Built Here, Not Bought set oversized and angled 4 degrees off-axis like a strike landing, spanning nearly the full viewport width; subheadline below in a lighter weight: Muay Thai and BJJ for all levels — first class is free, no gi required; CTA button Claim Your Free Class in solid ember red. Typography pairs Neue Machina Bold for display (the angled hero headline, section numerals) with Inter for body and UI text — never more than these two faces anywhere on the page. Ground color is a warm near-black #171512, never pure #000; the accent is ember red #D8432E, repeated on every CTA, the belt-wall fill, and link hover states, so it reads as the gym's color even in grayscale. Below the hero, lay out the program section asymmetrically: Muay Thai and BJJ each get an oversized offset card bleeding past the grid edge with a real photo (pad work, a guard pass) rather than icon illustrations, plus honest class-level tags (Beginner, All Levels, Competition Team). Add an instructor section with Sensei Webb's real bio — 14 years training, competed in Thailand, opened Iron Crane in 2019 — and a kids' program block with its own schedule grid (Tues/Thurs 4:30pm, ages 6–12). The signature moment is the Belt Wall: a horizontal, scroll-driven timeline of the academy's actual belt ranks (white through black for BJJ, novice through Kru for Muay Thai) rendered as a filling bar in ember red, with real student photos pinned at the rank they hold and a live counter reading 1,240 classes taught this year ticking upward as it scrolls into view; this same filling-bar motif should reappear wherever progress is shown (the trial-to-membership funnel, the schedule page) so it reads as one consistent idea rather than a one-off widget. Motion throughout is deliberate, not decorative: hero copy fades up 600ms ease-out on load, the Belt Wall bar fills over 800ms ease-in-out as it enters the viewport, and class cards lift 4px with a soft shadow on hover at 200ms ease-out; under prefers-reduced-motion, drop all fills and lifts to instant opacity cross-fades. Every name, schedule, price, and bio should read as a real gym's — no Lorem ipsum, no bracketed placeholders anywhere.

Find more website templates

Browse our template gallery to find the right AI starting point for your site.

Similar website templates

Tattoo studio website template Auto repair website template Car detailing website template Construction company website Family law website Intellectual property lawyer website Chauffeur website Musician website

Use B12's AI website builder to see a draft of your new website in 60 seconds

Take the stress out of website building, and in just a few clicks, build a website with all the features you need to better attract, win, and serve your clients online.

Build my free site todayNo credit card required

Everything your business needs to thrive