A cafe in Bankstown that trains baristas with disability

A cafe's order docket became its whole website.

The build record

7 pages, real HTML, checked throughout.

Live since
7 September 2026
Pages
7 pages plus 404, replacing a design-tool export whose content existed only after JavaScript ran
Page weight
Under 250 KB a page, real HTML, schema and an Open Graph image on every page
Lighthouse and CLS
Accessibility 100 on every page, CLS 0, measured on a local server
Internal references
223 checked, 0 broken
Directions scored
Three complete homepage directions built and scored (37, 37, 35) before one was chosen

Open the live site

The cafe's home page as it was before the rebuild.
frappandcapp.com home page before the rebuild, captured 7 September 2026

Under 250 KB a page.

Real HTML on first load, schema and an Open Graph image on every page.

~/frappandcapp-rebrand/README.md, "Why it is built this way"
The live frappandcapp.com home page: the cafe's order docket built into the whole design system.

The one thing this business owns

The docket as the whole design system.

The cafe's own order docket became the design system: "build your order" prints the barista skills behind the order rather than an invented wage, so the one thing on the page is a fact, not a slogan.

  • Reading controls: bigger text and high contrast
  • A live "open now" status in local time
  • The old JavaScript-only export, rebuilt as real pages

One cafe, one docket, built around what it owns.

Start a project See the other record