Site map

Get started

The examples in the National Archives Design System come with code to make it easy for you to use them in your project.

• Prototyping
• Production

Styles

Make your service look part of The National Archives with guides for applying layout, typography, colour and images.

• Colours
• Forms
• Icons
• Images
• Layout
• Links
• Lists
• Media
• Spacing
• Tables
• Typography

Components

Save time with reusable, accessible components for forms, navigation, panels, tables and more.

• Breadcrumbs
• Button
• Card
• Checkboxes
• Compound filters
• Cookie banner
• Date input
• Date search
• Error summary
• Featured records
• Footer
• Gallery
• Global header
• Header
• Hero
• Index grid
• Pagination
• Phase banner
• Picture
• Quick filters
• Radios
• Search field
• Search filters
• Select
• Skip link
• Tabs
• Text input
• Textarea
• Warning

Content

• Dates and times
• Error pages
• Style guide

Performance

Understand the habits of your users to help you make better decisions about how to run your service.

• Asking for feedback