Design your service using National Archives styles and components
Use this design system to make services that are consistent with The National Archives. Learn from the research and experience of other service teams and avoid repeating work that has already been done.
What’s new
26 March 2024: We've released TNA Frontend v0.1.49
This release brings many improvements to spacing and typography. The default font sizes can be changed and now work better with font sizes defined in the browser.
The spacing between all elements is now defined relative to each other in units, for example 1, 3, 0.5 and the base unit can easily be changed. This means you can build interfaces that are more or less spread apart.
Read the full release notes to see what’s changed.
Principles we follow
The National Archives Design System helps teams that work on services for The National Archives follow the Government Design Principles and GOV.UK Service Manual.
This website also follows the style guide and content design guidance used by GOV.UK.
Other resources
The National Archives Design System is focused on how to design services for The National Archives. For technical information on how to develop services, refer to The National Archives Engineering Handbook.