Version
has been released! Read the upgrade guide

Guidance

The documentation on this page is considered legacy.

We will be updating this content to our new principle-based format in the near future.

Build web applications that meet the Royal Navy's service standards.

The Royal Navy Design System is a collection of pre-built, reusable assets that enable you to build consistent digital experiences. It is made up of components, patterns, guidance, self contained packages and code snippets which reduce the time your team needs to spend designing and building.

1Designers

Design libraries, foundational guidance, components, patterns and Standards: all part of what we offer to help you design a great digital experience for your users.

Get started as a designer

2Developers

React Component Library, Create React App Template, Icon Library, Lint Configuration, Design Tokens, Compound Timeline Framework: we provide the building blocks for consistent, compliant applications reducing your time to production and your maintenance burden.

Get started as a developer

The Royal Navy Design System provides guidance and tools for building high–quality Services within the UK Ministry of Defence. This project is open source and its source code is available on GitHub.

All content is available under the Apache 2.0 licence, except where otherwise stated.

© Crown copyright