Harvard Business School Online

education · image

craft

The layout uses a dark-mode aesthetic to prioritize legibility of white geometric sans-serif type, using the brand crimson to highlight specific course attributes.

Palette

#000101

background · 61.4%

#a90f34

accent · 4.7%

#033244

secondary · 6.1%

#460716

secondary · 2.3%

#134d5d

secondary · 4%

#021f29

neutral · 1.4%

Composition

headline plus visual

Layout

centered

Color structure

neutral plus accent

Background

dark panel

Typography

sans · geometric sans

Imagery

3d render · realistic

Temperature

mixed

Accent lands on

metadata chips, data pills

Mood

prestigiousanalyticalacademicmodern

What makes it work

vertical center-aligned layout stack
high-contrast white text on black background
crimson accent containers for course metadata
bottom-anchored abstract technical imagery