Skip to content

Brand colours & table statuses

The Branding tab in Settings is where your restaurant gets its look inside the CRM. In one place you set your logo, your brand colours, and the colours used to show whether a table is free, booked, seated or out of action on the live floor map. It is quick to set up once and it makes the whole app feel like yours.

Open Settings from the left menu, then click the Branding tab. You will find three sections stacked down the page, followed by the save controls:

  • Restaurant Logo — the image shown in the live map header and on your booking page.
  • Brand Colors — your primary, secondary and accent colours, used throughout the CRM and booking page.
  • Table Status Colors — the four colours that mark table status on the live floor map.

Nothing you change here is saved automatically. You edit freely, then click Save Changes at the bottom to apply everything at once.

Your logo appears in the header of the live floor map and on your booking page, so it is worth getting right.

  1. In the Restaurant Logo section, click the empty image box or the Upload button.
  2. Choose an image file from your computer and wait for the upload to finish — a preview then appears in the box.
  3. Alternatively, paste a link to an image into the box and click Apply.
The Restaurant Logo section with an upload box, a text field for an image link, and Apply and Upload buttons
Upload a logo file, or paste an image link and click Apply.

A wide, banner-shaped logo works best here, since the box is sized for one. The recommended size is about 200 by 50 pixels. A PNG with a transparent background sits cleanly on any colour. To remove the logo, hover over the preview and click the small X in its corner.

The Brand Colors section has three colour controls. They are used throughout the CRM and your booking page, so your restaurant’s colours show up consistently wherever you work.

  • Primary Color — your main brand colour, used for buttons and accents. This is the colour that tints the CRM to match your restaurant.
  • Secondary Color — used for hover states and highlights.
  • Accent Color — used for links and special elements.

Each control has a colour swatch and a text box beside it. To set a colour, either click the swatch to open your device’s colour picker, or type a colour code straight into the box. Colour codes are six-digit hex values that begin with a hash, like #e8612c for an orange or #111111 for near-black.

Primary, Secondary and Accent colour controls, each with a colour swatch and a hex code text box
Click a swatch to pick a colour visually, or type a hex code like #e8612c.

The Table Status Colors section sets the four colours used to mark tables on the live floor map. At a glance, your team can see which tables are free and which are taken. Each status has a short reminder of what it means:

  • Available — tables ready for guests. Default is green.
  • Reserved — tables with upcoming bookings. Default is amber.
  • Occupied — tables currently in use. Default is red.
  • Maintenance — tables temporarily unavailable. Default is grey.

Set each one the same way as your brand colours — click the swatch to pick, or type a hex code. Below the four controls, a Table Color Preview shows a swatch and label for each status so you can check they read clearly together before you save.

Four colour controls labelled Available, Reserved, Occupied and Maintenance, with a preview strip showing each colour and its label
The four table-status colours, with a live preview of how each will look on the map.
  1. Make your changes — logo, brand colours, table status colours, or all three.
  2. Click Save Changes at the bottom right. The button stays greyed out until you have changed something.

To start over, click Reset to Defaults at the bottom left. This restores the standard eighty-six colours and clears the logo in the form — but it is not saved until you also click Save Changes. So if you reset by mistake, simply leave the page without saving and nothing changes.