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.