There's a new version of the Royal Navy Design System.Read the migration docs.
v2.12.0
alphaThis is a new service - your feedback will help us to improve it.

Build your application using Royal Navy Design System styles and components

Use this design system to build applications and services for the Royal Navy. The website includes guidance, a component library and prototyping tools. Use these to save time and give users a consistent experience that meets the NELSON Standard.

Get started

Are you a Navy Product Owner or Stakeholder?Find out how the Design System relates to you.

Styles

Make your service look like it's for the Royal Navy with guides for applying colour, typography and spacing.

View styles
Components

Save time with reusable, accessible components for forms, navigation, cards and more.

View components

Latest updates

Design System v2.12.0 released

The latest release is on NPM and the source is available on GitHub. Please get in touch if you have any feedback.

Contact us

Contact the Royal Navy Design System team to find out more about design in the Royal Navy. Request a new component, ask questions and give feedback."

Contact

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

© Crown copyright