HBA Future Energy - Navigation System
This mega menu features HBA's new visual identity with a color palette that represents the journey from traditional energy (blues) through transition (teals) to renewable solutions (greens). The gradient navigation bar symbolizes this energy transition journey.
Primary Dark
#1578a6
Primary Medium
#4b94ba
Primary Light
#9ddaf5
Gray Blue
#89a8b2
Teal Primary
#39c0c3
Teal Dark
#2daa9e
Green Light
#91cfa8
Beige Light
#e5e1da
Design Highlights:
- Gradient navigation bar representing the energy transition journey
- Energy Transition Solutions highlighted with a teal-to-green gradient
- Smooth hover animations with directional arrows
- Clean, modern dropdown menus with subtle shadows
- Responsive design with mobile menu toggle
- Accessible color contrasts throughout