Upload an icon to be displayed on the chat bubble. You can also change the bubble’s background color. If no icon is uploaded, the default CiaraAI icon will be used.
Select one font from a set of six available options in the Font dropdown: Inter, Roboto, Montserrat, Raleway, Sitara, and Urbanist. If no font is selected, Inter will be used by default.
Customize the prompts from the agent by choosing the background color, and the font and border color for the prompt text. The prompt background color is set at 30% opacity, changing to 60% opacity on hover.
{"docsConfig":{"$schema":"https://mintlify.com/docs.json","theme":"mint","name":"Starter Kit","colors":{"primary":"#6172f3","light":"#8098f9","dark":"#6172f3"},"favicon":"/logo/favicon.svg","logo":{"light":"https://mintcdn.com/laxcorpresearch/2vqdw-VCP8KcdBda/logo/light.svg?fit=max\u0026auto=format\u0026n=2vqdw-VCP8KcdBda\u0026q=85\u0026s=b555cfe8525f11d23ed0ec015690257f","dark":"https://mintcdn.com/laxcorpresearch/2vqdw-VCP8KcdBda/logo/dark.svg?fit=max\u0026auto=format\u0026n=2vqdw-VCP8KcdBda\u0026q=85\u0026s=c3028b37494d5dd4020e7825a0559a66"},"navbar":{"links":[{"label":"Support","href":"mailto:support@ciaraai.com"}],"primary":{"type":"button","label":"Dashboard","href":"https://app.ciaraai.com"}},"footer":{"socials":{"x":"https://x.com/ciara_ai","linkedin":"https://www.linkedin.com/company/ciaraai0"}},"navigation":{"global":{"anchors":[{"anchor":"Community","href":"https://ciaraai.com","icon":"discord"},{"anchor":"Blog","href":"https://ciaraai.com/articles","icon":"newspaper"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"laxcorpresearch","hasAudioNarration":false,"actualSubdomain":"laxcorpresearch","customDomains":["docs.ciaraai.com"],"gitSource":{"type":"github","owner":"laxcorp-research","repo":"ciara-docs","deployBranch":"main","contentDirectory":"","isPrivate":false,"mountPath":"","label":""},"chroma":{"liveDeploymentHistoryId":"6a21e63c4c43fec466d79686","collectionId":"8970c7a5-ad0d-4b69-84f4-d8849750e151","schemaVersion":"v2"},"entitlements":{},"buildId":"6a21e63c4c43fec466d79686:success","clientVersion":"0.0.3894","searchFilterCounts":[{"language":"default","tag":"Documentation","count":49},{"language":"default","tag":"Sales Agent","count":15},{"language":"default","tag":"Support Agent","count":14},{"language":"default","tag":"Integrations","count":12},{"language":"default","tag":"Agent Management","count":9},{"language":"default","tag":"Chat Agent","count":8},{"language":"default","tag":"Sales Insights","count":7},{"language":"default","tag":"Create Agent","count":7},{"language":"default","tag":"Support Insights","count":7},{"language":"default","tag":"Account Settings","count":5}]},"assistantConfig":{},"hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[{"name":"kill-isr","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-mintlify-slack","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-v7-file-tree","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"agent-integrations-settings","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-pr-grouping","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"custom-prefix","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"analytics-v7","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"user-flows-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"no-publish-flow","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workos-onboarding","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"llms-txt-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"pause-universal-search-reconcile","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving-live","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"stripTemperatureMiddleware","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"per-site-search-delta","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"support-platform-pylon-zendesk","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-branches-v2-autocommit","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-branches-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"snapshot-serving","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"instant-rollback","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications-server","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"granular-notifications","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-private-page-search","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automations-fable","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"fixed-ai-action-pricing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"automation-resolve-merge-conflict","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"scoped-publishing","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"mintql","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"page-level-analytics","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"teamspace","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-version-history-v2","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"vite-origin","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-nav-generations","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"workspace-projects","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"assistant-v5","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"byok-sep-25","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"revalidation-jwt","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"editor-agent-model-picker","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"client-snapshot-docs-config","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false},{"name":"hobby-abuse-scan","enabled":true,"variant":{"name":"disabled","enabled":false,"feature_enabled":true},"impressionData":false}],"isAtlas":false,"googleFontsInlined":false},"customCss":[],"page":{"pagePath":"Support-Agent/Create-Agent/Branding","slug":"/Support-Agent/Create-Agent/Branding","pageMetadata":{"title":"Branding","description":"This section lets you personalize the look and feel of your support agent's chat interface, creating a branded experience for your customers.","href":"/Support-Agent/Create-Agent/Branding"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"This section lets you personalize the look and feel of your support agent’s chat interface, creating a branded experience for your customers.\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];function _createMdxContent(props){const _components={code:`code`,p:`p`,strong:`strong`,..._provideComponents(),...props.components},{Heading,OptimizedImage}=_components;if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);return _jsxs(_Fragment,{children:[_jsx(Heading,{level:`2`,id:`business-logo`,children:`Business Logo`}),`\n`,_jsx(OptimizedImage,{width:`500`,src:`https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/10.png?fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=447881b7fb1004761343ac8ced93bcbc`,\"data-og-width\":`1296`,\"data-og-height\":`774`,\"data-path\":`Support-Agent/Create-Agent/images/10.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/10.png?w=280\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=79712ddc115af776f097adaf249d25a9 280w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/10.png?w=560\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=2647d0a22114ef4917c6d202d9a686cc 560w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/10.png?w=840\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=2e4948511a74c19e29122d4f52541ad5 840w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/10.png?w=1100\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=3a8f51e8329aa545cc3a13be98a0ca60 1100w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/10.png?w=1650\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=c64be779598dddd74e5821a5543a61ff 1650w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/10.png?w=2500\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=fcef6450c428ca09ffdf71f075746f81 2500w`}),`\n`,_jsx(_components.p,{children:`Upload your business logo to display on the agent’s chat interface. If no logo is uploaded, the default CiaraAI logo will be used.`}),`\n`,_jsx(Heading,{level:`2`,id:`chat-bubble-icon`,children:`Chat Bubble Icon`}),`\n`,_jsx(OptimizedImage,{width:`500`,src:`https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/11.png?fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=a64028ee35fceb2034a58be78d6a2802`,\"data-og-width\":`1296`,\"data-og-height\":`512`,\"data-path\":`Support-Agent/Create-Agent/images/11.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/11.png?w=280\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=91578c579d9ddf0c7ce2408d79a6562a 280w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/11.png?w=560\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=6cd6bc73f797d40b8a9f2bd21bc144ac 560w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/11.png?w=840\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=509816874b8041c32b5e9e710838c37e 840w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/11.png?w=1100\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=1124395aa8327d7d19b2e7843f6d40ac 1100w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/11.png?w=1650\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=63f0d1484846caee2b092a99142080d5 1650w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/11.png?w=2500\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=e713da49dea8c50814fd2959f4d249b0 2500w`}),`\n`,_jsx(_components.p,{children:`Upload an icon to be displayed on the chat bubble. You can also change the bubble’s background color. If no icon is uploaded, the default CiaraAI icon will be used.`}),`\n`,_jsx(Heading,{level:`2`,id:`chat-message-fonts`,children:`Chat Message Fonts`}),`\n`,_jsx(OptimizedImage,{width:`500`,src:`https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/12.png?fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=9a723bb71ffc2545ff63ecdb039db16b`,\"data-og-width\":`1296`,\"data-og-height\":`1310`,\"data-path\":`Support-Agent/Create-Agent/images/12.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/12.png?w=280\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=768f8922f7f6f7777f5acc48631bfad6 280w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/12.png?w=560\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=00317fa0fd72e1471e4fa6cf5bb388a3 560w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/12.png?w=840\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=9a8bd85c897df87b54c714e163e1666b 840w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/12.png?w=1100\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=8d26e30b21cd4ab449a2fc43008eea4f 1100w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/12.png?w=1650\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=b76a097b6cab460e168797a11762445e 1650w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/12.png?w=2500\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=89c22708c5086d0f835fecca699808ba 2500w`}),`\n`,_jsxs(_components.p,{children:[`Select one font from a set of six available options in the Font dropdown: `,_jsx(_components.code,{children:`Inter`}),`, `,_jsx(_components.code,{children:`Roboto`}),`, `,_jsx(_components.code,{children:`Montserrat`}),`, `,_jsx(_components.code,{children:`Raleway`}),`, `,_jsx(_components.code,{children:`Sitara`}),`, and `,_jsx(_components.code,{children:`Urbanist`}),`. If no font is selected, Inter will be used by default.`]}),`\n`,_jsx(Heading,{level:`2`,id:`agent-message-colors`,children:`Agent Message Colors`}),`\n`,_jsx(OptimizedImage,{width:`500`,src:`https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/13.png?fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=ebedb2e549a2fa139db55cd4803f1438`,\"data-og-width\":`1296`,\"data-og-height\":`880`,\"data-path\":`Support-Agent/Create-Agent/images/13.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/13.png?w=280\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=3f87d8484c893896c65ee180c9c8b195 280w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/13.png?w=560\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=83697df9925cb4b267ccd084c8a332aa 560w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/13.png?w=840\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=7e23c62763b57a3e0faca9c2e195e953 840w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/13.png?w=1100\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=1aed36de4b870c5840b827667cde7859 1100w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/13.png?w=1650\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=e22c23340395262dbe9947ff7f085c30 1650w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/13.png?w=2500\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=6216190f26e06885556897b76f6486ea 2500w`}),`\n`,_jsx(_components.p,{children:`Choose the background and font color for the messages sent by the agent. You can select colors from a palette or enter the color hex codes.`}),`\n`,_jsx(Heading,{level:`2`,id:`customer-message-colors`,children:`Customer Message Colors`}),`\n`,_jsx(OptimizedImage,{width:`500`,src:`https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/14.png?fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=bd86b68a7d875da48614655ca1f2c941`,\"data-og-width\":`1296`,\"data-og-height\":`998`,\"data-path\":`Support-Agent/Create-Agent/images/14.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/14.png?w=280\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=6c17c55b9897cdec412f31a020d5d4f7 280w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/14.png?w=560\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=0b91d5465e41c93be84199bfccd2c493 560w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/14.png?w=840\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=7260fc82df8d55a2034abf03327a6762 840w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/14.png?w=1100\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=a523b499329590e7f6a672559e041777 1100w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/14.png?w=1650\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=b4c2fd1d93c6b94abd5b20c9c112a115 1650w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/14.png?w=2500\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=545aadcec20295786ec146602ba8db8b 2500w`}),`\n`,_jsx(_components.p,{children:`Choose the background and font color for the messages sent by the customers. You can select colors from a palette or enter the color hex codes.`}),`\n`,_jsx(Heading,{level:`2`,id:`prompt-customization`,children:`Prompt Customization`}),`\n`,_jsx(OptimizedImage,{width:`500`,src:`https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/15.png?fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=93e63d636630567ffeddf8ed911d0991`,\"data-og-width\":`1296`,\"data-og-height\":`880`,\"data-path\":`Support-Agent/Create-Agent/images/15.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/15.png?w=280\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=50fdf7994bf01f2af7493108b8d262b5 280w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/15.png?w=560\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=e7f0f23571070888e7900a48a240a81d 560w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/15.png?w=840\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=8d0defdb7250895cd13c80add26f7a36 840w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/15.png?w=1100\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=2a2f35321b3b5d87eb2aa6a0b8d3aa2e 1100w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/15.png?w=1650\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=71e943c921d60cd1fabb204c8b392816 1650w, https://mintcdn.com/laxcorpresearch/hcUs8_7_mS_pXUWg/Support-Agent/Create-Agent/images/15.png?w=2500\u0026fit=max\u0026auto=format\u0026n=hcUs8_7_mS_pXUWg\u0026q=85\u0026s=5d3a33ec93c17b634a1a4518c88d1e9d 2500w`}),`\n`,_jsxs(_components.p,{children:[`Customize the prompts from the agent by choosing the background color, and the font and border color for the prompt text. The prompt background color is set at `,_jsx(_components.strong,{children:`30%`}),` opacity, changing to `,_jsx(_components.strong,{children:`60% opacity on hover`}),`.`]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Branding","description":"This section lets you personalize the look and feel of your support agent's chat interface, creating a branded experience for your customers.","href":"/Support-Agent/Create-Agent/Branding"}}},"mdxSourceWithNoJs":null},"mdxExtracts":{"tableOfContents":[{"title":"Business Logo","slug":"business-logo","depth":2,"children":[]},{"title":"Chat Bubble Icon","slug":"chat-bubble-icon","depth":2,"children":[]},{"title":"Chat Message Fonts","slug":"chat-message-fonts","depth":2,"children":[]},{"title":"Agent Message Colors","slug":"agent-message-colors","depth":2,"children":[]},{"title":"Customer Message Colors","slug":"customer-message-colors","depth":2,"children":[]},{"title":"Prompt Customization","slug":"prompt-customization","depth":2,"children":[]}],"codeExamples":{}},"jsLinks":[],"subdomain":"laxcorpresearch","siteName":"Starter Kit","title":"Branding - Starter Kit","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-01-07T02:43:14.973Z","originalFileLocation":"Support-Agent/Create-Agent/Branding.mdx"},"headHtml":"\u003cmeta data-mint-head name=\"description\" content=\"This section lets you personalize the look and feel of your support agent\u0026#x27;s chat interface, creating a branded experience for your customers.\">\u003cmeta data-mint-head name=\"application-name\" content=\"Starter Kit\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/laxcorpresearch/aT_JJfKFbESFSTLX/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/laxcorpresearch/aT_JJfKFbESFSTLX/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/laxcorpresearch/aT_JJfKFbESFSTLX/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/laxcorpresearch/aT_JJfKFbESFSTLX/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/laxcorpresearch/aT_JJfKFbESFSTLX/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/laxcorpresearch/aT_JJfKFbESFSTLX/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/laxcorpresearch/aT_JJfKFbESFSTLX/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/laxcorpresearch/aT_JJfKFbESFSTLX/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/laxcorpresearch/aT_JJfKFbESFSTLX/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Branding - Starter Kit\">\u003cmeta data-mint-head property=\"og:description\" content=\"This section lets you personalize the look and feel of your support agent\u0026#x27;s chat interface, creating a branded experience for your customers.\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"Starter Kit\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://docs.ciaraai.com/Support-Agent/Create-Agent/Branding\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Branding - Starter Kit\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"This section lets you personalize the look and feel of your support agent\u0026#x27;s chat interface, creating a branded experience for your customers.\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/laxcorpresearch/aT_JJfKFbESFSTLX/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"Starter Kit\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#6172f3\">\u003clink data-mint-head rel=\"canonical\" href=\"https://docs.ciaraai.com/Support-Agent/Create-Agent/Branding\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/Support-Agent/Create-Agent/Branding.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://docs.ciaraai.com/#organization\",\"name\":\"Starter Kit\",\"url\":\"https://docs.ciaraai.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/laxcorpresearch/2vqdw-VCP8KcdBda/logo/light.svg?fit=max\u0026auto=format\u0026n=2vqdw-VCP8KcdBda\u0026q=85\u0026s=b555cfe8525f11d23ed0ec015690257f\"}},{\"@type\":\"WebSite\",\"@id\":\"https://docs.ciaraai.com#website\",\"name\":\"Starter Kit\",\"url\":\"https://docs.ciaraai.com\",\"publisher\":{\"@id\":\"https://docs.ciaraai.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://docs.ciaraai.com/Support-Agent/Create-Agent/Branding#webpage\",\"url\":\"https://docs.ciaraai.com/Support-Agent/Create-Agent/Branding\",\"name\":\"Branding\",\"description\":\"This section lets you personalize the look and feel of your support agent's chat interface, creating a branded experience for your customers.\",\"dateModified\":\"2026-01-07T02:43:14.973Z\",\"isPartOf\":{\"@id\":\"https://docs.ciaraai.com#website\"},\"breadcrumb\":{\"@id\":\"https://docs.ciaraai.com/Support-Agent/Create-Agent/Branding#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://docs.ciaraai.com/Support-Agent/Create-Agent/Branding#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Support Agent\",\"item\":\"https://docs.ciaraai.com/Support-Agent/Create-Agent/Agent-Details\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Create Agent\",\"item\":\"https://docs.ciaraai.com/Support-Agent/Create-Agent/Agent-Details\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Branding\",\"item\":\"https://docs.ciaraai.com/Support-Agent/Create-Agent/Branding\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://docs.ciaraai.com/Support-Agent/Create-Agent/Branding#article\",\"headline\":\"Branding\",\"name\":\"Branding\",\"description\":\"This section lets you personalize the look and feel of your support agent's chat interface, creating a branded experience for your customers.\",\"url\":\"https://docs.ciaraai.com/Support-Agent/Create-Agent/Branding\",\"mainEntityOfPage\":{\"@id\":\"https://docs.ciaraai.com/Support-Agent/Create-Agent/Branding#webpage\"},\"dateModified\":\"2026-01-07T02:43:14.973Z\",\"publisher\":{\"@id\":\"https://docs.ciaraai.com/#organization\"},\"isPartOf\":{\"@id\":\"https://docs.ciaraai.com#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"Starter Kit\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"Starter Kit","nav":{"global":{"anchors":[{"anchor":"Community","href":"https://ciaraai.com","icon":"discord"},{"anchor":"Blog","href":"https://ciaraai.com/articles","icon":"newspaper"}]},"tabs":[{"tab":"Documentation","groups":[{"group":"Get Started","pages":[{"title":"Welcome to CiaraAI","href":"/Get-Started/Introduction"},{"title":"Dashboard","href":"/Get-Started/Dashboard"}]},{"group":"Support Agent","pages":[{"group":"Create Agent","pages":[{"title":"Agent Details","href":"/Support-Agent/Create-Agent/Agent-Details"},{"title":"Knowledge Base","href":"/Support-Agent/Create-Agent/Knowledge-Base"},{"title":"Context","href":"/Support-Agent/Create-Agent/Context"},{"title":"Customization","description":"This section allows you to define your support agent’s introduction and engagement behaviors.","href":"/Support-Agent/Create-Agent/Customization"},{"title":"Branding","href":"/Support-Agent/Create-Agent/Branding"},{"title":"Review \u0026 Create","description":"This section provides a summary of all the details you've entered while creating your sales agent. It's a read-only view, allowing you to confirm the information you've provided.","href":"/Support-Agent/Create-Agent/Review-\u0026-Create"},{"title":"Creating Process","href":"/Support-Agent/Create-Agent/Creating-Process"}]},{"group":"Support Insights","pages":[{"title":null,"href":"/Support-Agent/Support-Insights/Resolution-Rate"},{"title":null,"href":"/Support-Agent/Support-Insights/Average-Resolution-Time"},{"title":null,"href":"/Support-Agent/Support-Insights/Deflection-Rate"},{"title":null,"href":"/Support-Agent/Support-Insights/Customer-Satisfaction-Score"},{"title":null,"href":"/Support-Agent/Support-Insights/Sentiment-Analysis"},{"title":null,"href":"/Support-Agent/Support-Insights/Issue-Analysis"},{"title":null,"href":"/Support-Agent/Support-Insights/Cluster-Analysis"}]}]},{"group":"Sales Agent","pages":[{"group":"Chat Agent","pages":[{"title":"Business Category Template","href":"/Sales-Agent/Chat-Agent/Templates"},{"title":"Agent Details","href":"/Sales-Agent/Chat-Agent/Agent-Details"},{"title":"Knowledge Base","href":"/Sales-Agent/Chat-Agent/Knowledge-Base"},{"title":"Context","href":"/Sales-Agent/Chat-Agent/Context"},{"title":"Customization","href":"/Sales-Agent/Chat-Agent/Customization"},{"title":"Branding","href":"/Sales-Agent/Chat-Agent/Branding"},{"title":"Review \u0026 Create","href":"/Sales-Agent/Chat-Agent/Review-\u0026-Create"},{"title":"Creating Process","href":"/Sales-Agent/Chat-Agent/Creating-Process"}]},{"group":"Call Agent","pages":[{"title":"Resolution Rate","href":"/Sales-Agent/Call-Agent/Resolution-Rate"},{"title":"Average Resolution Time","href":"/Sales-Agent/Call-Agent/Average-Resolution-Time"},{"title":"Deflection Rate","href":"/Sales-Agent/Call-Agent/Deflection-Rate"},{"title":"Customer Satisfaction Score","href":"/Sales-Agent/Call-Agent/Customer-Satisfaction-Score"},{"title":"Sentiment Analysis","href":"/Sales-Agent/Call-Agent/Sentiment-Analysis"},{"title":"Issue Analysis","href":"/Sales-Agent/Call-Agent/Issue-Analysis"},{"title":"Cluster Analysis","href":"/Sales-Agent/Call-Agent/Cluster-Analysis"}]},{"group":"Sales Insights","pages":[{"title":"Resolution Rate","href":"/Sales-Agent/Sales-Insights/Resolution-Rate"},{"title":"Average Resolution Time","href":"/Sales-Agent/Sales-Insights/Average-Resolution-Time"},{"title":"Deflection Rate","href":"/Sales-Agent/Sales-Insights/Deflection-Rate"},{"title":"Customer Satisfaction Score","href":"/Sales-Agent/Sales-Insights/Customer-Satisfaction-Score"},{"title":"Sentiment Analysis","href":"/Sales-Agent/Sales-Insights/Sentiment-Analysis"},{"title":"Issue Analysis","href":"/Sales-Agent/Sales-Insights/Issue-Analysis"},{"title":"Cluster Analysis","href":"/Sales-Agent/Sales-Insights/Cluster-Analysis"}]}]},{"group":"Agent Management","pages":[{"group":"Agents Table","pages":[{"title":"List of Agents","href":"/Agent-Management/Agents-Table/List-of-Agents"},{"title":"Filter","href":"/Agent-Management/Agents-Table/Filter"},{"title":"Customize","href":"/Agent-Management/Agents-Table/Customize"},{"title":"Search","href":"/Agent-Management/Agents-Table/Search"}]},{"group":"Update Agent","pages":[{"title":"Edit Agent Details","href":"/Agent-Management/Update-Agent/Edit-Agent-Details"},{"title":"Status","href":"/Agent-Management/Update-Agent/Status"},{"title":"Updating Process","href":"/Agent-Management/Update-Agent/Updating-Process"}]},{"title":"Share","href":"/Agent-Management/Share-Agent"},{"title":"Delete Agent","href":"/Agent-Management/Delete-Agent"}]},{"group":"Knowledge Base Repository","pages":[{"title":"List of Files","href":"/Knowledge-Base-Repository/List-of-Files"},{"title":"Search","href":"/Knowledge-Base-Repository/Search"},{"title":"Agents trained","href":"/Knowledge-Base-Repository/Agents-trained"},{"title":"Download File(s)","href":"/Knowledge-Base-Repository/Download-File(s)"},{"title":"Delete File(s)","href":"/Knowledge-Base-Repository/Delete-File(s)"},{"title":"Bulk File Actions","href":"/Knowledge-Base-Repository/Bulk-File-Actions"}]},{"group":"Account Settings","pages":[{"title":null,"href":"/Account-Settings/User-Profile"},{"title":null,"href":"/Account-Settings/Company-Profile"},{"title":null,"href":"/Account-Settings/Roles-\u0026-Permissions"},{"title":null,"href":"/Account-Settings/Plans-\u0026-Billing"},{"title":null,"href":"/Account-Settings/Delete-Account"}]},{"group":"Inbox","pages":[{"title":"Test","href":"/test"}]},{"group":"Customers \u0026 Leads","pages":[{"title":"Test","href":"/test"}]}]},{"tab":"Integrations","pages":[{"title":"Integrations","href":"/All-Integrations/Get-Started-Integrations/Introduction"}]}]},"title":"Branding - Starter Kit","buildId":"dpl_8LJVMfxYNq6LJkohTrn2iyWT8umj","deploymentId":"dpl_8LJVMfxYNq6LJkohTrn2iyWT8umj","dynamics":["a74be98ba7"],"chunks":["zoom-image-lightbox-D9lJgLSo.js","PlusIcon-C1lem43w.js","lightbox-handle-r17bVUz3.js"]}