Sitemap

Get started

• Add Home Office plugin to GOV.UK prototype
• Build your prototype
• Design assets
• Publish your prototype
• Set up your prototype

Styles

• Colour
• Images
• Typography

Components

• Alert
• Button
• Date display
• Date-time
• Expandable banner
• Footer
• Header
• Highlight
• Loading spinner
• Page
• Pagination
• Status message
• Time
• Timeline

Patterns

• A letter
• Access a service
• Add multiple things
• An email
• Choose from a long list
• Compare information
• Declarations
• Get more details
• Information on a document
• Leave a service
• Manually enter passport details
• Passport details
• Scan the passport chip
• Search for something
• Stop a service timing out
• Take or upload photo of passport
• Their sex or gender

Accessibility

• Accessibility
• Accessibility Standard
• Audio and video
• Character key shortcuts
• Colour and contrast
• Error messages
• Focus
• Forms
• Gestures and motion
• Headings
• Images
• Inclusive language
• Keyboard
• Keyboard
• Layout and typography
• Leader’s guide to accessibility
• Links
• Lists
• Meet user needs
• Moving and flashing content
• Navigation
• Notifications
• Operable
• Perceivable
• Pointer gestures
• Readability
• Resources
• Robust
• Skip to content links
• Tab navigation
• Tables
• Timeouts
• Understandable

Contribute

• Design system working group
• Discuss on GitHub

Footer

• Accessibility Statement
• Content style guide
• Home Office Design System
• Limited English
• Voice and tone
• Working on your project