Live previewCoffee house · demo
Saint Roast: coffee house website
About this design
A warm neighbourhood coffee house: full-screen café photo hero with slow zoom and steam, handwritten touches, a green chalkboard-style menu with tabs, 'a day at the café' timeline, bean-to-cup story with reserve-a-bag, rotating regulars' quotes, Saturday workshop booking with spots left, and live open-now hours.
Who it suits
This design suits a restaurant or café that wants a menu people can read on a phone, plus ordering or booking that does not depend on someone answering messages at a busy hour.
Making it yours
Saint Roast is a fictional business that we created to show this design working. For a real project, we replace the name, photos, wording and colours with your own and adjust the features to fit how you work. The price is agreed in a fixed quote before we start.
- Category
- Restaurants
- Typography
- DM Serif Display · Caveat · Manrope
- Built with
- HTML · CSS · Vanilla JS · Remix Icon
- Palette
- Highlights
- Coffee houseMenu boardWorkshop bookingOpen nowCosy
Keep looking
More designs
Start a project
Want a site like Saint Roast? Tell us about your business.
We reply within 24 hours with ideas, a timeline and a fixed quote.

