Brand Extraction

Docsio ensures your documentation feels like a native part of your product by automatically extracting your brand identity.

Automatic Detection

The moment you enter your URL, Docsio analyzes your website's visual language:

• Colors: We identify your primary, secondary, and accent colors. These are applied to links, buttons, sidebar highlights, and callouts.
• Logo: We find and download your high-resolution logo for use in the navbar and footer.
• Favicon: Your site's favicon is automatically applied to your documentation site.
• Typography: We detect your heading and body fonts, matching them as closely as possible using high-quality web fonts.

Dark Mode Support

Docsio automatically generates a beautiful dark mode version of your documentation. We ensure that your brand colors remain accessible and visually appealing in both light and dark themes.

Manual Overrides

While our extraction is highly accurate, you always have full control. You can ask the AI Agent to tweak any brand element:

• "Use a different logo for the dark mode version."
• "Adjust the primary color to be slightly darker."
• "Switch the body font to Inter."

tip

Check out the Theme Customization guide for more advanced styling options.