A one-page site for Crumb & Co, a neighbourhood bakery that sells out by 10am. Show what's baked today, opening hours, and how to find us. Warm but not twee.
I'll look at the template first, then build the bakery page.
Building now: a butter-yellow and rye-brown look with chunky Bricolage Grotesque headings, a live "what's left right now" status based on the time of day, today's bake, hours, and a drawn map.
Now the map, footer and wiring it together.
Crumb & Co's one-page site is built. It type-checks, builds and loads without errors, and you can see it in the preview.
The look: a butter-yellow page with dark rye-brown sections and chunky, friendly headings. The headline is "Baked at four. Gone by ten." The aim was warm without being cute, so there's no chalkboard lettering or doilies. Next to the headline is a drawn clock face with the 4am–10am window shaded and hands showing the current time.
What's on the page:
Live status: a box under the headline changes with the time of day. It shows "Opens at 7am", then "Open, shelves full", "Open, going fast", "Open, nearly sold out" and finally "Closed for today". It uses the clock on the visitor's device and doesn't know what's actually left in the shop.
Today's bake: six everyday items plus one special for that day of the week, each with price, how many are made and when it usually sells out. Past that time, an item gets a "Probably gone" stamp. On Mondays it shows Tuesday's list instead.
Hours: a weekly table with today highlighted, plus a note on when to come for the best choice.
Find us: address, phone, directions by bus, bike and car, step-free access, and a hand-drawn map.
Details I made up that you'll need to replace or confirm:
Address, phone number and menu: all invented. The address and phone are labelled as placeholders on the page, and so is the menu with its prices.
Hours: I picked Tuesday–Saturday 7am to 1pm (Saturday until 2pm), Sunday 8am to noon, and closed Mondays. The page also says you're closed bank holidays and the first two weeks of August.
Setting aside items: the page says customers can ring before 8am to have up to six items kept back until 11.
The map: it's a drawing, not a real map. The street names on it (Mill Lane, Orchard Street, Station Road, Hollins Park) are also invented.
To show what's really left each morning, you'd need a simple backend you could update from your phone. I can set that up later if you want it.
A one-page site for Crumb & Co, a neighbourhood bakery that sells out b…



