Menu management · 9 min read
Storefront branding
Make the white-label customer app unmistakably yours — logo and favicon, brand colors and presets, the live theme preview, and the currency and language defaults behind it all.
Who this is for
Owners configuring the customer-facing look of their restaurant.
White-label by design
The customer ordering app carries your identity, not ours: your logo, your colors, your cover image, and a favicon generated from your logo. Customers order from "your" app in the browser, with nothing to download. Everything in this guide lives under Settings → Branding (and Settings → General for currency and language defaults).
Upload your logo
- 1
Open Settings → Branding in the admin sidebar.
- 2
Click the Logo field and pick a file from your device.
- 3
Wait for the preview to update — it should be near-instant.
- 4
Save the page.
PNG with transparency is preferred. SVG works. JPG is fine if there is no transparency.
Roughly square or slightly wide. Tall logos get cropped to fit the storefront header.
At least 512x512 so it stays sharp on retina displays.
Transparent if possible. Solid backgrounds clash with dark mode on the customer app.
Where the logo appears, and the favicon
The favicon — the tiny icon on the browser tab — is automatically generated from your logo: a square crop from the centre, downscaled. If your logo is already square or has a clear emblem in the middle, this looks great. If it is wide with text, consider uploading a separate emblem-style file as the logo and putting the wordmark inside the storefront page itself.
- Customer storefront header on every branch page.
- Top of the cart and checkout screens.
- Receipt and order tracking pages.
- Generated QR codes — the logo is centered on the code so it is recognisably yours.
Brand colors
- Primary: main call-to-action buttons, the storefront accent, the cart total bar. Used wherever you want the eye to land.
- Secondary: section dividers, hover highlights, secondary buttons. The supporting voice, not the lead.
- 1
Open Settings → Branding.
- 2
Click the Primary color swatch and pick a colour from the wheel, or paste a hex code.
- 3
Repeat for Secondary color.
- 4
Watch the preview pane — it shows the storefront with the new colours instantly.
- 5
Save.
Contrast and dark mode
Pick a primary colour dark enough to keep white text readable. Pastels and very light tones fail accessibility and frustrate customers in bright sunlight. A simple test: open your branch on a real phone outdoors — if the cart total is hard to read, the primary is too light.
The customer storefront supports dark mode. Your colours are not auto-inverted — they are blended with a dark background so they still feel like your brand. If your primary is a very dark navy, lift it slightly toward mid-tone so dark-mode contrast holds up.
Color presets
Click any preset card to apply it instantly, then tweak the primary or secondary if you want — the preset is a starting point, not a lock. Make a custom palette instead when you already have brand hex codes from a designer, when your physical signage uses a colour no preset matches, or when you run multiple sub-brands that each need to look distinct.
Warm orange primary, cream secondary. Friendly, casual, café-style.
Deep teal primary, sand secondary. Coastal, fresh, seafood-friendly.
Pine green primary, ivory secondary. Earthy, healthy, organic.
Magenta primary, blush secondary. Modern dessert and bakery.
Soft rose primary, slate secondary. Refined, brunch, bistro.
Charcoal primary, gold secondary. Premium, steakhouse, fine dining.
Crimson primary, parchment secondary. Bold, signature, classic.
Bright teal primary, lemon secondary. Energetic, fast-casual.
The live theme preview
In Settings → Branding, half the screen is a live preview of the customer storefront. It updates as you change the logo, colours, and presets — and it is sandboxed: real customers see nothing until you click Save. It shows the header with logo and language toggle, a sample category strip, a featured item card with your primary on the price chip, the cart total bar, and light/dark toggles.
- Make all your changes first, then preview both light and dark mode before saving.
- Narrow the browser window to phone width — most customers see the menu on a phone.
- If something looks off, the issue is almost always primary contrast.
Currency and language defaults
Default currency and default language are restaurant-wide settings under Settings → General — they apply across every branch. Branch-level overrides are not available today; if you need different currencies per location, contact support so we know the demand.
Changing currency changes the symbol and decimal handling everywhere prices appear — storefront, cart, checkout, kitchen screens, receipts, reports — but never the price values themselves: 25 stays 25 when you switch from QAR to SAR. Supported currencies include QAR, SAR, AED, KWD, BHD, OMR, USD, EUR, and GBP, with more on request.
Default language is the storefront fallback when a customer has no saved preference. Supported languages are the full set the customer can switch into; the default must be one of them.
Frequently asked
Do customers ever see DashDine branding on my ordering page?
Your logo, colours, and name lead the experience — that is the point of the white-label design. The ordering page is presented as your restaurant’s.Can each branch have its own colours or logo?
Branding is set at the restaurant level and applies to all branches, which keeps a multi-branch brand consistent. If you operate distinct sub-brands, contact support to discuss options.My logo looks wrong as a favicon — what should I do?
The favicon is a centre square crop of your logo. Wide wordmark logos crop badly; upload an emblem-style square version as the logo, or contact support if you need the wordmark kept in the header.