Skip to Content

Nested Portlets Nested Portlets

Web Content Display Web Content Display

Web Content Display Web Content Display

Colors and Logos


To ensure your site is optimized to the NPS visual standard, ITACS web developers, with the assistance of the Web Advisory Board, have established a global design theme to simplify and streamline your site’s creation.

Liferay NPS Global Theme Web Colors

 
  •  

    Blue

    RGB: 0 70 121

    HEX: #004679

  •  

    Grey

    RGB: 231 231 233

    HEX: #E7E7E9

Departmental Logos

Your header can contain an optional logo. To optimize website performance, ITACS recommends that your logo is compressed using tinypng (https://tinypng.com/).

The max height for the header logo is 70px.

 

  • Logo Example 1
  • Logo Example 2
  • Logo Example 3

Accent Colors for use in Logos

Custom logos may use the following colors in addition to the primary NPS Liferay Global Theme colors.

 

  •  
    NPS Blue Accent

    RGB: 0 69 124

    HEX: #00447c

  •  
    NPS Yellow Accent

    RGB: 255 213 3

    HEX: #fed402

  •  
    Cardinal Red Accent

    RGB: 175 33 38

    HEX: #af2126

  •  
    Camo Green Accent

    RGB: 91 120 104

    HEX: #5b7868

  •  
    Blue Grey Accent

    RGB: 73 114 158

    HEX: #49729e

  •  
    Rust Yellow Accent

    RGB: 164 128 64

    HEX: #a48040