Version
has been released! Read the upgrade guide

Typography

All Royal Navy Design System applications are set in Lato. We also provide the System Font Stack as a fallback to Lato in case a system doesn't support it:

1system-ui,
2BlinkMacSystemFont,
3-apple-system,
4Segoe UI,
5Roboto,
6Oxygen,
7Ubuntu,
8Cantarell,
9Fira Sans,
10Droid Sans,
11Helvetica Neue,
12sans-serif;

1Typography Scale

SizeValue
display-xl3rem
display-l2.25rem
display1.875rem
xxl1.5rem
xl1.25rem
l1.125rem
m1rem
base0.875rem
s0.75rem
xs0.625rem
xxs0.5rem

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