Foundations
Overview
Foundations are the basis for creating consistent ONS products. Use them to make your product look and behave like an ONS service or website.
Layout
Create your pages using the base template and grid system.
Base page template
Use the base page template to create pages with the core components and markup required.
Grid
Use the ONS grid system to lay out the content on your service’s pages.
Style
Style your pages using the range of standard ONS colours, typography and icons.
Colours
Use the ONS colour palettes for all services so that pages and elements are consistent and familiar to users.
Typography
Use the typographic principles to establish a clear visual hierarchy and to maximise legibility.
Icons
An icon can help explain the function of an element, such as a call to action.