Consulting Website Template
Demo brand: Sightline Capital · Financial advisory · 24 routes · Astro 7 + Tailwind 4
Live preview
The demo is a full desktop site. Open it in a new tab ↗
About this consulting website template
A complete website for a small financial advisory firm that works with owner-managed companies: fractional CFO, fundraising, exit preparation and financial modelling. It has a working business valuation estimator, four service pages with fees, four case studies with before-and-after numbers, a fee comparison, insights, an FAQ and a pre-filled enquiry form. Twenty-four built pages, all driven by content files.
It looks like a firm you would trust with your accounts. Warm stone pages, white cards, a deep-navy band, and one ledger-navy accent. Real photography of printed financials, meeting tables and whiteboards carries the colour. Spectral for headings, Be Vietnam Pro for everything else.
Every section answers what an owner asks before hiring an adviser: what do you do, what does it cost, what have you achieved for companies like mine, how does it run, and what is my company worth. The fee table and the valuation estimator answer those on the page. Motion is one quiet reveal.
The 24 pages you get
- Home
/ - Headline, call buttons, trust line and a four-figure stat row over a wide meeting-room photo, then promises, services, the partners band, process, the valuation estimator, the engagement table, case studies, insights and FAQ.
- Services
/services/ - All four services with fee from, length and what is included, each with a quote button.
- Service pages
/services/…/ - Four services. Fee box with quote button, who it is for, how the work runs, long description, a matching case study and the other services.
- Case studies
/case-studies/ - Four anonymised engagements, each with a before/after metric pair, a quote and a client line.
- Case study pages
/case-studies/…/ - The metric pair large, the story in three parts, the client quote and a link to the service used.
- Valuation estimator
/valuation/ - Sector, revenue, EBITDA and growth in; an indicative value range, the method, the sector multiples table and a "what we would do first" note out. "Discuss this" pre-fills the contact form.
- Fees
/fees/ - Project, retainer and interim CFO compared, fees by service, invoicing terms, a diagnosis guarantee and the first twelve weeks.
- About
/about/ - The firm, six partners shown with initials instead of photos, principles and the three offices.
- Insights
/insights/ - A lead article with photo, then a dated list with category chips. Add a Markdown file and it appears.
- Articles
/insights/…/ - Four written pieces: normalised EBITDA, the 13-week cash forecast, due diligence and when to hire a fractional CFO.
- FAQ
/faq/ - Answers shown open in three columns under service headings, plus questions about working with the firm.
- Contact
/contact/ - First-call form with service, engagement type, sector and revenue band, pre-filled from any service, fee or estimator link.
- Privacy and terms
/legal/…/ - Two starter legal pages on a shared layout, including wording for the estimator.
- 404
/404 - Designed, with a way back to home and services.
What is in the build
- A working valuation estimator: sector EV/EBITDA ranges, growth and size adjustments, the method shown line by line, and a tailored next-step note
- Every estimator figure comes from one data file, and the multiples table on the valuation page reads from the same file
- An engagement comparison table (project, retainer, interim CFO) with fees, length, time and what is included
- Case studies as content, each with a before/after metric pair, quote and linked service
- Services as content: fee from, length, who it is for, what is included and the stages of the work
- A footer with an offices row, a regulatory disclaimer block and a newsletter form
- All firm details in one file, and one accent colour that rebrands the whole site
- Real photography of financial work, with no faces and no brands, optimised by Astro
- 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 stone ground with white cards and one deep-navy band, Spectral headings over Be Vietnam Pro, real photography of printed financials and meeting tables, one ledger-navy accent.
- The mechanic
- A valuation estimator turns sector, revenue, EBITDA and growth into an indicative value range with the method shown and pre-fills the enquiry form; case studies with before/after numbers and a project/retainer/interim fee table answer cost and proof. Motion is one quiet reveal.
- Loud channel
- Imagery
- Imagery. Printed financials, meeting tables, whiteboards, no faces
- Type & palette
- Spectral · Be Vietnam Pro
-
#f4f1ec#191c23#1f3563
Who it is for
Built for fractional CFOs, corporate finance boutiques, business consultants, M&A and exit advisers, and small accountancy-led advisory practices that sell to company owners rather than private individuals. It suits a firm that publishes its fees and wins work with numbers. For personal wealth or financial planning, the financial-advisor template fits better.
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
How do I change the valuation multiples?
Edit the sector list, growth bands and size adjustment in src/data/valuation.ts. The estimator, the multiples table and the defaults all update from that file.
Is the estimator safe to publish?
It is labelled as indicative and not advice, both on the page and in the terms. Figures stay in the visitor’s browser until they choose to contact you. Have your own lawyer check the wording for your jurisdiction.
Where do enquiries go?
The form posts nowhere by default. Point it at your form backend or CRM; the README shows how. Service, fee and estimator links pre-select the right fields.
Can I use the photographs?
Yes. They are from Pexels, which allows commercial use, and each one is listed in LICENSING.md. Faces and brand marks were cropped or removed.
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
WARDENBY
Estate agency / lettings
Loud
Imagery
Balsworth & Co.
Chartered accountancy practice
Loud
Imagery
MARLEDGE FINANCIAL PLANNING
Financial planning & advice
Loud
Display type
KEDWORTH & QUIRE
Independent insurance brokers
Loud
Imagery