Skip to main content

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.

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

Projects

How projects organize your diagrams and brand settings.