Custom Branding

Make your hotel's online presence feel like yours. Hayya's branding editor gives you full control over colors, typography, spacing, and component styling — no code required.

Branding Editor

Access it at Admin → Branding (available on Professional and Enterprise plans). The editor has 6 tabs:

Tab	What you control
Logo & Banner	Upload your hotel logo and banner images
Colors	Primary, secondary, accent, and surface colors
Typography	Font size, heading weight, body weight, font family
Borders & Spacing	Border radius, width, and spacing scale
Background	Page background patterns, images, and hero section
Components	Per-component overrides: product cards, category pills, search bar, top bar, cart, sidebar, category banners

Live Preview

Every change shows instantly in the live preview pane at the bottom of the editor. Toggle between mobile and desktop viewports to see how your branding renders on different devices.

Color System

All colors flow through CSS custom properties. Your color choices propagate automatically to:

Buttons and CTAs
Navigation pills and active states
Cards, borders, and shadows
Status badges (success/warning/error)
Text and muted text colors

Component-Level Overrides

For fine control over specific elements:

Component	Customizable properties
Product cards	Name color, price color, description color, image size, card radius, add-to-cart button
Category pills	Active/inactive background, text color
Search bar	Background, border, radius
Top bar	Background, text color
Cart button	Background, text color, radius

Save & Apply

Click Save Changes to persist your branding. The storefront updates immediately — no deploy or restart needed. Changes are stored as a theme_config JSON blob in your store record.