Curb to Click
Book the walkthrough

Colophon · 8 min read

How this site is built

A company that sells websites should be able to show its own receipts. Here they are. What this page is made of. What it doesn’t load. What it scores when a machine checks it.

What it is made of

Three colours. An off-white ground, an ink, and one sign green. Four faces, five files. Bricolage Grotesque, one cut, twenty-two kilobytes, for anything set big. Its optical size axis is left live, so the same face is drawn right at 18px in the bar and at 180px in the headline. Libre Franklin, the newspaper gothic, for sentences. Overpass Mono for numbers, datelines and the ticker. Permanent Marker, a felt tip’s own hand, for the few words the green paints over. All four are hosted here and cut down to the glyphs the design uses. Nothing loads from a font service.

There is a film at the top of the front page and there are twenty pictures through the site. Seventeen were found free to use. Three come from me: a portrait, and the news about two campaigns I made. Every one is treated into the three colours before it ships. Nothing here is in colour but the green. The list, with where each came from, is below. The walkthrough on About, the three steps of the plan, the phone beside the Curb Check and the shop on the booking page are drawn here, by hand, in SVG. The icons are drawn by hand as path data, on a 24 by 24 grid, and shipped inside the page as one sprite.

The page sits inside a design tool. The dark bar, the layers, the design panel, the tips pinned to the work: that is the Studio, and it is HTML, CSS and one script. Every layer is a real section. Every number in the design panel is a real token, measured on the page you are looking at. Every tip is a real decision.

The site is static HTML, built with Astro. There is no framework running in your browser. The scripts that do run add up to a few kilobytes and do these things.

  1. Play the film, and stop it when it is covered or you ask.
  2. Light the band nearest the middle of the screen.
  3. Run the Studio: the layers, the panel, the tips, the tools.
  4. Count the curb check.
  5. Post the booking form to the host, and offer the message as an email if the post fails.
  6. Answer the lookup from the count’s own data, on the page.

If they never run, the page is still a page. The film is a still. The layers are a list. The tips are a list. The check is a form that still works, and the booking form still sends.

What it does not do

It does not load anything from anywhere else. No analytics, no tag manager, no chat widget, no fonts from a CDN, no tracking pixel. The browser is told to enforce that with a Content-Security-Policy header, so it is a mechanism, not a promise.

It sets no cookies. The Studio’s Invert, its colour pickers and the tips switch are toys for the session. They are kept in your browser’s session storage until you close the tab and are never sent anywhere. The curb check is counted on the page. Its result rides along with the booking form only if you send one. The lookups on the cities page and in the footer answer from the study’s own data, bundled with the page, so nothing you type there leaves either.

What it scores

Measured on the built site with Google Lighthouse and Deque’s axe, in a headless Chrome, last on 18 September 2026 against the live site. Every page measured scored the same. The phone run throttles the network to a slow 4G and the CPU to a quarter speed, which is the honest one. They get re-checked when the site changes.

CheckResult
Lighthouse, desktop: performance / accessibility / best practices / SEO100 / 100 / 100 / 100
Lighthouse, phone on simulated slow 4G, same four100 / 100 / 100 / 100
Largest contentful paint, phone on slow 4G1.3 s
axe-core violations0, with every WCAG 2.2 A, AA and AAA rule on but enhanced contrast
Text on the greenWCAG AA. Off-white on it at any size, 6.17:1. Ink on it at 24px and up.
The giant typeChecked at seven widths from 320 to 1920 at every build. Every line holds.
Third-party requests0
Front page weight, with the film playingabout 750 KB. About 130 KB before the film.
Internal links and fragmentsevery one of them resolves, across every page, checked at every build

For the machines

The people who used to search are starting to ask an assistant instead, and an assistant can only recommend what it can read. So this site is written for them too, without writing anything a person wouldn’t want to read.

Every page carries structured data a machine understands.

  • The front page describes the business, its area city by city, its founder and what it offers, with prices.
  • The plan is marked as a how-to. The questions people ask are marked as questions with answers.
  • The count is an article and a dataset with its method, and the dataset lists its download: the frame by city and ZIP, as JSON.
  • Every city page names its city as the area served, with a breadcrumb back here.
  • The colophon and the check are pages.
  • The headings say what the sections are.
  • The facts are in the text, not in pictures of text.
  • Nothing important is drawn in by script after the page loads.
  • The crawlers the assistants send are welcomed by name in robots.txt, and every page may be quoted in full.
  • A plain summary of the whole site lives at curbtoclick.com/llms.txt. The whole thing, in one plain file, at llms-full.txt. Both are written by the build from the same data as the pages, so they cannot drift.

That is the same list an owner gets in their plan. It is not a trick. It is being clear in a form a machine can read.

How it treats you

  • Colour contrast clears WCAG AAA everywhere but on the green, where it clears AA.
  • Every button and link has a visible focus ring.
  • The Studio’s panels close on Escape and trap nothing. Its keyboard shortcuts have a switch, and every one has a button.
  • If your system asks for less motion, nothing on this site moves, the film stays a still, and nothing is hidden waiting to be revealed.
  • If your system asks for more contrast, the greys go to full ink.
  • It prints as a plain leave-behind.

