Read me: make it yours

№ 01

Replace the brand words. Search every .html file for Harbor & Vale, Harbor & Vale, Rachel Harbor, Jonah Vale, Tacoma, (253) 555-0188, +12535550188, and 1201 Pacific Ave, and swap in your firm’s name, attorneys, city, phone, and address. Update the hours in the CTA bands and footer while you’re there.

№ 02

Re-skin in one place. Every color, radius, and shadow lives in the token block at the top of assets/site.css (the :root section). Change --c-ox / --c-oxDeep for a new accent, --c-bronze / --c-bronzeInk for the rule-and-numeral color, and --c-oat / --c-parch for the section tints — the whole site follows. Keep text/background pairs at WCAG AA (4.5:1).

№ 03

Fonts are self-hosted in assets/fonts/ (Source Serif 4 + Inter, SIL OFL — license included). No Google Fonts request, no cookie banner needed for fonts. To swap typefaces, replace the .woff2 files and the family names in fonts.css and the two --f- tokens.

№ 04

Wire the intake form. On contact.html, point the case-review form at a form service (Formspree, Basin, or your practice-management software’s web-to-lead) — it’s intentionally static until you do. Confidentiality caution: choose a service that encrypts submissions, and keep the form’s “don’t include confidential details” language — prospective-client information deserves better than unencrypted email, and inviting case details before a conflicts check creates duties you don’t want by accident.

№ 05

Make the results yours — or remove them. The case results on index.html ($2.4M, $975K, $610K) are fictional template copy. Replace every figure and description with your firm’s real, verifiable results, and keep the “past results do not guarantee future outcomes” disclaimer visible next to them — many bars require it. No real results yet? Delete the section; never launch with placeholder numbers.

№ 06

Same for the reviews. The client quotes are fictional and plausible by design. Swap in genuine reviews (with permission), and check your state’s rules on testimonials — some states restrict them or require disclaimers alongside.

№ 07

True-up the attorney facts. Education, bar admissions, founding year, fee structures, and the estate-package prices are all template copy. Every one must be accurate for your firm — bar regulators treat attorney-profile claims as advertising statements, and “from” prices must reflect fees you actually honor.

№ 08

Replace every photograph of a person — this one is not optional. The partner portraits on index.html and attorneys.html, and the two partners in the homepage hero, are AI-generated demonstration images of people who do not exist. They are here so you can see the layout carrying real faces, nothing more. Publishing an invented likeness beside a named attorney, a bar number, and a case result is a false advertising statement about your firm — swap in photographs of your actual attorneys, then delete the “demonstration portraits” line under each attorney section. Drop the new files into assets/img/ at the same names and no CSS changes are needed: the frames crop to 0.86 (portraits) and 1:1 (hero) on their own. Keep each file under ~150 KB to preserve the site’s speed. The office interior on contact.html is generated the same way — lower stakes than a face, but replace it with your real reception or conference room so the address on that page and the photograph beside it describe the same place.

№ 09

Analytics. No tracking ships with this template. Paste your analytics snippet (Plausible, Fathom, or GA4) before </body> on each page — and disclose it in privacy.html.

№ 10

Go live. Update the JSON-LD block in index.html (name, address, phone, URL, hours) — it powers your Google Business result. Then remove the <meta name="robots" content="noindex, nofollow"> line from every page (it’s there so this demo stays out of search), connect your domain, and submit your sitemap in Google Search Console.