Design and build accessible digital services for Scotland
The Scottish Government Design System provides static web assets for websites and web applications for the Scottish Government and other Scottish public sector bodies.
The Design System is open source and free to use.
Get startedDesign System latest release (version 3.0.1) — new from April 2025
Install version 3.0.1 to get changes to colours, links, accordion headings and other components. Check what’s changed in the GitHub release notes.
To install with npm, run npm install @scottish-government/design-system@3.0.1
Latest updates
- Updated focus state guidance published 13 May 2025
- Figma library file updated on the 'Prototyping' page 1 May 2025
- New question page pattern guidance published. 17 April 2025
Styles
Best practice guidance and the basic design elements required to build functional and accessible user interfaces.
Components
Components are self-contained parts of a user interface that can be easily lifted and reused, such as a banner, breadcrumbs or button.
Patterns
Patterns use components to solve common problems and to help users complete a task or process.
Content standards
Best practice, guidance and tools for the creation of content to support the delivery of user-centred public services.
Content standards on the Scottish Government Service Manual
Digital Scotland Service Standard
The service standard is a set of 14 criteria that all organisations delivering public services should work towards.
Digital Scotland Service Standard on the Scottish Government Service Manual
Github repository
Clone, fork or contribute to the Scottish Government Design System.