Back to Library

Night Shift Bakery website

A one-page site for an invented bakery that opens at midnight and closes at sunrise.

By Troiana

Prompt

Design a one-page website for Night Shift Bakery, a fictional bakery that is open from midnight to 6am and closes the moment the sun comes up. It should feel warm, funny and hungry, and look nothing like a normal bakery site.

Colour: tomato red, butter yellow, flour white and crust brown, in big flat blocks. Do not use a dark night-time palette, even though it is a night bakery. No photos and no stock imagery.

Sections, in order:
1. Hero with a huge headline, "Open while you sleep.", a big yellow moon cropped by the right edge of the page, and one line: "Bread, buns and bad decisions, baked from midnight and gone by six."
2. A full-width yellow band with the hours.
3. Tonight's menu as three ruled rows, each with a small drawn SVG of the food, a name, a one-line joke and a price: The 2am Croissant, Insomniac Sourdough, Last Tram Doughnut.
4. "One rule." When the sun comes up they close, and what is left goes to the first shift at the hospital across the road.
5. A closing line set enormous: "See you at 3." Underneath, say plainly that the bakery is fictional.

Type: one heavy condensed sans for headlines, set tight and very large, and the same family at normal width for body text. Keep body text at readable contrast against the red.

Build it as a single HTML file with no libraries. Draw every illustration as inline SVG. After building, check that no headline text sits on a shape of its own colour.
Type
Website
Model
Claude Opus 5.5
Tools
HTML, CSS, SVG
Added
Nov 5, 2026

Made by Troiana. The bakery is fictional.

More from the Library