Launch checklist: sample site → your site.
Everything here is hand-written HTML and CSS — open the files in any text editor, change the words, save. This page walks the whole path in order. Budget an hour for the brand pass, an evening for a careful launch.
Pages: index (home), windshield-replacement, chip-repair, adas-calibration, mobile-service, quote, insurance, about, privacy + terms.
Stylesheet: assets/site.css — the whole design system, tokens at the top.
Lines of JavaScript: assets/site.js, scroll reveals only. Delete it and the site still works completely.
Photos: AI-generated for this template, brand-graded, license-clean — swap any of them for real shots of your own shop (assets/img/).
External requests: fonts and photos are self-hosted, the diagrams are inline SVG, nothing phones home.
1 · The brand pass (find & replace)
Across all HTML files, in this order — longest strings first so partial matches don't bite:
Prism Auto Glass → your shop name, then bare Prism → your short name
(509) 555-0161 and +15095550161 → your real number — the second form lives in every tel: link
2916 N Monroe St, Spokane, WA 99205 → your address; Spokane → your city (check page titles and meta descriptions too)
Hours — search 8–5:30; they appear in headers, footers, and the JSON-LD block in index.html
Neighborhood names on the route board and coverage map (mobile-service.html, index.html) → your actual areas
2 · Re-skin in one place
The top of assets/site.css is a token block — every color the site uses has a named role. Change --edge / --edge-deep / --edge-lit to move the whole site off the Prism beam-blue; the frost field, night bay, and violet cure accent each have their own tokens. The design survives any hue — but keep text tokens dark enough: every shipped pair passes WCAG AA, and your swaps should too (webaim.org/resources/contrastchecker).
The wordmark is inline SVG in each header and footer — a beveled pane with a wiper arc. Keep it, or paste your logo <img>/<svg> in its place in both spots per page.
3 · Wire the quote form
The form on quote.html is honest about being unwired. Three ways to make it real, no backend required:
Formspree / Basin: create a form, then add action="https://formspree.io/f/YOURID" method="POST" to the <form> tag, change the button's type to submit, and delete the "does not submit" note. Submissions arrive by email.
Your scheduler: if you run Omega EDI, GlassBiller, or similar with a web-lead endpoint, point the action there; the field names are plain (name, phone, year, make_model, vin, glass, size, pay, site, notes).
Texting-first: plenty of glass shops run on texts alone. Delete the form card and keep the "send two photos" pane — it already carries the whole flow.
Whichever you pick, send a test lead from your phone before you point ads at the page.
4 · The route board contract
The board (index.html and mobile-service.html) is the template's sharpest trust move and its one maintenance duty: a stale board is worse than no board. It's ten HTML rows — assign someone to update it every Friday, or delete the rows and keep the coverage map. Slot chips have three states: slots, slots slots--low, slots slots--out.
5 · True-up the trade facts
The demo's numbers are realistic but invented. Before launch, make each one yours or delete it:
Chip pricing on chip-repair.html ($60 / $25 / $80–$120) — set your real menu
"200+ panes in stock" and team bios on about.html — real people, real photos, real counts
Reviews on index.html are marked as samples — replace with your Google reviews (keep the attribution style) and remove the sample note
Certifications — the AGSC and adhesive-maker marks are placeholders; show only credentials you hold, and link your AGSC listing
Safe drive-away and cure times — the demo says 60 minutes; print what your adhesive's chart actually rates for your climate
6 · Insurance copy: check your state
The insurance pages state two things carefully: shop choice is the customer's (true everywhere in the US), and comprehensive glass terms vary by policy (also true). The demo adds one Washington-specific note about full glass coverage. If you're not in Washington, rewrite that paragraph: Florida, Kentucky, and South Carolina, for example, have zero-deductible glass replacement rules where the honest pitch is stronger. Keep every claim about coverage conditional ("most policies," "confirmed on the claim call") — the template never promises what only a policy can.
7 · Search setup
Index.html carries an AutoRepair JSON-LD block — update name, address, phone, hours, and areaServed along with the visible text. Then: set your final domain in any og: tags you keep, submit the site at Google Search Console, and create/claim your Google Business Profile with the same exact name-address-phone. Quote and legal pages ship noindex on purpose; leave that.
Don't add review stars markup until the reviews on the page are genuinely yours — fake structured ratings are how sites get manual penalties.
8 · Motion notes
Three motion layers, all optional: the hero frost-wipe (delete the .frost-sheet div in index.html to remove), scroll reveals (delete the site.js script tag), and hover sheens (CSS only). Everything already respects prefers-reduced-motion — users who ask for less motion get a fully static site without you doing anything.
9 · Hosting
Static files — host free on Cloudflare Pages or Netlify: drag the folder in, point your domain, done. No build step, no plugins, nothing to update on a schedule. The whole site is about 3 MB with every photo in, so it's fast on a phone in a parking lot — which is where your customers are standing when they search.
License: your tier's license is in LICENSE.md in the download and on your receipt. Short version: build the sites your tier covers, don't resell the template itself. Questions or a tier upgrade: studio@upshiftsites.com.