Customize Your Portal Branding

Choosing a Template

ZuSpot includes 12 curated branding templates designed for different venue types:

• Original — the classic Zuspot portal look and default starter theme
• Cafe Warm — cozy orange tones for coffee shops
• Hotel Luxury — navy and gold for upscale hotels
• Co-working Modern — clean indigo for workspaces
• Concert & Events — vibrant red and dark for live events
• And 7 more...

Go to Branding Studio in your admin dashboard and click any template card to apply it instantly. The live preview on the right shows exactly what your guests will see.

Fine-Tuning Colors

After selecting a template, you can customize every color:

• Primary Color — buttons and highlights
• Secondary Color — headers and navigation
• Accent Color — badges and emphasis
• Background Color — page background
• Text Color — body text

Use the color picker to adjust each one. Changes are reflected in the live preview immediately.

Adding Your Logo

Upload your logo in the branding settings. Supported formats: PNG, JPG, WebP, SVG. For best results, use a logo with a transparent background.

Custom CSS (Pro Plan)

Pro and Enterprise customers can inject custom CSS for advanced styling. Access this in the Custom CSS overrides field at the bottom of the branding form.

Example — rounding all buttons:

.portal-button {
  border-radius: 999px;
}

Your custom CSS is sanitized server-side for security — @import, url(), and similar constructs are blocked.

What Your Guests See

Every element of the guest portal adapts to your branding:

• Header with your logo and company name
• Plan cards with your primary color
• Buttons in your brand colors
• Footer with your contact info and legal links

The "Powered by ZuSpot" badge can be hidden on Pro and Enterprise plans.