Appearance
A strong brand is the foundation of a memorable guest experience. With your own colors, imagery, and custom domain, your brand identity is unique. HolidayHero seamlessly integrates all these elements.
What is appearance?
The Appearance tab on a brand controls what your guests actually see: the logo at the top of the app and in every email, the background image behind the web app, whether guests get the web app or the native app, and the colours the whole guest experience is painted in.
Every listing is served through a brand, so changing a brand's appearance changes the look of the guest app for every reservation on that brand.
Logo
Three images make up the visual identity of the brand. Each one is optional, but the more you fill in the more the guest app feels like yours.
Logo
The header of the guest app, and all emails.
Square Logo
Push notifications, web app bookmarks and the web app icon. Use a genuinely square image here.
Background Image
The background of the web version of the guest app.
Click Select … under an image to upload a new one.
App Access
App Access decides which apps your guests can use for this brand:
Both; Web & Native
Guests can use the browser-based app and the native app.
Web Only
Guests only get the browser-based app.
Native Only
Guests only get the native app.
Colors
The guest app is built from twelve colours. That is a lot to pick by hand, so you have two ways to work.
Start from a palette
At the top of the Colors section you'll find a grid of palettes — ready-made colour sets that are designed to work together. Each card shows a small preview of the guest app in that palette: the background, a card, and the accent colours. They come in two groups:
Classic
Confident, high-contrast sets — dark themes such as Midnight and Charcoal, and clean light ones such as Coastal and Mono.
Pastel
Soft, light sets such as Blossom, Mint and Sky. Gentle and welcoming rather than bold.
To use one:
Open the brand and go to the Appearance tab.
Scroll to Colors. If the palettes aren't showing, click Choose a palette on the right.
Click the palette you like. A tick appears on it and every colour is filled in behind the scenes.
Click Save.
If the brand already uses its own colours, the palettes start hidden and the colour fields are shown instead — no point in a wall of palettes for a brand that isn't using one. Choose a palette brings them back, and Hide palettes puts them away again.
Clicking a palette only fills in the fields — nothing is stored until you press Save. Pick a different palette, or leave the page, and nothing changes.
A palette is a starting point, not a mode. Once you've saved, the brand simply has twelve colours like any other brand — the tick on a palette card only means your current colours happen to still match that set exactly. As soon as you change one colour, the tick disappears. That is normal.
Set the colours yourself
The twelve individual colour fields are tucked away while a palette is selected. Click the Custom card — the dashed one at the bottom, under Your own colours — to reveal them. The palettes fold away at the same time, so you're left with just your colours.
Custom changes nothing on its own. That means you can pick the palette that comes closest to your identity first, then click Custom and adjust the handful of colours you want to differ.
Each colour has a swatch you can click to open a colour picker, and a text field where you can paste a hex code such as #0c111e — handy when you're matching an existing brand guide.
Once you've changed a colour by hand, clicking a palette would overwrite all twelve of them — so you'll be asked to confirm first. Cancel and your own colours stay exactly as they were.
Base
The background of the guest app.
On Base
Text and icons drawn on the background — and on cards.
Card Even / Card Odd
The backgrounds of alternating cards, sitting on top of the base colour.
Primary
The main accent: buttons, active states and links.
On Primary
Text drawn on top of the primary colour.
Secondary
The supporting accent.
On Secondary
Text drawn on top of the secondary colour.
Success
Positive states, such as a confirmed or paid reservation.
On Success
Text drawn on top of the success colour.
Error
Negative states, such as a failed payment.
On Error
Text drawn on top of the error colour.
The On … colours are what makes a brand readable. Whatever you pick for Primary, the On Primary colour has to stand out clearly against it — otherwise the text on your buttons disappears. The same goes for every other pair. Cards use On Base for their text, so keep Card Even and Card Odd close to Base in lightness.
Reset Colors (next to the section title) puts all twelve colours back to the HolidayHero defaults. You'll be asked to confirm, and — like the palettes — nothing is stored until you press Save.
Frequently Asked Questions
Do I have to use a palette?
No. Palettes exist to save you time if you don't have a designer. If you have brand colours of your own, set the twelve colours by hand — or pick the palette closest to your identity and then adjust it.
I picked a palette but nothing changed for my guests.
Picking a palette only fills in the form. Scroll to the bottom of the page and click Save.
Where did the colour fields go?
They're hidden while a palette is selected, because the palette already sets all twelve. Click the Custom card under Your own colours to bring them back.
Where did the palettes go?
They fold away as soon as you switch to your own colours, so the section stays short. Click Choose a palette, at the right of the Colors section, to show them again.
Why did the tick disappear from the palette I chose?
The tick marks the palette your colours currently match exactly. Change a single colour and your brand is no longer that palette, so the tick goes away. Your colours are still saved — this is only a label.
Can I add my own palette to the list?
Not yourself, no. The palettes are curated by HolidayHero. If you'd like one added, get in touch with support and tell us the colours you have in mind.
Where do I change the brand's name, domain or legal links?
On the General tab — see Brands.
Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the ask query parameter:
The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
Last updated