Patterns

Start page

Use this pattern to inform the user of the action they are going to take to initiate a transaction.

Pay your council tax

Before you start:

  • make sure you have your card details at hand
Pay council tax

What you need to know

Some information that the user needs to know

                            
                            <h1>Pay your council tax</h1>
<h2>Before you start:</h2>
	<ul>
<li>make sure you have your card details at hand</li>
</ul>
<a class="button button--primary button--notset mbottom-20  " href="/" target="_blank" rel="noopener">Pay council tax</a>

<h3>What you need to know</h3>
<p>Some information that the user needs to know</p>

When not to use this

  • Do not use the word “start”, use a verb. “Pay”, “Apply” “Report” “Download” “Setup”.
Back to top