Versatile brand style

Support Columns knowledge base template

Support Columns lists every category with its articles in a tidy two-column home, so visitors can often click straight through to the answer.

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

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

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

About Support Columns

Support Columns lists every category with its articles underneath, two columns across, so a visitor can often click straight through to the answer without opening a category first.

Category and article pages keep your categories in a sidebar, and articles end with related articles and a rating. It is the classic knowledge base layout, categories and their top articles on one page, done cleanly.

Best for

  • Knowledge bases with a handful of well-defined categories
  • Visitors who scan titles to find their question
  • Teams moving from a classic two-column knowledge base
Page by page

What’s on each page.

What Support Columns 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“2 across”

Category pages

  • The category’s articles and subcategories
  • Search in the header
  • A topic tree in the sidebar“Categories”

Article pages

  • Search in the header
  • A topic tree in the sidebar“Categories”
  • Related articles
  • A “Was this helpful?” rating

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

Make it yours

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

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

Headings Inter

Body Inter

Colours

Light

  • Primary: #16a34a
  • Accent: #15803d
  • Background: #ffffff
  • Surface: #f9fafb

Dark

  • Primary: #4ade80
  • Accent: #22c55e
  • Background: #0b1411
  • Surface: #111c17
Corners
  • Small: 4px
  • Medium: 6px
  • Large: 10px
Spacing

Comfortable

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

Included with Support Columns, 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 Columns.

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

Is the Support Columns template free?

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

Yes. Support Columns starts with Inter and #16a34a 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 Columns have a dark mode?

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

Yes. Support Columns 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 Compass knowledge base template

    Compass

    The Compass template from knowledgebase.dev, with hosting, team editing, and search built in.

  • Home page of the Aurora Support knowledge base template

    Aurora Support

    A modern support home lit by a soft gradient hero, with search front and centre.

  • Home page of the Support Classic knowledge base template

    Support Classic

    A warm, familiar support hub with a hero search customers reach for first.

Start your help center on Support Columns.

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