The National Archives’ Design Frontend Toolkit

There was a need from both designers and developers for a single source of The National Archives’ design patterns. The one tool that makes collaborative design easier is the design pattern library.

A pattern library is a broadly accepted guide that codifies the interactive, visual, and copy elements of a user interface and system – a living collection of all of the product’s customer-facing components. Because it captures all of the detailed elements of the design system, collaborative work sessions can focus on user needs.

In response to this, I built a collection of CSS and HTML elements, Frontend Toolkit, for using as part of the application’s frontend – a way of creating flexible and unique layouts whilst also maintaining consistency across The National Archives online.

You can find the Github repo here.