Green button

When to use

You should only use this pattern:

in detailed guides
once on a page
for digital services, forms, tools, and calculators
where the purpose of the content is to get all users to complete a single task
where all users could complete their task using the green button

You must send a request to Editorial Board if you want to use a green button that isn't part of an agreed design pattern. Include a draft of the content to demonstrate:

where the button will appear
the button text
where the button will link to

When not to use

Do not use this pattern:

to link to another GOV.UK page
where there is more than one task to complete on the page

How it works

Where to place the button

To decide where to place the button on the page you should consider:

if there is a design pattern for the task
the user need (is this a returning or new user, or both)
any evidence or user research
best practices on existing GOV.UK pages for similar tasks (both mainstream and specialist)

Button text

The wording on the button should describe the task the user is trying to complete, for example:

Start now
Register now
Claim now
Apply now

Open this example in a new window

Markdown

Copy

                  {button start}[Start now](){/button}

Adding analytics

To track the user journey from GOV.UK to the end of a digital service, get the Google Analytics tracking code from the digital service team and use this markdown:

Copy

{button start cross-domain-tracking:UA-XXXXXX-Y}[Start now](){/button}