What Is Branding?
You can update the appearance of your Mini Apps to be customized to your property’s branding. This includes the text color and font, button color, and background color of your Mini Apps.
How Do I Customize My Branding?
- In Settings, you’ll find Branding under the Property category
- You can configure your text and color preferences here based on your property, along with your logo alignment.
- Your logo can be uploaded in the Hotel Config section.
- Click Save Changes and your Mini Apps’ formatting will be automatically updated
![This screenshot shows the default settings for the branding section.](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F7aa2d367-b26e-49f5-a705-7065dc76ac55%2FScreen_Shot_2022-08-05_at_11.44.44_AM.png?table=block&id=5ff18b9a-5c91-4788-b193-8d83b91934cf&cache=v2)
Fonts
We support Google fonts for customized branding, and you can browse the available fonts and their appearances here:
In the Branding section, you’ll be able to choose from different font sizes and weights/thicknesses (depending on what is supported by Google Fonts). You are also able to choose your text color and header alignment if desired.
Colors
Choose colors for your buttons, button text (label), background, and hyperlinks when they appear in your Mini Apps. Remember that if your button color and button text color are the same, the guest will be unable to see what they are clicking on!
![The default button, button text, and link colors.](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F0c551f3a-df27-4de9-9306-545ec5ecd071%2FScreen_Shot_2022-08-15_at_4.26.23_PM.png?table=block&id=ec25067a-b09b-4c01-a9f1-6ef04baa1d7d&cache=v2)
Logo
You can upload your logo under Hotel Config and choose whether you want it to be left or center aligned in Branding:
![Scroll down on the](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F7aa3059c-9b5b-4eb5-b556-214682db57e7%2FScreen_Shot_2022-08-15_at_4.20.35_PM.png?table=block&id=de5f3359-af3a-4dce-866e-a81d417fd815&cache=v2)
If you want to remove your logo completely, we would recommend uploading a small photo of your background color since you’re unable to completely remove an image if you’ve already uploaded one.
How Do I Make My Logo Larger in My…?
Logo too small on the top of your Mini Apps? Try these workarounds to make it larger.
Agreements
In the first line of your Agreement body, use the following line to paste your logo:
![](paste_logo_image_link_here)
![Make sure you add the ! or else the image won’t show! This is also the way you can add images mid-agreement.](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe9943bae-1c61-4ceb-8468-3528431d4ff2%2FScreen_Shot_2022-08-15_at_3.42.24_PM.png?table=block&id=8b5fdcda-c6ac-4798-b0a5-e85ba542b018&cache=v2)
Note that this image is left aligned and your original logo will still be visible at the top unless you remove it under Hotel Config:
![The logo pasted into the agreement body is much larger than the uploaded logo.](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F18e87af3-7cf6-4ac4-9a11-8f2461106428%2FScreen_Shot_2022-08-15_at_3.44.44_PM.png?table=block&id=8ac07a1a-b53f-4777-99ee-0b3d2d6b947e&cache=v2)
Booklets
Instead of starting with the title, add your logo as an image component to the top of the Booklet:
![Click on the six dots to the left of the text box in a Booklet and select Media > Image to add a larger logo.](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fd770d5a8-f126-460b-949d-0cea19077bea%2FScreen_Shot_2022-08-22_at_5.08.58_PM.png?table=block&id=d94d0d08-3aec-48d2-9e70-29cbf10eb0d5&cache=v2)
Use Cases
- 🔎 Text Too Small: Many guests have notified you that they are having trouble reading the text in your Mini Apps and are asking for assistance.
- Change the size for the regular text to a larger size and consider a different font style/color to make it easier to read.
- 🎨 Custom Logo per Unit: Maybe each unit has its own logo and you don’t want to upload a single logo to your Hotel’s Config page but add a custom logo to each Mini App.
- Take advantage of custom attributes to get a dynamic token and paste the token in the Agreement in between the parenthesis or select Dynamically resolve image from token in the Booklet.