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...").

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.

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 - Example

Follow-Up Placeholder - "Ask Me Anything"

Font - Arial

Font Color - #ffffff

Hyperlink Color - #0092ff

Background Color - #303030

Last updated