One exception, and it is mine. Open any page with ?keep on the address and the site keeps its front page, the check and the booking page on that device, so I can show it at a business with no signal. That is my phone before a walk. It never happens on yours.

Film and pictures

Every picture and frame of film on this site is used under the terms beside it, chosen to fit, and treated into the site’s three colours. My own photographs will replace the found ones.

  1. Evening street view of a city skyline. Midtown Atlanta at dusk, the spire behind, people walking past. WeStarMoney Rec, via pexels.com. Pexels License. On the front page, under the headline.
  2. Brick building with vibrant storefronts on city street. Aditya Bhatia, via pexels.com. Pexels License. On the study, under the title.
  3. Person writing on white paper. RDNE Stock project, via pexels.com. Pexels License. On both plan pages, under the title.
  4. Sunlit open wooden doorway in dark room. Abdullah Öğük, via pexels.com. Pexels License. On the page after booking, under the title.
  5. Brandon George, a portrait. Brandon George’s own, via writethegoodfight.com. His own. On About, beside the words.
  6. The New York Times, July 2010, the page the front-page story ran on to. Brandon George’s own copy, via writethegoodfight.com. His own scan. The Times holds the page. On About, the first case.
  7. The 11Alive news desk, 2016, the signs on the banner. 11Alive, Atlanta, via writethegoodfight.com. A frame of its news of his campaign. 11Alive holds it. On About, the second case.
  8. The entrance of a building. Mathias Reding, via pexels.com. Pexels License. On the booking page.
  9. Vintage barber shop interior with classic chairs. wal_ 172619, via pexels.com. Pexels License. On the hair salons and barbershops page, under the headline, and on each city page where the trade leads.
  10. Leather chairs in front of round mirrors. Max Vakhtbovych, via pexels.com. Pexels License. On the beauty salons page, under the headline, and on each city page where the trade leads.
  11. Close-up of stainless steel dental instruments. Pavel Danilyuk, via pexels.com. Pexels License. On the dentists page, under the headline, and on each city page where the trade leads.
  12. Boutique and stores on the alley. Sami Aksu, via pexels.com. Pexels License. On the clothing stores page, under the headline, and on each city page where the trade leads.
  13. Frontage of a medical clinic. Erik Mclean, via pexels.com. Pexels License. On the clinics page, under the headline, and on each city page where the trade leads.
  14. Stethoscope, notebook and medicines on a doctor’s office desk. Tima Miroshnichenko, via pexels.com. Pexels License. On the doctors page, under the headline, and on each city page where the trade leads.
  15. Signage outside a building. Erik Mclean, via pexels.com. Pexels License. On the law offices page, under the headline, and on each city page where the trade leads.
  16. Veterinary examination of a Shiba Inu dog. Ali Merchant, via pexels.com. Pexels License. On the veterinarians page, under the headline, and on each city page where the trade leads.
  17. Settee by the window. KoolShooters, via pexels.com. Pexels License. On the massage studios page, under the headline, and on each city page where the trade leads.
  18. Wooden chairs on a display shelf. Markus Winkler, via pexels.com. Pexels License. On the furniture stores page, under the headline, and on each city page where the trade leads.
  19. City street at night. Erik Mclean, via pexels.com. Pexels License. On the front page, the stakes, under the four lines.
  20. View of an empty sidewalk and street along a modern building in Atlanta. Abdullah Guc, via pexels.com. Pexels License. On the cities page, under the title, and the 404 page.
  21. Man talking on a phone outside a rustic store. İdil Ceren Çelikler, via pexels.com. Pexels License. On the Curb Check, under the title.

Changes

Every change to this site is one line on the changes page, read from the repository when the site is built. Newest first, by day.

Documents

Five documents, each a page of this site printed. The Curb Check, five pages, the same ten questions with boxes to tick. The plan, two pages, blank. The plan, filled in for this site, one page, gaps and all. The door card, two sides at four by six inches, for real doors: the question on the front, the check behind a code, a line on the back for what I saw. The agreement, four pages, blank: the paper you sign before any money moves. Print any of them.

Who made it

Written, designed and built by Brandon George in Atlanta, with the copy decided before the first line of code was written and the design built to serve it. The method behind the copy is published at writethegoodfight.com.

Tips on this file

  1. 01 · the title

    A company that sells websites should show its own receipts. This page is the receipts.

  2. 02 · the scores

    Measured, not claimed. A machine checks these when the site changes, and the numbers change with it.

  3. 03 · the credits

    Every picture says where it came from. Your site would say so too.

Curb to Click

From the curb to the click.

Decatur East Point Smyrna Chamblee Sandy Springs Tucker Stone Mountain Jonesboro Marietta Norcross Roswell Douglasville Snellville Fayetteville Duluth Conyers Kennesaw Alpharetta Downtown 25 miles

© 2026 Brandon George. Atlanta.

No cookies. No trackers. · humans.txt · llms.txt