Branding
Make your documentation feel like your product — not a generic template.
Settings#
| Field | What it does |
|---|---|
| Custom name | Display name shown in the browser tab and header |
| Accent color | Primary brand color applied to buttons, links, and highlights |
| Heading font | Google Font used for headings (h1–h6) |
| Content font | Google Font used for body text — falls back to the heading font |
| Hide "Powered by Docsbook" | Remove the footer badge (Pro) |
How to Apply#
- Open your docs site.
- Float Widget → Design → Branding tab.
- Fill in the fields.
- Click Save.
Changes apply instantly — no rebuild needed.
Accent Color#
The accent color is a hex code (e.g., #5B47E0). It affects:
- Active states in the sidebar
- Toggle switches
- Buttons
- Links
Pick a color that matches your product's primary brand color. Avoid very light colors — they won't meet contrast requirements on white backgrounds.
Fonts#
Pick your typography from 1500+ Google Fonts. Headings and body text are set separately, so you can pair a distinctive display face with a highly readable body face.
Fields: Headings, Content
How to set:
- Float Widget → Design → Font card.
- Pick a font under Headings — this styles h1–h6.
- Optionally pick a different font under Content — this styles body text.
- Save.
Leaving Content empty means body text uses the heading font, so a single pick still styles the whole page. Each picker has a search box and previews every family in the font itself. Reset clears a field.
The fonts load from Google Fonts automatically — nothing to install or host.
Custom Icons#
Set a custom favicon and header icon for your documentation site.
Field: Icon URL
How to set:
- Float Widget → Design → Branding tab.
- Paste a public URL to your icon image into the Icon URL field.
- Save.
Requirements:
- Use a square image — PNG or SVG recommended.
- Ideal size: 64×64 px (PNG) or any size (SVG).
- The URL must be publicly accessible (no auth required).
Where it appears:
- Browser favicon (tab icon)
- Header logo area in your docs sidebar
Hide "Powered by Docsbook" (Pro)#
By default, a small "Powered by Docsbook" badge appears at the bottom of the sidebar.
Turning this off gives your documentation a fully white-label appearance.
Pro feature. Requires a Pro plan. Upgrade to Pro →
Start building your brand. Connect your GitHub repo →