# Evenkeel, a free accounting firm website template

> One-page website for an accounting and bookkeeping firm that works for small businesses. One HTML file with GSAP scroll animations, no build step, MIT license. Made by 8B (https://8b.com/).

A one-page site for a small firm of accountants in Bristol: services, a month of work, clients, fixed fees, team, reviews and a booking form. Swiss and strict: black type on white hung on one hairline rule like a ledger, a turning sphere of client cards, a month drawn as a ruler with a red marker, and the brand's two halves meeting in the footer.

- Page: https://8b.com/templates/evenkeel/
- Live demo: https://8bsite.github.io/accounting-firm-website-template/
- Repository (GitHub template): https://github.com/8bsite/accounting-firm-website-template
- Download ZIP: https://github.com/8bsite/accounting-firm-website-template/archive/refs/heads/main.zip
- Size: 86 KB, 19 photos (Unsplash), fonts: Host Grotesk
- Motion: GSAP 3.13.0 (ScrollTrigger); Lenis 1.3.27 smooth scroll

## Use it with an AI coding agent

Download the files into the project (Windows PowerShell: `curl.exe`):

```bash
curl -LO https://raw.githubusercontent.com/8bsite/accounting-firm-website-template/main/index.html
curl -LO https://raw.githubusercontent.com/8bsite/accounting-firm-website-template/main/AGENTS.md
curl -LO https://raw.githubusercontent.com/8bsite/accounting-firm-website-template/main/LICENSE
curl -LO https://raw.githubusercontent.com/8bsite/accounting-firm-website-template/main/CREDITS.md
```

Then:

```text
Read AGENTS.md, then edit index.html. Use this template as the base for a website for <your firm: what you do (accounts, tax, payroll…), for whom, where, your fees, opening hours and how clients book a call>. Keep the layout, the motion and the single-file format; replace the brand name, copy, client list, team, reviews, prices, photos, links and contacts, adapt the UK tax terms to your country, and recolour it through the CSS variables if needed.
```

Work on the downloaded file, not on a link. AGENTS.md lists what to keep and what to replace. Or copy the whole repository: `npx degit 8bsite/accounting-firm-website-template my-site`.

## Design

Evenkeel is an accounting firm website template for a small practice doing books, tax returns and payroll for local businesses. It suits a bookkeeping service too, or a US CPA once the UK tax terms change. The look is Swiss: strictly black and white, red only in small marks.

- Palette: #ffffff (page background), #0b0b0b (text, vertical rule, buttons, black second screen), #f2f2f2 (grey client cards and review sheets), #6b6b6b (labels, roles, captions), #8f8f8f (grey wordmark halves in the screen corners), #dadada (hairlines between service rows), #d12a1e (the only accent: level bubble, month marker, rings, button hover, full stop)
- Fonts: Host Grotesk (the only typeface: huge, tight medium-weight headings, small semibold labels)

One vertical hairline rule runs down the page a third of the way in, and everything hangs on it: headings split into lines either side, services and fees read as ledger rows across it. Photos are greyscale. A drawn spirit level with a rocking red bubble sits under the headline.

## Sections and motion

- **Navigation** (navigation): round logo mark top-left and a Menu button; full-screen menu with section links, address and phone
- **Evenkeel Accountants** (opening): two screens: big type hung on a vertical hairline rule with a booking button, then a black screen with a statement, a paragraph and four photos. Motion: Smooth scrolling runs page-wide. On scroll the headline parts at the rule, the black screen opens from a slit there and four photos rise unevenly.
- **Four things we keep for you.** (services): ledger of four services: what the client sends left of the rule, what the firm returns right of it, how often. Motion: Row by row, hairlines draw across and the two columns slide in from opposite sides of the rule.
- **A month on the books** (month): a month drawn as a ruler: a red marker sweeps across and four dated tasks turn from grey to black. Motion: Pinned: a red marker crosses the month's ruler with your scroll, turning each dated task from grey to black.
- **Clients since 2009** (clients): turning 3D sphere of 28 client cards (names and photos) between the two halves of the title. Motion: Pinned: the sphere of client cards rises and turns almost a full circle as the title's two halves part.
- **Fixed fees, paid monthly.** (prices): fee table: four plans in hairline rows with who each is for, what is included and the monthly fee. Motion: Each fee row draws its rule across and its fee slides in from the right on arrival.
- **Moving to us takes one afternoon.** (switch): three steps of moving from another accountant, each tile completing with a closing red ring. Motion: Pinned: three red rings close in turn as you scroll; each tile turns black when its ring completes.
- **Four people, one desk.** (team): four team portraits with names, roles and one line each. Motion: The portraits start piled and tilted mid-row and deal out to their places as you scroll.
- **Principle** (principle): one large staggered quote on the rule, ending in a red full stop. Motion: Each quote line thickens from light to medium weight as it rises, then the red full stop pops in.
- **Questions we hear every week.** (faq): questions and answers (native <details>). Motion: A hairline draws across above each question on arrival; opening one turns its plus into a minus.
- **What our clients say.** (reviews): four client reviews on sheets that stack as you scroll. Motion: Review sheets stick near the top and stack, each shrinking slightly as the next slides over.
- **Book a free first call.** (contact): opening hours set large in brackets with a small photo, phone, email, address and a call-booking form (placeholders). Motion: Phone, email, office and first-call details slide in from the left as they scroll into view.
- **Footer** (footer): tagline, links, call/email/map icons, the full-width wordmark in two halves, copyright and the Design: 8B credit. Motion: The grey half-names waiting in the screen corners drop away as the full-width wordmark grows out of them.

## Good for

- accounting or bookkeeping firm
- tax adviser or payroll bureau
- small professional practice with fixed fees (lawyer, consultant, financial planner)
- any service business that wants a calm, typographic, black-and-white look

## Questions

**Can I show my own clients on the sphere?** Yes. Replace the names, trades and photos of the 28 cards in place in the HTML. The stylesheet turns every photo greyscale, so any picture keeps the black-and-white look.

**Does the call-booking form send anything?** Not yet. It checks name and email and shows a thank-you line, but sends nothing until you connect a form service such as Formspree or Netlify Forms.

## Before publishing

Replace: social preview image, favicon, phone number, email address, contact form (sends nothing yet) and map, plus the invented demo facts (prices, dates, addresses).

## License

Code MIT. Photos: Unsplash License (credits in CREDITS.md). Fonts: SIL Open Font License 1.1. The "Design: 8B" footer link is optional.