Skip to main content
All CollectionsStartPortal Customization
Changing your Portal look and feel
Changing your Portal look and feel

Apply your own branding to your Portal.

Updated over 8 months ago

You can customize your API portal's look and feel to match your organization's corporate style guide perfectly. Navigate to Portal > Theme.

You have the option of modifying the following elements:

  • General Settings - Add your logo and Favicon.

  • Hero Section - Change the Hero image and buttons.

  • Colors - Apply your brand colors here.

  • Typography - Change the font family.

  • Buttons - Choose between rounded or square buttons.

  • Texts - Change the texts that appear on the landing page.

You may modify the look and feel of the Portal in two ways. You may modify site-wide parameters like colors from the theme editor (covered in this article). Or directly by altering the structure of the individual Pages.

General Settings

  • The logo changes the logo that will appear in the navigation bar at the top of the page.

  • The Favicon modifies the image that will appear in your browser tab.

  • Choose to show the landing page's video component and set the URL.

Hero Section

The hero section appears at the top of the landing page. The landing page is the first page that users navigate to when visiting your portal.

Colors

Colours are applied site-wide.

  • General Primary - The colour of all primary CTA buttons and link hover.

  • General Secondary - The colour of all secondary CTA buttons.

  • Text Primary - The colour of the text used on the primary CTA.

  • Text Secondary - The colour of the text used on the secondary CTA.

Typography

Changing your typography will have a site-wide effect.

List of supported font families:

  • DIN

  • Public Sans

  • SourceSans3

  • Segoe UI

  • System-ui

  • Arial

  • Arial Black

  • Century Gothic

  • Courier New

  • Garamond

  • Georgia

  • Impact

  • Trebuchet MS

More fonts are available on request.

Buttons

Modifies whether buttons are round or square.

Texts

Modifies the landing page texts.

Did this answer your question?