Accountant Website Template
Demo brand: Balsworth & Co. · Chartered accountancy practice · 17 routes · Astro 7 + Tailwind 4
Live preview
The demo is a full desktop site. Open it in a new tab ↗
About this accountant website template
A complete site for a chartered accountancy practice: seventeen built routes including six individual service pages, fixed monthly pricing, a practice page, a contact-and-call route, terms, privacy and a two-post journal.
Analysis-paper green with one deficit-red ink held strictly for a penny out. Hairline pad rules, and every figure in tabular mono decimal-aligned on a single spine. Piazzolla against Martian Mono. Type is the loud channel and it is set like a ledger.
The signature move is the books closing. Each section posts its fee as an equal debit and credit to a persistent DR/CR control rail; the difference settles to 0.00 and the year-end draws its double rule under a proven total. The control is the suspense account: inherited books a penny out, the difference standing in red, its double rule refused while the rest of the page balances.
The 17 pages you get
- Home
/ - The control rail balancing, the practice’s position, the services and the call close.
- Services
/services/ - The index — what the practice does for whom.
- Six service pages
/services/… - Year-end accounts & corporation tax, VAT returns, payroll & pensions, bookkeeping & management accounts, director self-assessment, company secretarial. Each a full route, each its own search.
- Pricing
/pricing/ - One fixed monthly fee. The page that separates a modern practice from an hourly-rate one.
- The practice
/practice/ - Who the accountants are and how they work. Trust, plus qualification.
- Contact & book a call
/contact/ - A working form with a pre-filled mailto: fallback and a live tel:.
- Journal
/journal/ - A wired content collection — add an .mdx file and it appears here and in the sitemap.
- Two worked articles
/journal/… - Six dates that run your company year, and the penny that will not reconcile. Useful to a director, and the second one explains the set-piece.
- Terms & privacy
/terms/ · /privacy/ - Real legal routes, written.
- 404
/404 - Designed, not default. Keeps the navigation.
What is in the build
- A persistent DR/CR control rail where every section posts an equal debit and credit and the difference settles to 0.00
- A declared control: the suspense account, a penny out, its double rule refused while everything else balances
- Every figure in tabular mono, decimal-aligned on one spine — a detail an accountant will notice within two seconds
- Six individually routed services, which is how a practice ranks for VAT, payroll and self-assessment separately
- Fixed monthly pricing as a route, not a "contact us for a quote"
- Piazzolla with Martian Mono, both self-hosted; a working contact form with a pre-filled mailto: fallback and a live tel:
- 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
- Analysis-paper green ground with one deficit-red ink held for a penny out; hairline pad rules, every figure in tabular mono decimal-aligned on a single spine.
- The mechanic
- "The Books Close": each section posts its fee as an equal debit and credit to a persistent DR/CR control rail; the difference settles to 0.00 and the year-end draws its double rule under a proven total.
- Loud channel
- Display type
- Imagery. Ledger desk, exposure-balanced
- Type & palette
- Piazzolla · Martian Mono
-
#dde3d0#1b1f19#a3231a - The control case
- The suspense account — inherited books a penny out, the difference standing in red, its double rule refused while the rest of the page balances. Drawn, not labelled.
Who it is for
Built for chartered and certified accountancy practices, bookkeepers and tax advisers working with small companies and directors. It suits a practice selling a fixed monthly fee rather than billable hours. For wealth and investment advice, the financial-advisor build is the sibling; for consultancy, finance-consulting.
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
Will the ledger set-piece read as gimmicky to accountants?
The opposite, in our experience — the tabular decimal alignment and the refused double rule on an unbalanced total are details only the trade notices. It is a page built by someone who checked how a ledger actually works.
Do I have to publish a fixed monthly fee?
The build assumes it, because it is the strongest positioning available to a small practice and it filters out hourly-rate shoppers. Remove the number and the pricing page still works as a package comparison.
The services are UK-shaped — VAT, corporation tax, self-assessment.
They are, in the demo. Services are typed data generating their own routes, so renaming them to your jurisdiction’s filings is editing a list rather than rebuilding the site.
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 professional services templates
HALLREN Counsel LLP
Corporate & litigation counsel
Loud
Moving set-piece
Sightline Capital
Financial advisory
Loud
Moving set-piece
WARDENBY
Estate agency / lettings
Loud
Imagery
MARLEDGE FINANCIAL PLANNING
Financial planning & advice
Loud
Display type
KEDWORTH & QUIRE
Independent insurance brokers
Loud
Texture