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
- Back to top
- Breadcrumbs
- Pagination
- Section navigation
- Skip to content
- Table of contents
- Tabs
- Address input
- Autosuggest
- Button
- Checkboxes
- Error details
- Error summary
- Field
- Fieldset
- Input
- Label
- Mutually exclusive
- Password
- Radios
- Select
- Summary
- Textarea
- Timeout modal
- Upload
- Accordion
- Card
- Details
- Footer
- Header
- Hero
- Phase banner
- Status tag
- Table
- Timeline
- Announcement banner
- Description list
- Document list
- Image
- Panel - information
- Panel - success
- Panel - warning
- Related content
- Share page
- Video
- Area charts
- Bar charts
- Column charts
- Line charts
- Scatter charts
Guidance
- Install with npm
- Using the CSS, JS and assets
- Templating in Nunjucks
- Using compiled HTML
- Custom themes
- ONS Prototype Kit
- Install Prototype Kit on PC
- Install Prototype Kit on Mac
- Install Prototype Kit on ONS PC
- Update the Prototype Kit
- Figma UI library
- 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
- Bulletins
- Articles
- Headline releases
- Datasets
- Methodology
- Static pages
- User requests
- News and media statements
- Quality and methods guides
- Statistical articles
- Supporting methodology articles
- Survey guides
- Administrative data source guides
- 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
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
- Showing uncertainty in charts
- Chart text
- Axes and gridlines
- Annotations
- Ordering in charts
- Interactive charts and animations
- Dashboards
Contact and contribute
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
Illustration
- Illustration principles
- Our style
- Using illustrations
- Creating buildings
- Creating objects
- Creating characters
- Compositions
- Colour
- Saving assets