Aviva Digital Design Hub

Aviva's UX, design and front-end atomic element library

Continue to read more about the framework

Global experience principles

Find out all about how it should work, UX and Design principles to apply to experiences using the front-end framework

Check out the principles

Element library

Our atomic design element libraries: currently available templates, organism, molecules, atoms… Guidelines and examples: they're all here

Use the elements

How to guides

Building a website with the front-end framework? Here's how to use it and how to add / edit elements

Find out how

Latest updates



Global masthead for displaying the masthead on a page optionally including site switching, country/language selection, primary navigation, search, login/logout and additional an message area.



Use tabs when you need to chunk information into different aspects within a topic.


Form components

Heading styles have been updated to increase flexability for design. The default heading weight is now regular with light and semi-bold variants available for heading 0 to heading 3.

View the full release log

Stay up-to-date

Sign up to our email alerts about new releases to the front-end framework and CDN