Naval War College Foundation
2026 Web Redesign Guide
01. Color Palette
02. Mobile Font Palette
H1: Headline One Mobile
Poppins
Light 40px
H2: Headline Two Mobile
Poppins Light 28px
H3: Headline Three Mobile
Poppins Semi-Bold 20px
Body Copy Mobile
Open Sans 16px
“Large mobile pull quote text.”
Poppins
Bold 42px
03. Headline Usage & Colors
Primary H1 Usage: white reverse copy over video or photo background.
#FFFFFF
Primary H2 Usage: Section Titles on white or light gray background.
Primary H2 Usage: Section Titles on white or light gray background
#00529c
Primary H3 Usage: Subheads under H2 headlines and smaller text call-outs over white or light gray background.
H2 Headline
H3 Subheadline.
#22304b
“Primary Pull Quote Usage: large interstitial sections where we want to bring attention to a single quote.”
— Pull Quote Example
#000000
04. Button Styles
Primary button style: White Background with Blue Text and border.
Rollover State: Blue Background with White Text
Border Radius: 50px
Secondary Button Style for Video & Photo overlays. 36% opacity black background with white text and border.
Rollover State: White Background with Dark Blue Text
Naval War College Foundation
2026 Web Redesign Guide
01. Color Palette
02. Font Palette
H1: Headline One
H2: Headline Two
H3: Headline Three
“Large pull
quote text.”
Poppins Light 65px
Poppins Light 40px
Poppins Semi-Bold 22px
Open Sans 18px
Poppins Bold 65px
03. Headline Usage & Colors
Primary H1 Usage: white reverse copy over video or photo background.
#FFFFFF
Primary H2 Usage: Section Titles on white or light gray background.
Primary H2 Usage: Section Titles on white or light gray background.
#00529c
Primary H3 Usage: Subheads with corresponding H2 and smaller text call-outs over white or light gray background.
H2 Headline
H3 Subheadline.
#22304b
“Primary Pull Quote Usage: large interstitial sections where we want to bring attention to a single quote.”
— Pull Quote Example
#000000
04. Button Styles
Primary button style:
White Background with
Blue Text and border.
Rollover State: Blue
Background with
White Text
Border Radius: 50px
Secondary Button Style for
Video & Photo overlays.
36% opacity black background
with white text and border.
Rollover State: White Background
with Dark Blue Text