> ## Documentation Index
> Fetch the complete documentation index at: https://docs.bizaxl.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Brand Your Ordering Site

> Re-skin the public ordering site from Café Settings - change the logo, contact details, and the six theme colours, and see them live on the storefront straight away.

Your ordering site at `/cafe` is what guests see when they scan a QR code, and you control how it looks without a developer. As the owner or administrator, you set the logo, the contact details, and the site's six theme colours in Café Settings, and the change is live the moment you save. This page shows you which fields do what and how to change them.

<Frame>
  <img src="https://mintcdn.com/bizaxloptimizationsllp/koQqSKW1qstRiwOc/images/cafe-branding-settings.png?fit=max&auto=format&n=koQqSKW1qstRiwOc&q=85&s=3c223411a1ec488d3ffd9c3f5cd73f8f" alt="BIZ Cafe Settings page showing café branding fields for the café name, logo, phone number, and address" width="2878" height="1168" data-path="images/cafe-branding-settings.png" />
</Frame>

***

## Who Manages This

| Role           | What They Do Here                                                                          |
| -------------- | ------------------------------------------------------------------------------------------ |
| **Cafe Admin** | Edits the branding and theme fields in Café Settings to change how the ordering site looks |

This is an administrator task. Cashiers and kitchen staff do not edit the site's appearance.

***

## What You Can Change

These fields live in Café Settings and update the ordering site as soon as you save.

### Field Guide: Café Branding

| Field         | Description                                  |
| ------------- | -------------------------------------------- |
| **Café Name** | The café name shown across the ordering site |
| **Logo**      | The logo shown at the top of the site        |
| **Phone**     | The contact phone number shown to guests     |
| **Address**   | The café address shown to guests             |

### Field Guide: Storefront Theme

| Field                | Description                                         |
| -------------------- | --------------------------------------------------- |
| **Primary Color**    | The main brand colour, used for buttons and headers |
| **Accent Color**     | The highlight colour used for emphasis              |
| **Background Color** | The page background colour                          |
| **Surface Color**    | The colour of cards and panels                      |
| **Text Color**       | The main text colour                                |
| **Muted Color**      | The colour of secondary, muted text                 |

***

## Change a Field

<Steps>
  <Step title="Open Café Settings">
    Open Café Settings from the BIZ Cafe workspace.
  </Step>

  <Step title="Find the right section">
    Use the **Café Branding** section for the name, logo, phone, and address, and the **Storefront Theme** section for the six colours.
  </Step>

  <Step title="Change a field">
    Edit the field you want, for example upload a new logo or pick a new Accent Color.
  </Step>

  <Step title="Save">
    Save Café Settings.
  </Step>

  <Step title="See it on the site">
    Open `/cafe` to see the change applied. Guests see it on their next page load.
  </Step>
</Steps>

<Frame>
  <img src="https://mintcdn.com/bizaxloptimizationsllp/koQqSKW1qstRiwOc/images/cafe-storefront-theme-colors.png?fit=max&auto=format&n=koQqSKW1qstRiwOc&q=85&s=af82ce227a7e96c7cf35098cd03b4c8c" alt="Café Settings showing the Storefront Theme colour fields for primary, accent, background, surface, text, and muted colours" width="2848" height="1004" data-path="images/cafe-storefront-theme-colors.png" />
</Frame>

***

## What Is Fixed

<Warning>
  The branding fields and the six theme colours are the editable surface. The site's layout and its wording (page headings, button labels, and the checkout steps) are fixed and can only be changed by a developer.
</Warning>

<Info>
  BIZ Cafe has no separate promotional or marketing page. The public site root **is** the ordering site, so a guest who visits your address lands straight on the menu.
</Info>

***

## Branding and Multiple Outlets

The branding and theme apply to the whole café, so every outlet's ordering page shares one look. What differs per outlet is the content, not the styling: each outlet has its own contact details, its own menu and prices, and its own ordering link. See [Outlets and Counters](/hospitality-leisure/cafe/outlets-and-counters).

***

## Upstream and Downstream Dependencies

* The ordering site **depends on Café Settings** for its logo, contact details, and colours.
* The ordering site **depends on the menu**: only active categories and available items appear on it. See [Menu Management](/hospitality-leisure/cafe/menu-management).

***

## Best Practices

* **Keep contact details accurate.** The phone and address are what guests act on, so update them whenever they change.
* **Choose colours that read well together.** After a colour change, open the site and check that text stays legible against the background and surface colours.
* **Test on a phone.** Almost every guest sees this site on a phone, so check your changes at that size rather than on a desktop.
* **Upload a logo with a transparent background.** It sits more cleanly on the header than a boxed image.