Main navigation

[usethetics]

• [ ] HTML/CSS component
• [ ] Web Component
• [ ] Figma component
• [ ] Design tokens
• [ ] Documentation

Description

The main navigation provides quick access to most often used sections of a site or product. It also provides users a quick glance of a product’s information architecture and highest level of hierarchy.

Do

• Categories should be understandable and meaningful
• Only prominent sections should be placed in the main navigation
• To help orient users, highlight the current section in the main navigation

Related

• Navigation and orientation patterns
• Header component

[Yolijn]

Should we offer main-navigation as a component? Or should each organisation make one themselves? Maybe this is a best-practice instead?