Examples · Restaurant
Casa Marisol, a link in bio template for a restaurant
We invented Casa Marisol to show this template for a restaurant. The page is an example, and Casa Marisol does not exist.
Start your page free · Open the live example
Why it is built this way
A restaurant's link has one job, which is filling tables. Casa Marisol puts "Book a table" first, in the only saturated colour on the page, a dusky rose (#C4507E) with near-black lettering (#150609), on a dark, warm charcoal background (#151210). The contrast makes the booking button the first thing a thumb finds.
Read it from the top and it follows the order a diner decides in. The Nucleus layout opens with a wide photo header and the name, then a seven-word bio: "Thirty seats around a wood fire. Coburg." Size, cooking style and suburb cover most of what a first-time visitor needs to decide whether to book. Next comes the booking button, then "Read this week's menu" for anyone who wants to check before committing, then "Private dining and long lunches" for the larger bookings that usually need a conversation.
Under the buttons, a content section is switched on, so the page can carry a running section of dishes or news without adding a fourth or fifth button to the stack. The booking link stays on top however much gets posted underneath.
Hanken Grotesk sets the bio and buttons in a plain, even sans that holds up on a dim screen, and the rounded button shape softens a dark page that could otherwise feel severe. For a small room where most visitors arrive wanting to know whether they can get in, the page answers that before anything else.
What is on the page
- Nucleus layout
- Fonts: bio in Hanken Grotesk, buttons in Hanken Grotesk
- Colours: buttons #C4507E with #150609 text, background #151210, bio text #CFCAC2, profile ring #C4507E
- Round buttons
- Button 1: Book a table
- Button 2: Read this week's menu
- Button 3: Private dining and long lunches
- Content section below the buttons
