Brand your help centers

Creating a visually appealing help center is essential for providing a seamless support experience for your customers. If you're on a Premium or Enterprise plan and have multiple help centers, customizing the look and feel of each will make them distinct and stand out.

You need to be a Jira admin to customize your help center.

How you brand a help center depends on whether your help center is labeled Modern or Legacy. Find out which help center you're using.

Brand a Modern help center

In a Modern help center, you set the look and feel with the theme in the help center editor. The theme applies across all pages and components in the help center. In Global styles, you can set:

• Branding: your primary and secondary Brand colors, your company's Logo, which shows in the navigation bar, and Corners and spacing.

• Navigation: the navigation bar at the top of every page. Learn how to customize the navigation bar.

• Fonts: the fonts for headings and paragraphs, which you choose from a library of fonts.

To change the theme of a Modern help center:

1. Select Help centers in the left navigation sidebar.

2. On the card for the help center you want to edit, select Customize help center (pencil icon).

3. In the toolbar, select Global styles.

4. Select the Branding,Navigation or Fonts tab, and make your changes.

5. To check your changes, select View help center.

6. Select Publish.

Custom fonts and advanced theming are available on Jira Service Management Premium and Enterprise plans.

Brand a Legacy help center

In a Legacy help center, you brand the help center with Customise look and feel.

To customize the look and feel of your help center:

1. Select Settings () at the top right.

2. From the dropdown menu, select Jira apps.

3. Under the Jira Service Management header, select Help center permissions.

4. Under Help center management, select View all help centers.

5. On the card for the help center you want to customize, select … at the top right.

6. Select Customise look and feel.

7. Make changes to the look and feel of your help center and select Save changes.

You can also customize look and feel directly from a help center:

1. Go to any help center on your site.

2. Select Customise at the top right, and from the dropdown, select Customise look and feel.

3. Make changes to the look and feel of your help center and select Save changes.

Changing the look and feel of your help center

In every help center, you can set up:

• Help center name: This appears in breadcrumbs and helps customers get back to your home page faster. If you haven't added a logo to your help center, the name will display in the top left corner.

• Home page title: This appears on your home page above the search bar.

• Help center logo: Add your company's logo to display your company's brand. Accepted formats are JPEG, GIF, and PNG, with a maximum file size of 10MB. Upload an image at least 48 pixels high for best results.

• Banner: Add your own banner or use the default image. Upload an image at least 1920 x 400 pixels for best results.

• Banner, link, and button color: Change the color of the default banner background, links, and buttons to personalize your help center.

• Banner text color: Change the color of the home page title to reflect your company's colors.

• Navigation background color: Change the color of the navigation on your help center.

• Navigation text color: Change the color of text that appears on the help center navigation.

Diagram showing recommended content placement and safe zones for a help center banner image

You can further customize each help center on your site by changing the page layout, adding announcements, translations, and more. The changes you make to a help center will show up in all portals that are part of that help center.

Read more about other available customization options for help centers on your site.