Colors & Logos

Nested Applications
Style Guide NAV
WSG - Colors & Logo

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 Yellow Accent

RGB: 255 213 3
HEX: #FFD503

 
Cardinal Red Accent

RGB: 175 33 38
HEX: #af2126

 
Camo Green Accent

RGB: 90 120 104
HEX: #5A7868

 
Blue Grey Accent

RGB: 73 114 158
HEX: #49729e

 
Rust Yellow Accent

RGB: 164 128 64
HEX: #a48040

 
NPS Blue Accent

RGB: 0 69 124
HEX: #00457C