Chiropractor Website Template
Demo brand: APLOMB · Chiropractic & spine clinic · 30 routes · Astro 7 + Tailwind 4
Live preview
The demo is a full desktop site. Open it in a new tab ↗
About this chiropractor website template
A complete website for a chiropractic, physio or sports-therapy clinic: an online appointment picker, a "where does it hurt?" body finder, six treatment pages with prices, eight condition pages, a first-visit page, prices, the clinicians, a journal and an FAQ. Thirty built pages, all driven by content files.
It looks like a calm, well-run clinic. Warm white pages with pale blue-grey blocks, one dark band, daylight photography of hands-on treatment in a single consistent series, and one slate-blue accent. Red Hat Display for headings and prices, Atkinson Hyperlegible Next for everything else, chosen because patients in pain still have to read it.
Every section answers what a patient wants to know before booking: where does my problem fit, what will it cost, who will I see, what happens on the first visit and when can I come in. The price table, the body finder and the appointment picker answer it on the page. Motion is one quiet reveal.
The 30 pages you get
- Home
/ - Split hero with a live "next appointments" card, promises, the body finder, treatment cards, the clinic story with numbers, how a course of care runs, the appointment picker, the price table, reviews tagged by condition, exercise articles, FAQ with a first-visit timeline, and a booking band.
- Treatments
/treatments/ - Six appointments with price and length: first visit, follow-up, sports massage, pregnancy care, rehab session and posture assessment.
- Treatment pages
/treatments/…/ - Six pages. Price, who offers it, what is included, who it suits, related conditions, a patient quote and a button that opens the picker with that treatment already chosen.
- Conditions
/conditions/ - The body finder plus a photo card for every condition.
- Condition pages
/conditions/…/ - Eight pages, from neck pain to pregnancy pelvic pain. Signs, how it is treated, typical number of visits, when to see a doctor instead, and a booking button for the right appointment.
- Book online
/book/ - The appointment picker on its own page. Links from anywhere on the site can pre-select a treatment, clinician, day and time.
- Prices
/prices/ - First visit vs follow-up vs care plan, the full price list, and payment, insurance and cancellation terms.
- Your first visit
/first-visit/ - The hour step by step, what to bring, parking and first-visit questions.
- About
/about/ - The clinic story, key numbers and the three clinicians with bios, focus areas, clinic days and a "book with" button each. Initials, no face photos.
- Journal
/journal/ - Exercise and advice articles, each card showing the routine it teaches. Add an .mdx file and it appears here.
- Articles
/journal/…/ - Three written pieces: a desk routine for a stiff neck, what a disc bulge really is, and sleeping positions for sciatica.
- FAQ
/faq/ - Eight questions in an accordion, with the first-visit timeline beside them.
- Contact
/contact/ - Appointment request and question form, pre-filled from the picker, plus phone, email, address, hours and parking.
- Privacy and terms
/legal/…/ - Two starter pages on a shared layout, written for a clinic that keeps health records.
- 404
/404 - Designed, with links back home and to the body finder.
What is in the build
- An appointment picker: treatment, then clinician (only those who offer it), then the next open days and free times, then a summary with price. It sends a filled-in request to the contact form
- Clinicians and their weekly diaries in one data file; the picker and the hero "next appointments" card both read it
- A "where does it hurt?" finder: a body outline with a marker per area, plus a matching list, each linking to its condition page
- Treatments and conditions as Markdown collections with price, length, who offers it, signs, red flags and typical visits
- A first visit / follow-up / care plan price table that stacks row by row on phones
- One series of real clinic photographs with no patient or staff faces, optimised by Astro
- All clinic details, hours and parking in one file, and one accent colour that rebrands the whole site
- Vitest and Playwright suites included
The design decision
Every template in this catalog is loud in exactly one channel and deliberately quiet in the other three. That single rule is what stops 65 different worlds reading as one design system in different paint.
- The world
- Warm white ground with pale blue-grey blocks, Red Hat Display over Atkinson Hyperlegible Next, one daylit series of hands-on treatment photos, and a single slate-blue accent.
- The mechanic
- Patients find their problem on a body outline, compare first visit, follow-up and care plan prices, then pick a treatment, clinician, day and free time that pre-fills the booking request. Motion is one quiet reveal.
- Loud channel
- Imagery
- Imagery. Daylit hands-on treatment, no faces
- Type & palette
- Red Hat Display · Atkinson Hyperlegible Next
-
#faf8f5#1c2530#3b6e8f
Who it is for
Built for chiropractors, osteopaths, physiotherapists, sports-massage and rehab clinics with a small team. It suits a practice that wants patients to book online, sees a mix of back, neck, sports and pregnancy problems, and prefers to show prices up front.
Under the hood
- Astro 7 · static output, zero client framework
- Tailwind 4 · one @theme block holds the palette
- MDX content collections for the blog
- GSAP + Lenis for the scroll work, reduced-motion aware
- Self-hosted woff2 — no Google Fonts request
- Sitemap, canonicals and per-route meta wired
- Vitest + Playwright suites in the repository
- Zero third-party requests · strict CSP-ready
How to get started
- 01 Accept the repository invite and clone it.
- 02 Run
npm install, thennpm run dev. - 03 Replace the content in
src/data/with your own — that is where the brand, the copy and every list live. - 04 Swap the images in
public/images/and the palette in the@themeblock. - 05 Run
npm run buildand deploydist/anywhere static.
Questions
Does the appointment picker connect to my booking system?
Not out of the box. It shows free times from the weekly diaries in a data file and sends a request to your contact form. You can link the booking buttons to your practice software’s booking page instead, or replace one function with a call to its API. The README shows both.
Where do I put my registration details?
Your regulator and registration number, and your company number, are placeholders in one data file. They show in the footer, on the About page and in the terms. The template never names a regulator for you.
Can I use it for physiotherapy or osteopathy?
Yes. Treatments, conditions, clinicians and prices are all content files, so you can rename, add or remove them without touching the layout.
Can I use the photographs?
Yes. They are from Pexels, which allows commercial use, and each one is listed with its source in LICENSING.md. None shows a patient’s or clinician’s face.
What exactly do I get for $49?
Access to a private GitHub repository holding the complete Astro source of this template — every route you see in the preview, the content model, the images and the tests. Updates arrive in that same repository.
How many sites can I build with one licence?
As many as you like, for yourself or for clients. The licence is per buyer, not per project. The one thing you may not do is resell or redistribute the source as a template, theme or starter kit.
Do I need to know Astro?
It helps, but the common case is editing content and colour. Content lives in typed objects under src/data, colour lives in one @theme block, and npm run dev shows the result. Deploying is a static folder — Cloudflare Pages, Netlify and Vercel all take it as-is.
Is anything loaded from a third party?
No. Fonts are self-hosted woff2, there is no analytics, no tag manager, no CDN script and no external CSS. The build ships static HTML under a strict Content-Security-Policy.
More health & fitness templates
IRONCLAD
Boxing & strength gym
Loud
Display type
Hale
Hot yoga studio
Loud
Imagery
Terra & Still
Wellness coaching
Loud
Palette
Northlight Dental Co.
Dental practice
Loud
Imagery
Havenoak Therapy
Counselling & psychotherapy
Loud
Imagery