Branding
Design system and visual identity of the 5th Corps portal
Color Palette
navy-dark #1B2A3C
navy #243447
navy-light #2E4055
gold #C8A84E
gold-light #D4BA6A
gold-dark #B8963C
parchment #F5F2E8
charcoal #1E1E1E
charcoal-light #2A2A2A
Typography
| Style | Font | Usage |
|---|---|---|
| Headings | Barlow Condensed | Titles, heroes, navigation, buttons |
| Body | Inter | Text, descriptions, content |
Hero Sections
5 distinct hero types, each adapted to page purpose:
- Operations — Map: Dark background, stylized topographic lines, gold accents, stats in pill badges
- History — Timeline: Light parchment background, central timeline (1992, 1994, 1995)
- Brigades — Split: Diagonal navy/gold split, text left, big number right
- Commanders — Portrait: Dark charcoal background, gold portrait frame, two-line name
- Default — Image overlay: Background photo with dark overlay, breadcrumbs, stats
Principles
- Gold (
#C8A84E) is the primary accent - Navy (
#1B2A3C) is the primary background - Parchment (
#F5F2E8) is the light background - All colors use CSS variables, no hardcoded values in templates