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


Notification cards

For providing various notifications to a user including: success, information, functional messages/warnings and errors.


Progress bar

Updated progress indicator to show visually how far through a specific process the user is


Form components

New form components have been added.

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