Style Customization
Customizing the look and feel of the AI Search interface on your site
On the Style page of the dashboard, you can customize fonts, colors, and branding to match your site's design.
Font Customization
Font Family: Select a font from the Font Family dropdown to match your brand.
Font Color: Set text color using the color dropper or enter a custom color code.
Placeholder Customization
Search Placeholder: The text displayed in the search input before the user types (e.g., "Search for articles...").
Follow-Up Placeholder: The prompt in the search input after a user submits a query (e.g., "Ask a follow-up question...").
Hyperlink Color
Adjust the color of links and clickable elements.
Background Color
Adjust the background color of the overlay pop-up window.
Branding
Customize how your brand is represented in the search interface.
Brand Logo: Upload your brand's logo in .jpg, .jpeg, or .png format via the Logo field. This image will be displayed in the top-left corner of the interface.
Brand Name: If no logo is uploaded, your brand name will appear in the top-left corner. By default, your brand name is set to 'Ask [Your Website Name]'. You can edit this text in the Brand Name field.
Examples
The table below shows two different AI Search interface customizations, along with the style settings used for each.
Example 1: Light Background, Brand Name
Brand Name - "NRO"
Follow-Up Placeholder - "Search"
Font - Consolas
Hyperlink Color - #1e90ff
Background Color - #ffffff
Example 2: Dark Background, Brand Logo
Brand Logo - ![]()
Follow-Up Placeholder - "Ask Me Anything"
Font - Arial
Font Color - #ffffff
Hyperlink Color - #0092ff
Background Color - #303030
Last updated
