Skip to main content

Brand hierarchy

Lock-up system

A lock-up is a fixed layout that combines GOV.UK brand elements – the crown or wordmark – with text.

In most cases, the text names an ingredient brand, channel or service (you can find more on this in the brand hierarchy diagram in the introduction).

Lock-ups help show the relationship between GOV.UK and the service, channel or department they support.

We have five versions:

  1. Horizontal
  2. Horizontal with crown
  3. Stacked for web
  4. Stacked for apps
  5. Stacked with crown

To keep the brand consistent, use each version exactly as shown – do not resize, reposition or remove any part.

The diagrams on this page show how to space the wordmark and text in a lock-up. Use the width of the dot in the GOV.UK wordmark to set the spacing.

In both horizontal and stacked lock-ups, the space between the wordmark and product name should be the width of the dot.

Use the width and height of the G in the GOV.UK wordmark to set the overall margin spacing.

Various diagrams showing GOV.UK Pay as horizontal and vertically stacked lock-ups. Shapes of the dot and the G show various widths and heights for spacing.

Horizontal

Product name spacing on horizontal and stacked lock-ups should be proportionate to the type size.

On 14.2pt type, letter spacing should be -0.21 pixels.

Horizontal lock-ups for GOV.UK Pay, GOV.UK Wallet and GOV.UK Notify. Each lock-up is shown on a single line.

Horizontal with crown

Spacing between wordmark and crown on horizontal lock-up should be 3 crown dots or 7px spacing on web.

Horizontal lock-ups with the crown for GOV.UK Pay, GOV.UK Wallet and GOV.UK Notify. Each lock-up is shown on a single line after the crown.

Stacked for web

Product name on stacked lock-ups should be aligned left to GOV.UK wordmark.

Spacing between wordmark and product name should be 1 large dot or 7 pixels from the bottom of the logo to the top of the product name on web.

Stacked lock-ups for GOV.UK Pay, GOV.UK Wallet and GOV.UK Notify. Each lock-up shows GOV.UK and the product name on separate lines. Both lines are left aligned.

Stacked for app

Product name on stacked lock-ups should be centre to GOV.UK wordmark.

Spacing between wordmark and product name should be 1 large dot or 7 pixels from the bottom of the logo to the top of the product name on web.

Stacked lock-ups for GOV.UK Pay, GOV.UK Wallet and GOV.UK Notify. Each lock-up shows GOV.UK and the product name on separate lines. Both lines are centred.

Stacked with crown

Product name on stacked lock-ups should be aligned left to crown.

Stacked lock-ups for GOV.UK Pay, GOV.UK Wallet and GOV.UK Notify with the crown. Each lock-up shows GOV.UK after the crown and product name on separate lines. Both lines are left aligned, so the product name starts directly under the crown.