Chiropractor Website Template

About this chiropractor website template

The 10 pages you get

Home /

The spine returning to plumb, the clinic’s position, the treatments and the booking close.

Treatments /treatments/

What is offered, with rates. The page patients arrive for.

Your first visit /first-visit/

The assessment, what happens and what it costs. The page that converts the nervous, which is most of the market.

Book a first visit /book/

A working form plus live tel: and mailto: paths.

Journal /blog/

A wired content collection — add an .mdx file and it appears here and in the sitemap.

Two worked articles /blog/…

What we mean when we say your spine is off plumb; why a correction does not hold, and the two exercises that fix it. Both do the explaining the first consultation otherwise has to.

Terms & privacy /terms/ · /privacy/

Real legal routes — non-optional for a clinic handling health data.

404 /404

"Off the line" — designed in the same language.

What is in the build

• Twenty-four stacked vertebrae shipping in a scoliotic curve and returning cumulatively to plumb as a reading line descends the page
• A build that is quiet by measurement everywhere else — all of the motion budget spent on one element
• A first-visit route covering the assessment and its cost, which is what a nervous patient is actually searching for
• Treatments, rates, practitioners, assessment steps, reviews and FAQs as typed data in src/data
• A warm bone duotone grade across five images, so clinical photography stays calm
• Hanken Grotesk with Commissioner, both self-hosted; a working booking form plus live tel: and mailto:
• Vitest and Playwright suites included in the repository

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 62 different worlds reading as one design system in different paint.

The world

Warm bone ground, warm near-black ink and one brass accent — quiet by measurement, with all the motion spent on a single living spine at the right edge.

The mechanic

"The Plumb Returns": a stacked column of 24 vertebrae ships in a scoliotic S-curve, and a reading line descending the page adjusts each vertebra it crosses back onto the plumb axis — cumulative, so by the footer the whole spine is true vertical and the load-line is one straight brass thread.

Loud channel

Moving set-piece

Imagery. Warm bone duotone grade

Type & palette

Hanken Grotesk · Commissioner

#f3ede3 #1b1a17 #8f5314

Who it is for

Built for chiropractors, osteopaths, physiotherapists and spine clinics. It suits a practice that wants to explain a mechanism rather than promise an outcome — which is also the safer position in a regulated health category. The dental, orthodontist and optometrist builds share the structure for neighbouring practices.

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

1. 01 Accept the repository invite and clone it.
2. 02 Run npm install, then npm run dev.
3. 03 Replace the content in src/data/ with your own — that is where the brand, the copy and every list live.
4. 04 Swap the images in public/images/ and the palette in the @theme block.
5. 05 Run npm run build and deploy dist/ anywhere static.

Questions