New in the Template Editor

AI theming agent

Paste your website. Get a help center that already looks like you.

The agent reads your colours, fonts and logo, then proposes a matching light and dark theme in seconds. You review every change in a live preview, and nothing goes live until you publish. When you want more, ask for it in plain language.

From a website on every plan, including the 14-day trial. Chat on Catalyst. No credit card needed.

Northwind Help Template Editor
Preview on canvas
How can we help?
Browse by category
Getting started 12 articles
Charging at home 15 articles
Billing and receipts 9 articles
Account and security 7 articles
AI theming agent Your help center, on brand in seconds
From a website Chat
Northwind Charging, made simple
Ready, painting your canvas now
Colors · light High confidence
#0E7C66 #F2B705 #12302A #FFFFFF #5D7069
Colors · dark
#3FD4AE #FFC93C #E6F2EE #0C1A17 #9DB4AC
Typography Medium confidence
How can we help? Search our guides or browse popular topics. Heading Poppins · Body Open Sans
Apply to your draft

Uncheck anything you would rather keep as it is.

  • Brand High
  • Colors (light) High
  • Colors (dark) High
  • Fonts Medium
  • Unticked: Corner radius
Apply 4 changes
An example on Northwind, a fictional company. Switch the preview between light and dark to see both halves of the proposal.
From your website · every plan

Paste one address. Review a theme that already looks like you.

The agent opens a site you own, reads your brand, and paints its proposal onto your live preview. A run takes seconds, and you decide what stays.

  1. Paste your website Enter the address of a site you own or control, and tick the box that confirms you may use its branding.
  2. The agent reads your brand Your colours, fonts, logo and favicon. A one-colour SVG logo becomes a light and a dark version, so it stays legible in both modes.
  3. Review a light and a dark theme Each area comes with how confident the agent is. The proposal paints your live preview, and you untick anything you would rather keep.
  4. Apply it, then publish when you are ready Nothing changes until you apply it, and applying only updates your draft. Your help center changes when you press Publish.

On every plan, including the 14-day trial: 3 runs a day for each help center, or 10 on Catalyst.

northwind.energy Reading your brand
  1. Done: Opening the site northwind.energy
  2. Done: Reading colors and fonts Five colours, two fonts, a logo and a favicon
  3. Done: Finding your palette A deep teal, with amber to accent it
  4. Done: Composing your theme Light and dark
  5. Done: Finishing up
The steps of one run on northwind.energy, a fictional website.
Northwind Light mode
Northwind Dark mode
A one-colour SVG logo, made into a version for each mode.
Chat · Catalyst

Then shape it in plain language.

Ask for a change the way you would ask a designer. The agent proposes it as a card you can preview, accept or refine, and it keeps the thread of the conversation, so a follow-up like “a bit darker” just works.

What you can ask for

  • Colours, fonts, corner radius and density
  • Page layouts and navigation
  • Built-in components: a contact call to action, FAQs, article lists, featured articles, a search bar
  • Custom HTML components, with CSS that follows your theme in light and dark mode

Ask for something outside your help center's design, like live data from your app or a backend integration, and it tells you so instead of building something that only looks like it works.

Interactive components, with the code in plain sight.

Site owners and admins can have the agent write the small script a component needs: tabs, an accordion, an announcement bar people can dismiss. The code is shown in the chat card for you to read. It never runs before you accept it, you can accept everything except the script in one click, and editors cannot add scripts.

Catalyst Chat is included on Catalyst. The $29/mo AI add-on does not unlock chat.

AI theming agent Chat
  1. You: Add an announcement bar at the top that people can dismiss.

  2. Agent: I added a dismissible announcement bar above your header. It uses your theme colours, so it reads well in light and dark mode.

  3. Dismissible announcement bar
    • Page: Home updated
    • Custom CSS updated
    • Script injections updated

    CSS is sanitized and scoped to your help center. Review before applying.

    Includes JavaScript. It runs for every visitor once you publish, not in this preview. Read it before you accept.

    Dismiss the announcement bar New script · runs on every page
    (function () {
      'use strict';
      var KEY = 'hc-agent:announce:dismissed';
      function init() {
        var site = document.getElementById('hc-site');
        var bar = site && site.querySelector('.nw-announce');
        if (!bar) { return; }
        try {
          if (localStorage.getItem(KEY)) { bar.hidden = true; return; }
        } catch (e) {}
        var close = bar.querySelector('.nw-announce__close');
        close.addEventListener('click', function () {
          bar.hidden = true;
          try { localStorage.setItem(KEY, '1'); } catch (e) {}
        });
      }
      if (document.readyState === 'loading') {
        document.addEventListener('DOMContentLoaded', init);
      } else {
        init();
      }
    })();
    Accept with script Refine Accept everything except the script
  • Match my brand colors
  • Add a contact section
  • Make it feel more premium
  • Create a promo banner
