Site Design & Branding
      Back to home
      1. Guide & Help
      2. Setting Up Your Content Catalyst Subscriber Portal
      3. Site Design & Branding

      Colour Scheme and Fonts

      Information covering site colour customisation areas, where brand colours can be displayed, and in-report customisation options

      Read this article to understand how to:

      • Strengthen brand identity
      • Take ownership of your subscriber portal's look and feel!

      We apply custom colours and fonts, as well as add your logo to reflect your company's brand during the launch process. There are also lots of other ways to customise your site's look and feel from the admin area.

      To help us build the designs, we need:

      • One primary colour
      • One secondary colour 
      • Logo
      • Header/Call to action font
      • Text font

      🔔🔔Note:  From June 2026, the Homepage will be sunsetted.  Please refer to Showcase: Getting Started  or contact support@contentcatalyst.com for more information.

      Fonts

      Content Catalyst supports any Google font . 

      Adobe (Typekit) fonts can be used if provided and licensed by the subscriber. 

      Showcase

      Branding and colour options for the Showcase page can be viewed below.

      Main overview:

      Showcase: Header & Navigation bar

      The header and navigation bar colours are configured separately from the primary and secondary colours. These can be set during the initial configuration. 

      Showcase: Search / Ask AI 

      The showcase search and Ask AI button (if this is enabled for your site) are applied with primary and secondary colours.

      Showcase: Section background colour

      The section backgrounds use a faded primary colour and primary for the section header and card overlay text.

      Showcase: Report Cards

      If a showcase report or category image is not applied, report cards will display shades and tints of the primary colour.

       

      Avatar place holders for analysts without a profile picture assigned will use the primary colour. 

      An example of the analyst icon without a profile image applied.

      An Example of the analyst icon with a profile image applied.

      Locked (unlicensed) content will display a banner and a request access button. This will also use the primary colour. See below.

      Showcase: Account Manager section

      If this is not applied, the Account Manager section will use the primary colours in place of the account manager profile image; see below. 

      Showcase: Advertisement Section

      Administrators can choose to change which colour is set in the advertisement sections.

      See: Showcase advertisement

      🔔Note: See Showcase: Available Sections to review all available Showcase sections.

      Homepage

      🔔Note: The following images display where exactly the Main Colour (A) and Secondary Colour (B) will be applied. This will help you decide which colour you would like to use for each. 

      5c7d1967-1819-4847-8fa6-7400adaeb388

       

      Search Page

      search page (5)

       

      Report Marketing Page

      marketing

       

      Report landing Page

      report landing page

       

      Active Tab and Clipping Count

      clippings

       

      Report Content

      There are four different themes to choose from when styling your report content. Each is a different combination of your primary/secondary colours and the basic site black/greys.

      🔔 Once you select a theme, all interactive content on your site will inherit these text colours!


      Theme 1
      t1

       

      Theme 2

      t2

       

      Theme 3

      t3

       

      Theme 4

      t4

       
      Find more articles and guidance covering Site Design & Branding options here.