Making it look like your brand

Brand identity is where Tavorly starts looking like you. Its opening line also sets the boundary: “Tavorly is one consistent, accessible interface for every brand. Your palette and logo are the only things that change — and the palette must stay legible, so a swatch that would make text hard to read is blocked before it ships to your stores.”

That is not a warning. It is enforced — see below.

Palette

Three colours, each with the job it actually does:

• Primary — buttons and headings
• Accent — links and active states
• Surface — the app background

Set each by picker or hex. Reset to standard puts everything back.

The accessibility check is a gate, not advice

Below the live preview, three contrast checks run against the colours you have typed, each with the ratio it needs:

check	needs
Body text on your surface	4.5:1
Button label on your primary	4.5:1
Accent on white cards	3:1

While all three pass, the panel reads Meets WCAG AA.

Fail one and you cannot save. Setting the accent to a bright yellow drops “Accent on white cards” to 1.20:1, the panel flips to Below WCAG AA, and Save brand identity is disabled until the colour is fixed. There is no override.

This is deliberate and worth understanding rather than fighting: your brand colour is about to become the colour of link text on a screen a cook reads at arm’s length, in a kitchen, possibly through steam. A colour that looks right in a brand book can be genuinely unreadable there.

If your exact brand colour is blocked, use a deepened version of it for the accent. Most brand palettes have a darker tint that passes and still reads as the same colour — that is how Tavorly’s own accent was chosen.

Appearance — light or dark, per surface

Ground is chosen per surface, and your palette carries through either way.

Admin app — the sidebar rail and the content area are styled independently:

• Dark rail / Light content
• Light rail / Dark content
• All light — bright + airy
• All dark — focused + quiet

Kitchen line view is set separately, Light or Dark. Set this for the room rather than for taste: dark reads better on a bright line, light reads better in a dim prep area.

Viewer labels — call the views what your team calls them

“Front of House” and “Heart of House” are defaults, not requirements. Rename them to whatever your team actually says — “Server view / Line view”, “Floor / Kitchen”. Guests never see these labels; they are for your staff.

Worth doing early. These words appear on the line, in the recipe editor and in the menu view, so changing them later means retraining people who have already learned the old ones.

Measurements

The brand default unit system — Imperial (°F, oz, cups) or Metric (°C, g, mL). Individual locations can override it, so a Canadian location can run metric while US locations stay imperial. See Setting up your locations.

Logo

Shown in the kitchen header. A square or wide PNG works best, and without one Tavorly falls back to a letter badge from your brand name.

The live preview shows the result before you commit, and the co-branded lockup in this documentation is drawn from the same mark.

Saving

Save brand identity commits everything on this screen at once — and refuses while the accessibility check is failing.