Business Website Templates

Complete sites for practices and service businesses that sell expertise, sessions or projects. Each one is built around a working tool rather than a contact form and a hope.

42 templates, no build step

Templates Pass

£50

Every current and future premium template. Includes all 81 premium templates available now, plus every future release in this line.

The Vault

£99

All 280 premium items in the Vault library, plus future additions to the library.

Browse templates

Templates that do a job, not just look like one

A service business site has to answer a specific question before anyone gets in touch. What will this cost? When can I come in? What does the result actually look like? Most templates answer none of those and push the visitor at a contact form instead, which is where the enquiry quietly dies.

The templates in this group each answer their question with something the visitor can operate. A barber shop has a three-step booking flow with a running summary. A gym has a one-rep-max calculator that prescribes twelve weeks of training and draws the plates to load. An interior design studio has a before and after slider. A financial planner has a draggable life-plan timeline that redraws the projection as you move retirement earlier or later. These are real interfaces, not screenshots of interfaces.

They also refuse their category defaults on purpose, which is worth more than it sounds. Nail studios are not pink here, barber shops have no poles or crossed razors, and the wellness studio commits to a saturated clay rather than the beige and sage the whole sector uses. A site that does not look like its competitors is doing half the marketing on its own.

Almost every one re-points to a neighbouring business with a copy pass. The nail studio suits anything sold as a colour or a finish, including paint, tile and framing. The barber shop suits any appointment business where the customer picks a person. Read the use-case notes on each template before deciding your vertical is missing.

How to adapt a business template to your trade

The structure carries over between related businesses more often than people expect. Work in this order and you will know within an hour whether a template fits.

  1. 1

    Start from the interaction, not the industry

    Decide whether your case rests on a booking, a calculation, a comparison or a price list. Pick the template whose signature does that, even if it was written for a different trade.

  2. 2

    Rewrite the tool's data first

    The booking steps, service lists and calculator inputs are plain arrays or markup near the top of the script. Put your real services and prices in before you judge whether the page works.

  3. 3

    Then do the words and the palette

    Headings, about copy and the footer are ordinary HTML. Colours are CSS custom properties in one block, and several templates ship two or more complete palettes as a one-attribute swap.

  4. 4

    Check it on a phone

    These are the sites people open one-handed while deciding whether to book. Every template is built mobile-first and the layouts are tested there, but your copy lengths are not, so read it on a real device.

Service data lives in plain markup
<li class="service" data-price="3200" data-minutes="45">
  <h3>Skin fade</h3>
  <p>Clipper work through the sides, scissor finish on top.</p>
</li>

Business & services at a glance

