Masthead


Light Theme

The masthead updates are meant to require minimal implementation effort while still achieving a closer look and feel to OpenText products. Given that the use of the masthead can vary across products and business units, in the Variations section more scenarios are covered and full-screen examples can be found in the Examples section.

  1. Masthead background: OpenText gradient (see specs below)
  2. Logo: OpenText (see Downloads section)
  3. Product name: Roboto 400 | 18px | #FFFFFF
  4. Sub-section (if relevant): same as “product name”
  5. Right actions: – unchanged at this stage

 

Gradient specifications

Type: linear-gradient
Angle: 90deg (horizontal)

Color Stops
#19224A 0%
#222E61 25%
#23346A 65%
#146693 90%
#088CB2 100%

 

Variations

Masthead with product name only

Masthead with breadcrumbs

Masthead with tabs

Variations for products or platforms with a menu

  1. Menu: 16px icon | #FFFFFF
  2. Logo: OpenText (see Downloads section)
  3. Product name: Roboto 400 | 18px | #FFFFFF
  4. Sub-section (if relevant): same as “product name”
  5. Additional elements: Tabs, breadcrumbs, etc – Roboto 16px

 

Masthead with module name and tabs

Masthead with breadcrumbs

Masthead with several elements

Dark Theme
  1. Masthead background: solid color gray-50 (#5A5E6F)
  2. Logo: OpenText (see Downloads section)
  3. Product name: Roboto 400 | 18px | #FFFFFF
  4. Sub-section (if relevant): same as “product name”
  5. Right actions: – unchanged at this stage
White Label

White Label products should replace the OpenText logo and product name with the client’s logo. The masthead background and the text color will follow the same guidelines according to the relevant theme.

 

Light theme for White Label

 

Dark theme for White Label

Examples

ADM Products