> ## Documentation Index > Fetch the complete documentation index at: https://docs.docdiagram.com/llms.txt > Use this file to discover all available pages before exploring further. # Themes & branding > Match your company's look in one click. URL input, extracted brand tokens, branded diagram URL input, extracted brand tokens, branded diagram Diagrams in technical docs look better when they share your product's visual identity. DocDiagram extracts your brand automatically from a URL. ## Add your brand 1. Open your project settings. 2. Paste your company or product URL (e.g. `https://acme.com`). 3. DocDiagram crawls the site and extracts: * Your primary and accent colors * Your font families * Your logo Every diagram in that project picks up those tokens automatically. ## Light and dark, always Every diagram is rendered in both light and dark variants. Your brand colors are applied to both, with contrast adjusted so text stays readable in either theme. ## Manual overrides If the auto-extraction misses something, you can: * Set primary, accent, and background colors by hex code. * Upload your logo directly. * Pick a font family from the supported list. Project-level brand settings apply to every diagram you generate in that project — old ones and new ones. ## When brand-aware matters * **Docs sites** — diagrams blend with the rest of the page instead of looking like generic stock art. * **Customer-facing decks** — consistent visual identity across slides and supporting material. * **Internal wikis** — your team recognizes a DocDiagram diagram on sight. ## Next How projects organize your diagrams and brand settings.