Branding

Make your chatbot look like it belongs on your website. Branding is a view inside the Design tab, set screen by screen.

Where Branding Lives

There is no separate Branding tab. Open your chatbot, select the Design tab, pick a screen, and switch the toggle under the screen picker to Branding:

  • Chat button — Button style, position, icon, message bubble, shadow, and offsets
  • Lead Form — Header image and color, logo, text colors and sizes, and the submit button
  • Conversation — Header, message bubble colors, avatars, the send button, and font sizes
  • Global — Font family, body background, border radius, shadow, and the Hyperleap badge. Global has branding only, so it shows no toggle.

The Commands screen has no branding settings. Every field is listed in Branding by Screen.

Three Ways to Style Your Chatbot

Most people start with Import Brand and then fine-tune a few fields by hand. Whichever you use, the result is the same set of Branding fields, so you can always adjust them afterwards.

Import Styling

Import Styling sits at the top of the builder while you're on the Design tab. It opens the styling template library. Pick a look and confirm, and Studio copies its colors, fonts, and button style, along with its logo, header image, and avatars. Your headings, greeting, and form fields stay as they are.

Reset Styling

Next to Import Brand, open Reset and choose Reset Styling to return every screen (Lead Form, Conversation, Chat Button, and Global) to the default look. That includes colors, fonts, shadows, borders, avatars, and branding settings. Reset Content, in the same menu, does the same for your text.

Note:
Reset can't be undone from the Design tab. If you've already published, you can bring back an older look from Version History.

The Hyperleap Badge

Go to Design → Global and switch off Show Branding to remove the "Powered by Hyperleap AI" badge from your chatbot. This is the white-label feature, available on the Pro and Max plans. On Plus, the switch shows a lock and can't be turned off. See White-label.

Watch the Video

Recorded with the earlier Branding tab. The same settings are now under Design, in the Branding view.

Tip:
Check the preview on each screen after styling. Colors that look right on the lead form can be hard to read in the message bubbles.

Explore Hyperleap AI

An AI front desk that answers customer questions, collects contact details, and books appointments on your website and messaging channels.