Navigation

In development

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

1. Variant 1

Usage

Missing image

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

Missing image

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

Available platforms

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

Mega Navigation

Footer

Link URL

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