Website navigation

Use navigation to guide users to provide a clear structure to access different sections of the OVO Energy website

The navigation is persistent, sticking to the top of the browser window.

Navigation illustration 1

Usage

Navigation usage illustration 1

Keep secondary level items ordered logically. Avoid overwhelming the user with too many options.

Navigation usage illustration 2

Limit the number of top-level menu items (5-7 is ideal).

Available platforms

Platform	Available
Figma	v5+
Web (@ovotech/element)	❌
App (@ovotech/element-native)	❌

Footer

Join the community

For the latest features, asking questions and seeing how people are using Element across OVO experiences, join our Slack channel.

Resources

Support