Open Knowledge adminCustomize designNorthlineCustomize. Settings are grouped like this page. Text settings hold one text for every language; while a text still has Northline's default, visitors see it translated (see Languages).
Colors
| Setting | Type | Default | What it does |
|---|---|---|---|
| Brand color | Color | #2F54EB | Buttons, highlights, the active page in menus and the home page tint |
| Brand text color | Color | #FFFFFF | Text on top of the brand color, such as button labels |
| Text color | Color | #1A1D24 | Text color for body and heading elements |
| Link color | Color | #2747D6 | Text color for link elements |
| Hover link color | Color | #1A31A3 | Text color for the hover state of link elements |
| Visited link color | Color | #2747D6 | Text color for visited link elements |
| Background color | Color | #FFFFFF | Background color of your Help Center |
| Color mode | Choice | Light | The mode visitors see first. Options: Light, Dark, Follow the visitor's device. |
| Light/dark switch | Switch | On | Let visitors switch between light and dark mode from the header |
Fonts
| Setting | Type | Default | What it does |
|---|---|---|---|
| Heading Font | Choice | Instrument Sans | Font for headings. Options: Instrument Sans, Inter, Geist, Manrope, DM Sans, Figtree, Plus Jakarta Sans, IBM Plex Sans, Source Serif 4, Fraunces, Custom font (set below), System (no web font), Georgia (no web font). |
| Text Font | Choice | Instrument Sans | Font for body text. Options: Instrument Sans, Inter, Geist, Manrope, DM Sans, Figtree, Plus Jakarta Sans, IBM Plex Sans, Source Serif 4, Fraunces, Custom font (set below), System (no web font), Georgia (no web font). |
| Custom font name | Text | Empty | Used when a font is set to Custom font. The family name as your font service gives it, for example Open Sans |
| Custom font stylesheet | Text | Empty | The stylesheet link that loads it: Google Fonts, Adobe Fonts or your own site, for example https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;600;700&display=swap |
| Corners | Choice | Soft | How rounded buttons, fields and panels are. Options: Sharp, Soft, Round. |
Brand
| Setting | Type | Default | What it does |
|---|---|---|---|
| Logo | Image | Northline image | Company logo |
| Logo for dark mode | Image | Northline image | Used in dark mode. Leave empty to reuse the main logo |
| Show Help Center name | Switch | On | Display the Help Center name next to the logo |
| Favicon | Image | Northline image | Icon displayed in the address bar of your browser |
Header
| Setting | Type | Default | What it does |
|---|---|---|---|
| Announcement bar | Switch | Off | A thin bar above the header for news, incidents or holiday hours. Visitors can close it |
| Announcement text | Text | We just shipped a new dashboard editor. | One short sentence |
| Announcement link label | Text | See what's new | Leave empty for no link |
| Announcement link | Text | Empty | Full URL, starting with https:// |
| Topics menu | Switch | On | A Topics menu in the header listing every category |
| Search in the header | Switch | On | On every page except the home page |
| Header link 1 label | Text | Empty | For example Status, Changelog or Back to app |
| Header link 1 URL | Text | Empty | Full URL, starting with https:// |
| Header link 2 label | Text | Empty | Leave empty to hide |
| Header link 2 URL | Text | Empty | Full URL, starting with https:// |
| Status page | Text | Empty | Your Atlassian Statuspage address (https://status.example.com). Shows the live system status on the home page |
Home page
| Setting | Type | Default | What it does |
|---|---|---|---|
| Headline | Text | How can we help? | The large title above the search |
| Subtitle | Text | Search the guides, or browse by topic below. | One line under the headline. Leave empty to hide |
| Hero background | Choice | Soft brand tint | Background behind the headline and search. Background image uses Home hero image under Images. Options: Soft brand tint, Plain, Solid brand color, Background image, Background video. |
| Background video | Text | Empty | Link to an MP4 file, used when Hero background is Background video. It plays muted, and stays still for visitors who reduce motion |
| Popular searches | Text | Empty | Comma-separated, shown under the search. For example: Billing, Single sign-on, Export data |
| Topics layout | Choice | Topics with their sections | How categories appear on the home page. Options: Topics with their sections, Topic cards, Compact list. |
| Sections per topic | Slider | 4 (0–8) | How many sections to list under each topic in the Topics with their sections layout |
| Topic icons | Text | Empty | Optional. Icons are picked from each topic's name. To choose one, write topic:icon pairs, where topic is the name or id and icon is an icon name or an image URL. For example: Billing:card, 360002:https://example.com/icon.svg. Icons: rocket, book, card, user, users, shield, plug, code, chart, gear, wrench, bell, chat, globe, lock, mobile, video, spark, box, flag, folder |
| Popular articles | Switch | On | Lists your promoted articles on the home page |
| Recent activity | Switch | On | Show recent activity on home page |
| What's new card | Switch | Off | A card next to the search linking to your changelog or latest release |
| What's new title | Text | What's new | What's new title |
| What's new text | Text | The latest features and fixes, every week. | What's new text |
| What's new link | Text | Empty | Full URL or a help center path such as /hc/en-us/sections/123 |
| Contact block | Switch | On | The Still need help? block at the bottom of the home page |
| Contact title | Text | Still need help? | Contact title |
| Contact text | Text | Our team answers most requests within a few hours. | Contact text |
| Chat option | Switch | Off | Adds Chat with us, which opens your Zendesk messaging or Web Widget |
| Support email | Text | Empty | Adds an email option. Leave empty to hide |
Home page blocks
| Setting | Type | Default | What it does |
|---|---|---|---|
| Quick links title | Text | Empty | Heading above the quick links. Leave empty for none |
| Quick links | Text | Empty | Cards under the search, for the pages people need most. One card per entry, entries separated by semicolons, each written Title|Text|Link|icon (text and icon are optional). For example: Download the app|iOS, Android and desktop|https://example.com/download|mobile; API reference||https://example.com/api|code |
| Banner | Switch | Off | A call to action above the contact block: a webinar, a new feature, a survey |
| Banner title | Text | Join our next live training | Banner title |
| Banner text | Text | Thirty minutes, every Thursday. Bring your questions. | Leave empty for a title only |
| Banner button label | Text | Save my seat | Banner button label |
| Banner link | Text | Empty | Where the button goes. Without a link the banner is hidden |
| Banner style | Choice | Soft brand tint | Banner style. Options: Soft brand tint, Solid brand color, Dark. |
Videos
| Setting | Type | Default | What it does |
|---|---|---|---|
| Video label | Text | video | Articles with this label and a video in them appear on the home page and in the video library (yourhelpcenter/hc/p/videos, a custom page that Zendesk serves on Enterprise plans) |
| Video library title | Text | Video tutorials | Title of the video library page and of the home page block |
| Video library intro | Text | Short walkthroughs of the things people ask about most. | One line under the library title. Leave empty to hide |
| Videos on the home page | Switch | Off | Shows the first three videos on the home page, with a link to the library |
Images
| Setting | Type | Default | What it does |
|---|---|---|---|
| Home hero image | Image | Northline image | Hero image on the home page |
| Community hero image | Image | Northline image | Hero image on the community topics page |
| Community banner | Image | Northline image | Image for the community section on the home page |
| Service catalog hero image | Image | Northline image | Hero image on the service catalog page |
Search settings
| Setting | Type | Default | What it does |
|---|---|---|---|
| Instant search | Switch | On | Show suggested articles on search |
| Scoped search in help center | Switch | On | Search results are confined to the category the user is in |
| Scoped search in Community | Switch | On | Search results are confined to the topic the user is in |
| Quick search | Switch | On | Press Ctrl K or / on any page to search articles without leaving it |
Article page elements
| Setting | Type | Default | What it does |
|---|---|---|---|
| Topic navigation | Switch | On | A left menu with every section and article of the current topic |
| Articles in section | Switch | On | Show sidebar of articles in section |
| On this page | Switch | On | A table of contents built from the article's headings, highlighting where the reader is |
| Reading time | Switch | On | Shows an estimated reading time next to the date |
| Author | Switch | On | Show author image and name |
| Previous and next | Switch | On | Links to the previous and next article in the section |
| Copy buttons | Switch | On | Copy link and Copy as Markdown, for sharing an article or pasting it into an AI assistant |
| Print button | Switch | On | Articles also print cleanly without it |
| Code copy button | Switch | On | A Copy button on every code block |
| Image zoom | Switch | On | Click an image in an article to view it full screen |
| Follow | Switch | On | Users can follow a specific article |
| Social sharing | Switch | On | Show social media sharing on article |
| Related articles | Switch | On | Show related articles |
| Recently viewed | Switch | On | Show recently viewed articles |
| Comments | Switch | On | Show comments on articles |
| Help after a No vote | Switch | On | When a reader votes No on Was this article helpful?, suggest submitting a request |
Section page elements
| Setting | Type | Default | What it does |
|---|---|---|---|
| Follow | Switch | On | Users can follow a specific section |
Community post elements
| Setting | Type | Default | What it does |
|---|---|---|---|
| Follow | Switch | On | Users can follow a specific post |
| Social sharing | Switch | On | Show social media sharing on post |
Community topic elements
| Setting | Type | Default | What it does |
|---|---|---|---|
| Follow | Switch | On | Users can follow a specific topic |
Request page
| Setting | Type | Default | What it does |
|---|---|---|---|
| Show suggested articles | Switch | On | Show suggested articles on new request form |
| Filter ticket fields by brand | Switch | On | Only show ticket fields associated with the current brand's active forms on the requests page |
| Request form intro | Text | Empty | A short note above the request form. Leave empty to hide |
| Request types as cards | Switch | On | When you have several ticket forms, show them as cards to choose from instead of a dropdown |
| Request type descriptions | Text | Empty | Optional. Semicolon-separated form-name:description pairs, for example: Report a bug:Something isn't working; Billing:Invoices and payments |
| Screen recording link | Text | Empty | Your Screendesk recording link. Adds Record your screen next to the request form so customers can show the problem instead of describing it |
Footer
| Setting | Type | Default | What it does |
|---|---|---|---|
| Footer text | Text | Empty | A short line under your logo. Leave empty to hide |
| Column 1 title | Text | Product | Column 1 title |
| Column 1 links | Text | Empty | Label|URL pairs separated by commas. For example: Pricing|https://example.com/pricing, Changelog|https://example.com/changelog |
| Column 2 title | Text | Company | Column 2 title |
| Column 2 links | Text | Empty | Label|URL pairs separated by commas |
| Column 3 title | Text | Resources | Column 3 title |
| Column 3 links | Text | Empty | Label|URL pairs separated by commas |
| X (Twitter) | Text | Empty | Profile URL. Leave empty to hide |
| Text | Empty | Profile URL. Leave empty to hide | |
| YouTube | Text | Empty | Channel URL. Leave empty to hide |
| GitHub | Text | Empty | Profile URL. Leave empty to hide |
| Text | Empty | Page URL. Leave empty to hide | |
| Text | Empty | Profile URL. Leave empty to hide |