The Digital Framework is a toolkit for building modern, accessible, on-brand user interfaces. It is the online partner for Standard Life’s Digital Guidelines.
As well as providing access to pre-built, browser-compliant ‘Components’ (such as buttons, typography and form elements), the framework provides an extensive collection of ‘CSS Utilities’ which Developers can use to quickly deliver custom user interfaces without any need for additional code.
All components are built responsively, mobile-first, enabling quick project builds without the need for in-depth knowledge.
Each component has been tested to comply with Web Content Accessibility Guidelines (WCAG) 2.0 AA success criteria.
Framework is maintained by Phoenix’s IT Software Engineering’s Web Development Team, and follows an open source model. Find out how you can contribute in the contributor documentation.
The Digital Framework has two parts;
This is where you will find all pre-built components and CSS utility classes, along with full documentation on what they are, how to use them and any accessibility or browser compliance considerations.
As well as being able to use pre-built components, Developers can satisfy bespoke design solutions by using the CSS utility classes in the main library to develop their own custom components. The Framework easily enables this. The Examples page is where you can find all approved custom components, which are brand-compliant and available for Developers to re-use.