The Design section is where you customize the look and feel of your AI chat to match your brand. From logos and colors to headings and descriptions, everything here ensures that your AI looks professional and consistent with your identity.

Logo & Favicon

• Logo: Upload a square image (at least 256×256) that represents your brand. This will appear in your chat header and across your AI chat page.

• Favicon: Upload a smaller square image (at least 32×32) to display in the browser tab. This helps your chat feel polished and branded.

Colors

• Background: Choose the background color of your chat interface.

• Accent: Set the highlight color (e.g., for buttons and interactive elements) to match your brand style.

Headings & Description

• Heading: Add or hide a headline at the top of your chat window. For example: “How can I help?”

• Description: Write a short introduction that appears below the heading. This is where you can highlight what your AI can do, e.g., “Ask me about exercises, diet, or how to build the perfect routine for you.”

Placeholder Text

• Customize the text that appears inside the input box before users type (default: “Ask anything”). This can be adjusted to make your chat more inviting and on-brand.

SEO Settings

• Meta Title: The title shown in search engines and browser tabs. Keep it short and descriptive (e.g., “Explore your Fitness AI”).

• Meta Description: A summary shown in search results. This should clearly explain the purpose of your AI chat and encourage users to visit.

• Share Preview: Upload a 1200×630 image to control how your AI page looks when shared on social media.

Live Preview

On the right side of the screen, you’ll see a live preview of your chat page. As you update your design settings, the preview updates in real-time so you can see how your changes will appear to users.

Saving Your Changes

When you’re happy with your design, make sure to click Save changes at the bottom of the screen. This will publish your updates and make them live for your users.