Branding

Whitelabel branding brings salon visual brand to Bookinda level. Logos and colors on every surface.

Logo upload

The 5 fields

Admin logo (Bookinda Manager UI, left sidebar)
Booking page logo (top of booking page)
Customer Portal logo (customer UI)
Email header logo (outgoing emails)
Favicon (browser tab icon)

Upload

Whitelabel page → branding section
Upload button next to field
PNG / JPG / SVG (max 1MB)
Auto-resize to surface size

Logo best practice

Transparent background (PNG / SVG)
Min 200px width (Retina display)
Max 1MB size (fast load)
Brand-consistent color (matches scheme)

Color scheme

Admin theme (Bookinda Manager)

Primary: main action color (buttons, links)
Primary Light: lighter variant (backgrounds)
Primary Dark: darker variant (hover state)
Accent: complementary
Sidebar background

Email theme

Header background: email header color
Accent: buttons / links color
Footer background

Booking page

Primary: main action color
Accent: complementary
Custom background: full page background (image or color)

Portal

Primary: customer portal main color

CSS variables

Colors apply as CSS custom properties:

--primary: main color
--primary-light: lighter
--primary-dark: darker
--accent: complementary
--sidebar-bg: sidebar background

Whole Bookinda UI uses these, so one color change reflects everywhere.

Color choice best practice

Contrast

Customer UI readability is critical:

Primary vs Background: min 4.5:1 contrast ratio (WCAG AA)
Test color-blind perspective (Coblis, etc.)

Brand consistency

Color scheme matches salon identity:

Logo color → primary color
Mood: premium = dark + gold, contemporary = pastels + gray

Psychology

Blue: trust (medical, professional)
Purple: premium, creative
Green: wellness, natural
Red: energy, urgency (careful, aggressive)
Gold / yellow: luxury

Real-time preview

Whitelabel editor has real-time preview:

One side config
Other side render preview
Live update on color change

For customer-perspective testing, open booking page in incognito browser.

Cache refresh

After whitelabel config change:

Bookinda UI refreshes instantly
Customer browser cache may have old colors (max 24h)
Customer needs hard reload (Ctrl+Shift+R)

When to use it

Scenario 1, new salon brand Salon owner commissions brand design (logo + color palette). Configure in Bookinda, fine-tune with real-time preview.

Scenario 2, seasonal branding Christmas red + green. Temporary override over base brand.

Scenario 3, franchise style Franchise group "GlamSalon". Each franchise gets same logo, but location-specific primary color.

Scenario 4, A/B test Two different primary colors. Decision based on customer feedback.

Tips

Real-time preview is mandatory use, don't save config without it.
Keep logo size proportions consistent, not huge on one surface, tiny on another.
Color palette should be 5 colors, not 15. Simplicity.
WCAG AA contrast ratio is customer experience criterion.
Cache refresh is customer responsibility, you just warn them.
SuperAdmin-level brand override (above tenant config) is rare, only agency model.

Branding (logo + color)