Versatile brand style

Notion Airy knowledge base template

Notion Airy gives long guides room to breathe: spacious type, a simple category list, and articles with a page tree and a list of recent reads.

  • Inter
  • Spacious 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 Notion Airy on every page.

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

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

About Notion Airy

Notion Airy is the calmest template in the gallery. Generous spacing and a simple list of categories keep the home page quiet, with one question in the hero, “What do you want to learn?”, and a few featured articles underneath.

Article pages keep a tree of your pages in the sidebar, like a workspace, and remember what each reader looked at, with a “Jump back in” list under the article. Category pages end with your common questions.

Best for

  • Teams moving their docs out of Notion
  • Long guides and tutorials
  • Readers who come back often
Page by page

What’s on each page.

What Notion Airy 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 category list
  • Featured articles

Category pages

  • The category’s articles and subcategories
  • Search in the header
  • FAQs“Common questions”

Article pages

  • Search in the header
  • A topic tree in the sidebar“Pages”
  • A “Was this helpful?” rating
  • Recently viewed articles“Jump back in”

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

Make it yours

Start from Notion Airy’s settings. Change any of them.

These are the settings Notion Airy 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 Notion Airy
Typefaces

Headings Inter

Body Inter

Colours

Light

  • Primary: #2563eb
  • Accent: #ef6c4d
  • Background: #fefefe
  • Surface: #f7f6f3

Dark

  • Primary: #82b1ff
  • Accent: #ff9d7e
  • Background: #191919
  • Surface: #262626
Corners
  • Small: 3px
  • Medium: 6px
  • Large: 12px
Spacing

Spacious

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

Included with Notion Airy, 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 Notion Airy.

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

Is the Notion Airy template free?

Notion Airy 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 Notion Airy’s colours and fonts?

Yes. Notion Airy starts with Inter and #2563eb 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 Notion Airy have a dark mode?

Yes. Notion Airy 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 Notion Airy 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 Notion Airy work on phones?

Yes. Notion Airy 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 Apple Minimal knowledge base template

    Apple Minimal

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

  • Home page of the GitHub Dense knowledge base template

    GitHub Dense

    Information-dense reference docs built for a technical audience.

  • Home page of the Docs Classic knowledge base template

    Docs Classic

    Structured guides and reference, organised for quick scanning.

Start your help center on Notion Airy.

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