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.

If you're installing AI Search on a search results page, no need to set background color - the Direqt interface has a transparent background to blend seamlessly into the page.

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.

Horizonal logos with bold text work best.

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