Styles
Make your service look part of The National Archives with guides for applying layout, typography, colour and images.
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
13 May 2024: We've released TNA Frontend v0.1.53
This release brings a new optional built in theme selector. The theme selector can be added to the top of the footer. The previous release also set the light theme as the default.
There is also a new hero component style for a "split" hero, with an image beside the text.
Read the full release notes to see what’s changed.
-
-
Components
Save time with reusable, accessible components for forms, navigation, panels, tables and more.
-
Content
Create content in a consistent and understandable way that makes it easier for users to use your service.
-
Performance
Understand the habits of your users to help you make better decisions about how to run your service.
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.