Gallery GridBrunch cafe website hero

Lull. A brunch cafe hero hung like a gallery wall: the whole screen is a grid of rounded squares scattered like a checkerboard, with studio photos of plates and drinks, round plates, the room, plain grey cells and empty cells. Tiny mono caps sit in the empty cells (open now, what it is, contact), today's special takes a 2×2 square with its price, and one matcha-green square is the Book a table button. Every few seconds one photo fades out and settles into an empty square.

Want the full Lull site?

Most-wanted kits ship first.

Design brief

Why it works.

People choosing a brunch spot want to see the food and the room, know it's open now and book a table. Let the photos be the page, say open or closed in plain words, and keep Book a table one square away.

Why this layout

01
Photos are the content

a grid of studio shots on one grey background reads like a gallery wall and shows the menu and the room at once.
02
The date line of a magazine cover becomes a live status

Open now · kitchen till 3 PM, from Melbourne time.
03
One matcha square under the menu is the only colour on the page, so Book a table is the first thing that stands out; on phones a book/call bar stays at the bottom.

Fits

Brunch cafes and coffee bars
Bakeries and wine bars with strong photos
Small restaurants with a tight menu

Not for

Venues without good photos, or with a long menu to read

Try instead: Menu as Hero or Table Card

You'll need

12–17 square photos shot on the same plain background
Today's special and its price
Opening hours, Google rating and review count
A booking link and phone

Connects to

Bookings Any booking link (OpenTable, SevenRooms, Resy, Square): the matcha square and the phone bar EASY
Calls tel: links EASY
Maps A Google Maps link in the contact square EASY