Upvendo Knowledge Base

Appearance

Branding Profiles ​

Overview ​

Branding profiles control the visual appearance of your Kiosk and Online Ordering interfaces. Each profile defines logos, colors, fonts, and social links.

Purpose ​

This page lets you create and manage visual themes that define how your brand appears to customers on kiosks and online ordering.

Key Concepts ​

  • Branding Profile: A reusable visual theme containing logos, colors, and fonts
  • Logo: Your business logo displayed in headers and receipts
  • Primary Color: Main brand color used for buttons and accents
  • Cover Image: Hero/banner image shown on online ordering landing page
  • Social Links: Links to your social media profiles shown in footer

Route ​

  • Backoffice Route: /settings/brand (profile list)
  • Profile Detail: /settings/brand/profiles/:id

Actions ​

Create New Branding Profile ​

Opens a modal to create a new profile. Enter a name, then click "Setup Profile" to proceed to the profile detail page.

Edit Branding Profile ​

Click on an existing profile to open its detail page and edit settings.

Delete Branding Profile ​

Remove a branding profile (cannot delete if assigned to locations).

Profile Sections ​

General ​

  • Name: Profile name (max 25 characters)
  • Slogan: Brand statement or tagline (max 100 characters)
  • Short Description: Business description for bios and listings (max 150 characters)

Logos & Banner ​

  • Logo: Main logo displayed in headers
  • Logo (Dark Mode): Alternative logo for dark backgrounds
  • Favicon: Browser tab icon
  • Cover Image: Hero/banner image

Fonts & Colors ​

  • Primary Color: Main brand color for buttons and accents
  • Secondary Color: Secondary accent color
  • Background Color: Page background
  • Text Color: Primary text color
  • Font Family: Typography selection

Promo Codes ​

Configure promotional code display settings.

  • Facebook URL
  • Instagram URL
  • Twitter/X URL

Field Constraints ​

  • Name: required, max 25 characters
  • Slogan: optional, max 100 characters
  • Short Description: optional, max 150 characters
  • Social Links: must be valid URLs (start with http:// or https://)

Business Rules & Edge Cases ​

  • A branding profile cannot be deleted if it is assigned to one or more locations.
  • One location can have only one active branding profile at a time.
  • If no branding profile is assigned, kiosks and online ordering use a default theme.
  • Changes to a branding profile affect:
    • Kiosk: after app reload or sync
    • Online Ordering: on next page load
    • Receipts: for receipts printed after the change
    • Emails: for emails sent after the change

Customer Impact ​

Branding profiles affect:

  • Kiosk: Theme, colors, logo display
  • Online Ordering: Header, colors, fonts, social links in footer
  • Receipts: Logo at top
  • Emails: Logo and brand colors

FAQs / Typical Questions ​

  • "How do I change the logo on my kiosk?"
  • "Where can I change my online ordering colors?"
  • "Can I set different branding per location?"
  • "Why can't I delete a branding profile?"
  • "How do I add my Instagram to the footer of my ordering page?"

Troubleshooting ​

  • Logo not showing on kiosk → Refresh or restart the kiosk app to sync changes
  • Colors not updating on online ordering → Clear browser cache or wait for next page load
  • Can't delete branding profile → Unassign it from all locations first
  • Logo looks blurry → Use higher resolution image (recommended 400x100px for logo)
  • Cover image cropped incorrectly → Use recommended dimensions (1920x600px)

Assistant Guidance ​

When answering questions about branding:

  • Use clear navigation: e.g. "Go to Settings → Branding."
  • Prefer short, step-by-step instructions.
  • Mention which channels are affected (Kiosk, Online Ordering, Receipts, Emails).
  • If user is confused by changes not showing, ask:
    • On which channel they expect the change.
    • When they last updated or reloaded the kiosk/app.

Relations ​

Depends On ​

  • Locations: Profiles are assigned to locations

Affects ​

  • Kiosk: Visual appearance
  • Online Ordering: Visual appearance
  • Receipts: Header styling
  • Emails: Template styling