Design Principles

This living styleguide has been designed to help you create better and informed experiences for all digital savvy users.

HTML First

Simple Build.

This styleguide has been created ready for expansion and customisation, it provides a simple interface to browse patterns, and only requires Jekyll.

HTML First.

The components created in this styleguide are build ‘HTML first’ - this process encourages developers to build progressively, enhancing core design experience across the most versatile front-end development language.


Design for Flexibility.

Using a living styleguide ensures patterns adapt correctly to meet user needs, offering variation, and yet, providing design consistency and familiarity. It also allows us to build components that work well in multiple digital channels.

Reuseable Best Practices

This styleguide enables you to design, develop, test, review, and repurpose patterns, code, and design. That results in a comprehensive collection of tried-and-tested assets that reflect industry best practices.