Harvard Business School Online
education · image
6
craft
The design relies on a clean, high-contrast top half for legibility and a depth-heavy photographic bottom half for emotional context.
Palette
#f1f2f5
background · 44.2%
#d6d8db
surface · 14.1%
#a50134
accent · 3%
#bfbfc2
secondary · 5.5%
#1d3044
text · 4.9%
#8d8e91
neutral · 3.1%
Composition
headline plus visual
Layout
stacked bands
Color structure
neutral plus accent
Background
light panel
Typography
sans · sans only
Imagery
photographic · realistic
Temperature
cool
Accent lands on
logo detail, footer bar, data visualization points
Mood
What makes it work
- Central axis vertical alignment for all primary typography
- Strict usage of crimson as a sparse brand anchor against neutrals
- Integration of technical data visualization graphics over realistic photography
- Distinct separation of information zones via stacked content bands
More like this
Harvard Business School Online
education · vibrant multi
Harvard Business School Online
education · neutral plus accent
Georgetown University Pre-College Online Program
education · neutral plus accent
Pepperdine Graziadio Business School
education · monochrome
Georgetown University Pre-College Online Program
education · neutral plus accent
National University
education · neutral plus accent
Hillsdale College Online Courses
education · neutral plus accent
Coding Temple
education · neutral plus accent