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: #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

 
NPS Blue Accent

RGB: 0 69 124

HEX: #00447c