Design your service using patterns

Create consistent and user-friendly experiences across all of Croydon's digital products

Design and content guidelines


The look and feel of Croydon's digital products, for example colours, page templates and images.


Reusable parts of the user interface that have been made to support a variety of applications, for example, buttons.


Best practice design solutions for specific user-focused tasks and page types.

Content design principles

Content design principles that are based on user research, data, the GOV.UK style guide and Readability guidelines.


All the assets you will need to re-create the look and feel of Croydon’s digital products including logos, web fonts and favicon sets.

Bootstrap 4 theme

Find out why we chose Bootstrap 4 as our front end framework and how you can make use of this in your products.

Croydon Digital Service

This design system and content guidelines have been created by content designers, UX designers, front end developers and product managers from the Croydon Digital Service.

Find out more about their work on the Croydon Digital website, and contact them at

LocalGov Drupal

This website is built using code and themes from the open source Local Gov Drupal project on GitHub.