Beta This is new guidance. Complete our quick 5-question survey to help us improve it.

Design

Naming your service, prototypes, frontend tools and design patterns.

Designing government services

Introduction, scoping, naming and prototyping.

• Introduction: designing government services
• Scoping your service
• Naming your service
• Making prototypes
• Making your service look like GOV.UK

Working with frontend

GOV.UK template, frontend toolkit, elements.

• Using the GOV.UK template, frontend toolkit and elements
• Add the GOV.UK header and footer

Working with patterns

Using and adapting design patterns.

• Using, adapting and creating patterns

Find patterns

Solutions to common design problems.

• Addresses
• Alpha and beta phase banners
• Check before you start
• Check your answers pages
• Confirmation pages
• Dates
• Email addresses
• Email confirmation loops
• Feedback pages
• Form structure
• Gender or sex
• Help text
• Knowledge-based authentication
• Names
• National Insurance numbers
• Passwords
• Progress indicators
• Start pages
• Task list pages (beta)
• User accounts
• Usernames