Compare the 42 templates in this category by what they do, what they are built with, and whether they run light or dark.
Template What it doesBuilt withTone
Law Firm An eight-page law firm website template for solicitors, lawyers, accountants and consultancies. ScrollTrigger Mixed
Cybersecurity Company A seven-page cybersecurity website template for security firms, managed IT providers, hosting companies and compliance consultancies. ScrollTrigger Mixed
Fitness Gym An eight-page gym website template for class-based gyms, functional fitness boxes, fitness-racing and boxing gyms. Flip Mixed
Pilates Studio A seven-page pilates studio website template for reformer, yoga, barre and dance studios and boutique fitness. ScrollTrigger Light
Construction Company An eight-page construction company website template for builders, contractors, property developers, engineering firms and consultancies. ScrollTrigger, Flip Mixed
Physiotherapy Clinic A seven-page clinic website template for physiotherapists, dental practices, chiropractors, osteopaths and massage clinics. ScrollTrigger Light
Multi-Page Portfolio A seven-page portfolio website template for architecture studios, creative agencies, interior designers, landscape designers and photographers. ScrollTrigger Light
Multi-Page Developer Portfolio An eleven-page portfolio website template for frontend developers, design engineers, product designers and freelance consultants. ScrollTrigger Mixed
Service Business Template A three-column service business website with sticky navigation, an interactive service selector and an enquiry ticket. ScrollTrigger Light
Infinite Scroll Landing Page Template An endless landing page with full-screen photography, parallax, a hands-on crop study and a persistent project CTA. ScrollTrigger Mixed
Outdoor Adventure An outdoor adventure website template with an expanding glass hero and landscape scroll, an interactive journey profile and full-bleed mountain photography. ScrollTrigger Mixed
Design Studio Template An editorial website for design agencies, creative portfolios, architecture studios, publishers and product consultancies. ScrollTrigger Light
Kinetic Studio Template A kinetic design studio website template with a giant folding type sculpture, stacked campaign posters and a hands-on geometric mark. ScrollTrigger Light
Fullscreen Slider Template A one-page hotel site built on a full-screen room slider: six full-bleed photographs walked through one frame with a curtain wipe, a live rate and a plan of the house, a day you drag through hour by hour, and a stay builder. ScrollTrigger, Observer Dark
Architecture Firm Template One-page site for any practice that shows built or made work: architects, engineers, landscape and interiors. ScrollTrigger Light
Yoga Studio Template One-page site for any studio that runs a weekly timetable: yoga, pilates, barre, breathwork, small gyms. ScrollTrigger Light
Real Estate Template A four-page estate agency site on a deep petrol ground, with a GSAP Flip shared-element transition that carries a listing photograph across a real page navigation into the property hero. ScrollTrigger, Flip Dark
Appointment Booking Template One-page site for any business where the customer picks a person, a service and a time. ScrollTrigger Dark
Creative Studio Portfolio A dark creative studio portfolio website template with a sculptural photo reel, oversized typography and visual project studies. ScrollTrigger Dark
Creative Portfolio Template A complete one-page studio portfolio built from GSAP Vault effects: split-text hero, client logo marquee, stagger grid work section, pinned horizontal case studies, count-up stats, and magnetic buttons. ScrollTrigger, SplitText Light
Developer Portfolio Template A one-page portfolio for a solo engineer, built around a workbench panel where each snippet types itself out character by character while the preview beside it builds, then runs the exact code you just read. ScrollTrigger Dark
Photography Portfolio Template One-page portfolio for any photographer presenting bodies of work: documentary, editorial, landscape, photojournalism. ScrollTrigger Mixed
Beauty Salon Template One-page site for any business whose product is a colour or a finish: nails, hair colour, paint, tile, textiles, framing. ScrollTrigger Light
Holiday Let Template A complete one-page site for a single holiday cottage or cabin, built around a draggable date-range availability calendar that refuses to span nights already taken and prices every night on its own season. ScrollTrigger Mixed
Boutique Hotel Template A boutique hotel website with a dark-green contents rail, a photographic room explorer, a walking-distance guide and a three-step enquiry journey. ScrollTrigger Light
Gym Template One-page site for any gym or coach selling a programme rather than a class list: strength gyms, barbell clubs, powerlifting, online coaching. ScrollTrigger, Draggable Dark
Tattoo Studio Template A complete one-page site for a tattoo studio, built around a flash-sheet picker: choose a design off the sheet and watch its linework ink itself stroke by stroke with DrawSVG, black lines first, red packed in last. ScrollTrigger, DrawSVG Dark
Online Course Template A complete one-page site for selling a single online course, built around a draggable pace planner: set your hours per week and watch the curriculum re-pack itself into real weeks with a live finish date. ScrollTrigger, Draggable Mixed
Interior Design Template One-page site for any business that shows a space before and after its work: interior designers, renovators, stagers, build firms. ScrollTrigger Light
Financial Advisor Template One-page site for any adviser who sells a conversation rather than a product: financial planners, wealth managers, retirement specialists. ScrollTrigger, Draggable Mixed
Recruitment Agency Template A complete one-page recruitment agency template for specialist hiring studios, pairing candid editorial art direction with a kinetic talent-network hero, live Flip-powered role matching, a scroll-drawn three-step method, candidate stories, and a full employer brief dialog. ScrollTrigger, Flip Light
Editorial One Page Template A vertical-agnostic editorial one-pager whose cover exists twice: a chalk plate on top and an ink negative beneath it, revealed through a soft aperture that follows the cursor and stretches on the axis it is moving along. ScrollTrigger, SplitText Light
Long-Form Story Template A one-page long read laid out for reading: a single 68-character measure on a pale celery ground, a sticky chapter spine with a scrubbed plum progress thread, inline-SVG figures that break the column, and four principle cards that stack into a deck as the section pins. ScrollTrigger Light
Web Design Agency Template A one-page site for a web design and development studio, built around a browser mockup that scroll-scrubs through the three stages of a real project: wireframe, then structure, then the finished thing. ScrollTrigger, SplitText, DrawSVG, Flip Light
Branding Agency Template Editorial one-page site for any studio whose work is typographic rather than photographic: identity, packaging, print. ScrollTrigger, Draggable, InertiaPlugin, CustomEase Light
Creative Agency Template One-page agency site for any studio that sells campaigns, film or brand work. ScrollTrigger, SplitText, Observer, CustomEase Dark
Record Label Template A record label website template with interactive vinyl, a release catalogue and artist roster. ScrollTrigger, Draggable, InertiaPlugin Dark
Split Screen Template A one-page site for an independent industrial design studio, built as two committed full-height fields — an ochre one and a near-black one — divided by a seam the visitor can actually drag. ScrollTrigger, Draggable Mixed
Layered Depth Template A spatial and exhibition design studio site with a photographic depth corridor, a cursor-tilted cluster, and project images that open to full bleed. ScrollTrigger, Flip Dark
Photo Gallery Template One-page gallery site for anyone who sells on full-bleed photography: photographers, hotels, holiday lets, travel, interiors. ScrollTrigger Dark
Florist A specimen-sheet florist website template: five ready bunches hang from one hairline with their prices beneath them, a bunch can be taken apart and built stem by stem in a fan, everything reserved collects on an order slip that writes itself into an email, and the paper takes its colour from the plate on screen. ScrollTrigger Light
Interactive Map A studio portfolio drawn as one engraved sea chart: scroll flies a camera from a world view down to each project island, where the case study opens in place. ScrollTrigger Mixed

Frequently asked questions

Do the booking flows actually take bookings?

They are complete front ends with working state, validation and a summary, but they do not include a backend or a payment processor. Wire the submit handler to your booking system, an email endpoint, or a form service. The template gives you the part that is expensive to design and build.

Can I use a template written for a different business?

Usually yes, and each template lists the trades it re-points to cleanly. What transfers is the structure and the signature interaction; what you replace is the copy, the photography and the palette. Choose by the interaction your business needs, not by the label on the demo.

Are these templates good for local SEO?

They give you the technical side: semantic headings, fast static delivery, real text rather than text baked into images, and no framework overhead. You still need to add your own business schema, address details and Google Business Profile. The markup is plain enough to make that easy.

What happens if a visitor has JavaScript disabled?

The page still works. Reveal animations are pre-hidden only under a class that JavaScript adds, so nothing is invisible without it, and interactive sections fall back to a readable static layout rather than an empty panel.