Ask for a change…
An example conversation on Northwind, a fictional help center. The card is laid out the way the agent shows every proposal.
Safe by design

The agent proposes. You decide.

Handing your brand to an AI should not mean handing over your help center. Every change waits for you, and every one can be undone.

  • Preview first, publish when ready

    A proposal paints your preview and nothing else. Accepting adds it to your draft, and your help center changes when you press Publish.

  • Checked on our servers

    Every proposal is validated and sanitised on our side before you see it, and it is scoped to your help center. Custom CSS cannot reach past it.

  • Your translations stay put

    Accepting a change keeps your translations, and any edits you had not saved yet.

  • Every publish is a version

    Changed your mind after publishing? Restore an earlier version from the editor's version history.

  • Scripts only when you want them

    Only owners and admins can add one. You read the code before you accept, nothing new runs in the preview, and you can accept everything except the script.

  • Your own brand only

    Before the agent reads a website, you confirm that you own or control it and may use its branding.

Plans and limits

Start from your website on any plan.

Branding from your website comes with every plan, and chat comes with Catalyst. There is no charge per run, and fair-use limits apply.

From a website

Every plan

Included

in every plan and in the 14-day trial

  • 3 runs a day for each help center
  • A light and a dark theme from your colours and fonts
  • Your logo and favicon, with a light and a dark logo from a one-colour SVG
Start free trial

From a website, plus chat

Catalyst

$179 /mo, billed annually

or $199 month to month, for the whole Catalyst plan

  • 10 runs a day from a website
  • Up to 100 chat requests a day for each help center
  • Layouts, navigation, components and custom HTML
  • Interactive components with scripts, for owners and admins
  • Note: Chat is not unlocked by the $29/mo AI add-on
Start a Catalyst trial

Each help center also has a monthly fair-use allowance for the agent. Older plans that already include AI get chat too. Compare every plan.

FAQ

Questions, answered.

Something missing? Our team answers from our help center.

Which plans include the AI theming agent?

Creating a theme from your website is included on every plan, including the 14-day trial: 3 runs a day for each help center, or 10 on Catalyst. Chatting with the agent is included on Catalyst, in its trial, and on older plans that already include AI. The $29/mo AI add-on does not unlock chat. Compare every plan.

Will it change my live help center?

Not until you say so. A proposal only paints the preview in your editor. Applying it adds the changes to your draft, and your help center changes when you press Publish. Every publish is saved as a version you can restore.

Can I point it at any website?

Use a site you own or control. Before the agent reads it, you confirm that you may use its branding, because it brings your colours, fonts, logo and favicon into your theme.

What can I ask for in chat?

Colours, fonts, corner radius and density, page layouts and navigation, built-in components such as a contact call to action, FAQs or article lists, and custom HTML components whose CSS follows your theme in light and dark mode. It keeps the thread of the conversation, so a follow-up like “a bit darker” works.

Will it add JavaScript to my help center?

Only when a site owner or admin asks for an interactive component, like tabs, an accordion or an announcement bar people can dismiss. The script is shown in the chat card for you to read, it never runs before you accept it, and you can accept everything except the script. Editors cannot add scripts.

What will it not do?

It works on your help center's design, so it cannot connect to live data or your own systems, such as figures from your app or a backend integration. When you ask for something like that, it tells you so instead of building something that only looks like it works.

Is my existing work safe when I accept a change?

Yes. Accepting keeps your translations and any edits you had not saved yet. Nothing goes live until you publish, and every publish can be restored later.

Your brand is already on your website.

Start a 14-day trial, open the Template Editor and paste your address. No credit card needed.