DocsHub logo and identity
The DocsHub product mark combines two open document pages with a cyan connector spine. The pages represent the documentation itself; the three connected nodes represent the hub that brings separate project knowledge together.
This is the permanent DocsHub identity. Wombat, Capybara, and later generation artwork identify architectural eras or concepts and must not replace the product logo.
Approved assets
| Asset | Use |
|---|---|
| Primary DocsHub logo | Homepages, feature panels, documentation, and placements at 48 px or larger |
| Compact DocsHub mark | Browser icons, navigation, footers, and placements from 16 px to 47 px |
Both files are editable, self-contained SVGs. They contain no fonts, scripts, embedded raster images, or remote resources. Their permanent dark tile allows the approved assets to appear unchanged on dark, light, or photographic backgrounds.
Horizontal treatment
For a horizontal lockup, place the compact mark to the left of the live text DocsHub. Keep the text in the surrounding interface typeface rather than embedding or converting a wordmark font inside the SVG. The navigation header is the reference implementation.
Spacing and size
- Keep clear space equal to at least one eighth of the displayed mark width on every side.
- Do not display the compact mark below 16 × 16 CSS pixels.
- Do not display the primary logo below 48 × 48 CSS pixels; use the compact mark instead.
- Preserve the square aspect ratio and do not crop, rotate, skew, or stretch either asset.
Colors
| Role | Value |
|---|---|
| Tile | #0a0a0a |
| Connector blue | #38bdf8 |
| Connector highlight | #7dd3fc |
| Primary page | #f5f5f5 |
| Secondary page | #d4d4d8 |
| Page detail | #52525b |
Do not recolor individual parts or remove the tile. A monochrome or inverted variant is not currently approved.
Accessibility
When the mark is the only content identifying DocsHub, use the text alternative
DocsHub. When it appears beside visible DocsHub text or inside a link that
already has an accessible name, use an empty image alternative so the name is
not announced twice. The SVG files also include their own title and description
for direct viewing.