Coffee house · demo

Saint Roast: coffee house website

Saint Roast coffee house website on desktop Saint Roast coffee house website on a phone

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

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.

Get a quote