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 started

Design System major release (version 3.0.0) — new from April 2025

Install version 3.0.0 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.0


Latest updates

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.

Design System repository on github.com

Back to top