Versatile brand style

Support Classic knowledge base template

Support Classic is the familiar helpdesk look: a gradient hero with a big search box, category cards, featured articles and a contact form on the home page.

  • 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 Support Classic on every page.

Real screenshots of a demo help center running Support Classic exactly as it ships, before any changes. Pick a page to see it.

Support Classic knowledge base template: the whole home page
The whole Support Classic home page, top to bottom.
Support Classic knowledge base template: a category page
A category page, listing the category’s articles and subcategories.
Support Classic knowledge base template: a article page
An article page, in the reading layout Support Classic gives every article.
Support Classic knowledge base template: a search results page
Support Classic knowledge base template: the home page in dark mode
The home page in dark mode. Support Classic has its own dark palette, and visitors get it automatically when their device is set to dark mode.
Support Classic knowledge base template on a phone: the home page
The home page on a phone, 390 pixels wide.
About the template

About Support Classic

Support Classic follows the layout customers already know from the best support sites: a warm gradient hero with a large search box, your categories as cards, a few featured articles, and a contact form at the foot of the home page for anything search could not answer.

Article pages put a table of contents beside the text, with share buttons, a rating and related articles underneath. A language switcher sits in the header from the start, ready for your second language.

Best for

  • Support teams that take requests through the help center
  • Customers who expect a classic helpdesk layout
  • Help centers published in more than one language
Page by page

What’s on each page.

What Support Classic puts on each page before you change anything. Every section can be removed, reordered or added to in the editor.

Home page

  • A language switcher
  • A large search box
  • Category cards
  • Featured articles
  • A contact form

Category pages

  • The category’s articles and subcategories
  • A language switcher
  • Search in the header
  • A contact prompt“Can't find an answer?”

Article pages

  • A language switcher
  • Search in the header
  • A table of contents beside the article
  • Share buttons
  • A “Was this helpful?” rating
  • Related articles

Search results, contact and 404 pages are designed in the same style.

Make it yours

Start from Support Classic’s settings. Change any of them.

These are the settings Support Classic 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 Support Classic
Typefaces

Headings Inter

Body Inter

Colours

Light

  • Primary: #1d4ed8
  • Accent: #f59e0b
  • Background: #ffffff
  • Surface: #f1f5f9

Dark

  • Primary: #60a5fa
  • Accent: #fbbf24
  • Background: #0b1220
  • Surface: #111c30
Corners
  • Small: 4px
  • Medium: 8px
  • Large: 16px
Spacing

Comfortable

One of compact, comfortable or spacious, set for the whole help center.

Included with Support Classic, 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
FAQ

Questions about Support Classic.

More in the templates FAQ, or ask our team from our help center.

Is the Support Classic template free?

Support Classic 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 Support Classic’s colours and fonts?

Yes. Support Classic starts with Inter and #1d4ed8 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 Support Classic have a dark mode?

Yes. Support Classic 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 Support Classic 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 Support Classic work on phones?

Yes. Support Classic 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.

Browse all 15 templates
  • Home page of the Stripe Clean knowledge base template

    Stripe Clean

    A crisp, documentation-first layout that suits product and developer teams.

  • Home page of the Notion Airy knowledge base template

    Notion Airy

    Calm, spacious pages that make even long guides easy to read.

  • Home page of the Apple Minimal knowledge base template

    Apple Minimal

    Understated and premium, with the focus entirely on your answers.

Start your help center on Support Classic.

Your 14-day trial starts with Support Classic already applied. Make it yours in the editor and publish when it looks right. No credit card needed.