Minimal Classic
A coloured header over a clean grid, the timeless help-center look.
Versatile brand style
Docs Focus knowledge base template
Docs Focus pairs a centred top menu with grouped category navigation, generous column spacing, and a page outline beside every article.
- Inter
- Comfortable spacing
- Dark mode built in
- 6 pages designed
Included on every plan, and in the 14-day free trial. No credit card needed.
Every page, designed
See Docs Focus on every page.
Real screenshots of a demo help center running Docs Focus exactly as it ships, before any changes. Pick a page to see it.
About the template
About Docs Focus
Docs Focus is built for product and developer documentation. A centred menu shares the top bar with your logo and a compact search field. Categories form open sections in the sidebar, with accent headings, nested article links and a marker for the page being read.
Articles use three columns, with a restrained reading width and an outline on the right. The home page introduces your documentation with category cards and recent updates, while category and search pages use simple article lists. Light and dark palettes share a rose accent and quiet borders.
Best for
- Product and developer documentation
- Deep category hierarchies that readers need to scan
- Long guides that benefit from a narrow reading column
Page by page
What’s on each page.
What Docs Focus puts on each page before you change anything. Every section can be removed, reordered or added to in the editor.
Home page
- Search in the header
- A topic tree in the sidebar
- Category cards“2 across”
- An article list“Recent articles”
Category pages
- The category’s articles and subcategories
- Search in the header
- A topic tree in the sidebar
Article pages
- Search in the header
- A topic tree in the sidebar
- Related articles“Continue reading”
- A table of contents in the side rail
Search results, contact and 404 pages are designed in the same style.
Make it yours
Start from Docs Focus’s settings. Change any of them.
These are the settings Docs Focus ships with. Each one is a control in the visual editor, and changing it restyles every page at once. Add your logo, use your own fonts, and add custom CSS when you want full control.
Start with Docs FocusTypefaces
Headings Inter
Body Inter
Colours
Light
- Primary: #be185d
- Accent: #6d28d9
- Background: #fcfcfd
- Surface: #f4f5f8
Dark
- Primary: #f472b6
- Accent: #a78bfa
- Background: #151e2c
- Surface: #1d2736
Corners
- Small: 4px
- Medium: 8px
- Large: 12px
Spacing
Comfortable
One of compact, comfortable or spacious, set for the whole help center.
Included with Docs Focus, and with every template
What every template includes- Search with instant results
- Dark mode, built in
- Reflows down to 320px
- WCAG AA colour contrast
- Sitemap, meta and hreflang
- Every language you publish in
Is the Docs Focus template free?
Docs Focus is included in every HelpCenter.io plan at no extra cost, like every template, and you can try it free for 14 days with no credit card needed.
Can I change Docs Focus’s colours and fonts?
Yes. Docs Focus starts with Inter and #be185d as its primary colour. Both are settings in the visual editor, along with your logo, the rest of the palette, the corner radius and the spacing, and changing one restyles every page.
Does Docs Focus have a dark mode?
Yes. Docs Focus has its own dark palette, and visitors get it automatically when their device is set to dark mode. You can edit the dark palette separately from the light one, and add a logo made for dark backgrounds.
Can I switch from Docs Focus to another template later?
Yes, whenever you like, from the theme gallery in the editor. You compare the new template with your current design and choose which parts of it to apply. Your articles and categories are never touched, and nothing changes for visitors until you publish.
Does Docs Focus work on phones?
Yes. Docs Focus is built to reflow on screens as narrow as 320px, and the editor previews desktop, tablet and mobile sizes before you publish. The phone screenshot on this page shows its home page 390 pixels wide.
Keep browsing
More versatile brand styles.
-
-
Support Columns
Categories beside your most-read articles in a tidy two-column home.
-
Compass
The Compass template from knowledgebase.dev, with hosting, team editing, and search built in.
Start your help center on Docs Focus.
Your 14-day trial starts with Docs Focus already applied. Make it yours in the editor and publish when it looks right. No credit card needed.