Neo Navbar

The Neo Navbar is the primary vertical navigation component that displays the Zeigo Network branding at the top and provides navigation items below.

Subtitle

With Subtitle

Without Subtitle

Best practices

  • Always display the Zeigo Network logo for brand consistency
  • Maintain the purple brand color (#473264) for the navbar background
  • Keep the subtitle visible unless space constraints require otherwise
  • Position navigation items and actions to the right of the logo

Full Example

Consistent Branding

Do
  • Neo Navbar should:
    • Always include the Zeigo Network logo
    • Use the brand purple color (#473264) as background
    • Display "by Schneider Electric" subtitle for proper attribution
    • Provide clear visual hierarchy for navigation elements

Custom Layouts

The navbar can include additional navigation items or actions on the right side while keeping the logo fixed on the left.

Don't
  • Don't remove or hide the Zeigo Network logo from the navbar.
  • Don't change the brand purple color to other colors.
  • Don't use custom logos or substitute branding elements.