Sitemap
Design system
Foundations
Patterns
- Access codes
- Addresses
- Dates
- Durations
- Email addresses
- Feedback
- Names
- Numeric values
- Phone numbers
- Relationships
- Passwords
- Change language
- Check answers
- Control cookies
- Correct errors
- Extend a session
- Save and sign out
- Send a web form
- Send and reply to messages
- Create an account
- Confirmation page
- Error and status pages
- Guide
- Hub and Spoke
- News
- Question
- Survey interstitial page
- Survey section introduction page
Components
- Accordion
- Address input
- Autosuggest
- Back to top
- Breadcrumbs
- Button
- Card
- Checkboxes
- Description list
- Details
- Document list
- Error details
- Error summary
- Field
- Fieldset
- Footer
- Header
- Hero
- Image
- Input
- Label
- Mutually exclusive
- Pagination
- Panel - announcement
- Panel - information
- Panel - success
- Panel - warning
- Password
- Phase banner
- Radios
- Related content
- Section navigation
- Select
- Share page
- Skip to content
- Status tag
- Summary
- Table
- Table of contents
- Tabs
- Textarea
- Timeline
- Timeout modal
- Upload
- Video
Guidance
- Install with npm
- Using the CSS, JS and assets
- Templating in Nunjucks
- Using compiled HTML
- Custom themes
- Figma UI library
- ONS Prototype Kit
- Browser testing
- Customising your Google Analytics tracking
Content style guide
Numbers
- Writing numbers
- Ages
- Dates and time
- Measurements and units
- Money
- Rounding
- Percentages and percentage points
Content types
- Statistical articles
- Bulletins
- Articles
- Headline releases
- Datasets
- Methodology
- Static pages
- User requests
- News and media statements
- Contact details
- Warnings
- Notices
- Titles
- Summaries
- Social media
- Diagrams
- Illustrations
- PDF and Word documents
Writing for users
- User personas
- Identifying user needs
- How people read online
- Titles and headings
- Metadata
- Structuring content
- Writing main points and analysis
- Plain language
- Editing and proofreading
- Co-authoring content
Formatting
- Bullet points and numbered lists
- Links
- Punctuation
- Symbols and special characters
- Citations, references and sources
Language
- Abbreviations
- Contractions
- Nouns
- Words not to use
- Words to watch
- People
- Disability
- Ethnicity and race
- Sex, gender and gender identity
- Countries and regions
- Environment, climate change and nature
- Statistical language
- Statistical designation or status
Data visualisation
Colours
Build specifications
Chart types
- Choosing a chart type
- Bar chart
- Clustered bar chart
- Column chart
- Line chart
- Pie and doughnut charts
- Stacked bar charts
- Population pyramid
- Choropleth maps
- Small multiple charts
Guidance
- Principles
- Chart text
- Axes and gridlines
- Annotations
- Ordering in charts
- Interactive charts and animations
- Dashboards
Community
Our Community
What we are working on
How to contribute
Brand guidelines
Application
- Accessible PDF design
- Creating Powerpoint presentations
- Creating Word documents
- Survey material design
- Diagram design
- Emails and newsletters
- Eventbrite events
- Exporting SVG files for web use
- Social media design
- Communicating with people in Wales