Skip to main content

Internal review app NHS.UK frontend

Use design system guidance and examples to build consistent, accessible NHS services for the public and staff.

Deployed automatically from main branch (opens in new tab).

Grid layout

Full width

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

Full width

Three quarters from mobile

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

Full width

Three quarters from mobile

Two thirds from desktop

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

Two thirds

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One third

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One third

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One third

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One third

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One half

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One half

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One half from mobile

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One half from mobile

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One half from desktop

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One half from desktop

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One quarter

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One quarter

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One quarter

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One quarter

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

Three quarters

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One quarter

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One half

Three quarters from desktop

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

One half

One quarter from desktop

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

Two thirds from desktop

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

Two thirds

Three quarters from mobile

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

Three quarters from mobile

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.

Three quarters

Two thirds from desktop

This guide shows how to make your service look consistent with the NHS website. It includes example code and guidance for layout, typography, colour, images, icons, forms, buttons and data.