Charter
Calm, document-like guidance for the clients of firms and insurers.
Built for developer tools
Midnight: a developer tools knowledge base template
Midnight is a dark developer documentation template, with Geist type, a grid-lined hero, a terminal code card and the docs tree docked beside every inner page.
- Geist
- Compact spacing
- Dark in both modes
- 6 pages designed
Included on every plan, and in the 14-day free trial. No credit card needed.
Every page, designed
See Midnight on every page.
Real screenshots of a demo help center running Midnight exactly as it ships, before any changes. Pick a page to see it.
About the template
About Midnight
Midnight is dark in both modes, like a code editor. Geist and Geist Mono, an emerald glow over a faint grid and a terminal card for a first request make it feel at home beside your API, and each docs section lists its first guides right on its card.
Every inner page has the shape developers expect: the whole docs tree docked on the left and, on articles, an outline on the right and a menu that copies the page as Markdown or opens it in Claude or ChatGPT.
Best for
- Developer tools, APIs and SDKs
- AI products and technical platforms
- Readers who copy the code and move on
Page by page
What’s on each page.
What Midnight puts on each page before you change anything. Every section can be removed, reordered or added to in the editor.
Home page
- A large search box
- Categories with their articles“3 across”
- An article list“Recently updated”
- A contact prompt“Stuck on something?”
Category pages
- The category’s articles and subcategories
- Search in the header
- A topic tree in the sidebar“Documentation”
- A contact prompt“Missing an example?”
Article pages
- Search in the header
- A topic tree in the sidebar“Documentation”
- An export menu
- A “Was this helpful?” rating
- Related articles“Next steps”
- 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 Midnight’s settings. Change any of them.
These are the settings Midnight 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 MidnightTypefaces
Headings Geist
Body Geist
Colors
Light
- Primary: #34d399
- Accent: #a3e635
- Background: #0b0b0f
- Surface: #141419
Dark
- Primary: #34d399
- Accent: #a3e635
- Background: #0b0b0f
- Surface: #141419
Corners
- Small: 6px
- Medium: 8px
- Large: 12px
Spacing
Compact
One of compact, comfortable or spacious, set for the whole help center.
Included with Midnight, and with every template
What every template includes- Search with instant results
- Dark mode, built in
- Reflows down to 320px
- WCAG AA color contrast
- Sitemap, meta and hreflang
- Every language you publish in
Is the Midnight template free?
Midnight 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 Midnight’s colors and fonts?
Yes. Midnight starts with Geist and #34d399 as its primary color. 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 Midnight have a dark mode?
Yes. Midnight is dark in both modes: even its standard palette is dark, so every visitor gets a dark help center. You can edit the dark palette separately from the light one, and add a logo made for dark backgrounds.
Can I switch from Midnight 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 Midnight work on phones?
Yes. Midnight 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 templates built for an industry.
Start your help center on Midnight.
Your 14-day trial starts with Midnight already applied. Make it yours in the editor and publish when it looks right. No credit card needed.