/genie-hub/account-branding).

Account Branding only affects Genies created after you save it. Existing Genies keep their current branding and are never changed. You can always adjust an individual Genie’s branding on its own settings page.
Before you start
Account Branding is tied to your team. If you haven’t created a team yet, the page will prompt you to do so first — head to Account Settings to create your team, then return here. When branding is saved, an Active badge appears next to the page title and the status panel confirms that new Genies will use your settings.The page at a glance
The page is split into two columns:- Branding Settings (left) — the editor where you configure everything, organized into four tabs: Images, Colors, QR Code, and Web Embed.
- Preview (right) — a live preview of how a new Genie’s avatar will look, an Active Colors summary, and a status card showing whether Account Branding is currently active.
Images
Brand logo
Upload your company logo or brand image. This single image is reused everywhere:- As your Genie’s avatar throughout the app
- In the center of generated QR codes
- In web embed widgets
- In marketing materials
Generate a logo
Don’t have a logo ready? Use the built-in Smart Logo Generator to create one:1
Enter a name
Type the brand or business name for the logo. This is the only required field.
2
Choose a style
Pick from Modern (default), Bold, Friendly, Tech, Luxury, or Classic.
3
Add optional detail
Optionally add a short Description (e.g. “A plumbing business in Austin specializing in residential repairs”) and select an Industry to sharpen the result.
4
Generate and apply
Select Generate Logo. When it’s ready, choose Use This Logo to apply it — or Regenerate to try again. Applying a generated logo also extracts and applies its colors.
Colors
The Colors tab controls the color scheme used for your Genie avatar, buttons, and highlights across the app.- Primary Color — the main brand color. Sets the avatar, buttons, and accents.
- Secondary Color — the second color used when a gradient is enabled.
- Background Color — used for the web embed widget background.
- Text Color — used for text in the web embed widget.
#4E9CFF).
If you uploaded a logo, an extracted color palette appears at the top — click any swatch to assign it as your primary or secondary color. Select Reset to Extracted at any time to snap the colors back to those pulled from your logo.
Gradient
Turn on Enable Gradient to blend your primary and secondary colors on the avatar. When enabled, a Gradient Angle slider (0°–360°, default 135°) controls the direction of the blend. A live avatar preview lets you check the result in Idle, Speaking, and Listening states.QR Code
Style the QR codes generated for your Genies:- Foreground Color — the color of the QR code pattern.
- Background Color — the color behind the pattern.
Web Embed
Control the look of the chat widget embedded on your website:- Border Radius — how rounded the widget corners are (0–50).
- Shadow Effect — toggle a drop shadow on or off.
- Font Family — System Default, Arial, Georgia, Inter, or Roboto.
- Button Style — Rounded, Square, or Pill.
- Header Color — an optional color for the widget header. Leave it blank to use your primary color.

