Clear highlighted
Default highlighted text to draw attention to a particular sentence
Back to components
Highlighted text
Example
Before you apply you’ll need your council tax account number - your account number can be found on your bill.
HTML Snippet for inset text
<div role="note" aria-label="Information" class="text-highlight">
<p>Before you apply you’ll need your council tax account number - <a href="#">your account number can be found on your bill</a>.</p>
</div>Blue highlighted
Only to be used if clear highlighted is already in use and only to contain content that needs extra focus
Example
Before you apply you’ll need your council tax account number - your account number can be found on your bill.
HTML Snippet for inset text
<div role="note" aria-label="Information" class="text-highlight text-highlight--blue">
<p>Before you apply you’ll need your council tax account number - <a href="#">your account number can be found on your bill</a>.</p>
</div>Red highlighted
Used to highlight serious information
Example
Emergency and out-of-hours
If you need to contact the council urgently when our offices are closed phone one of our emergency numbers.
HTML Snippet for inset text
<div role="note" aria-label="Information" class="text-highlight text-highlight--red">
<h2>Emergency and out-of-hours</h2>
<p>If you need to contact the council urgently when our offices are closed phone one of our <a href="#">emergency numbers</a>.</p>
</div>Warning text
Use if there are legal or serious consequences - for example, a fine or prison sentence
Example
Warning
You must complete and return this form within 14 days. If you don’t, or if you provide false information, you could be fined and you may end up with a criminal record.
HTML Snippet for legal text
<div class="notice">
<i class="fa fa-exclamation-triangle" aria-hidden="true">
<span class="sr-only">Warning</span>
</i>
<strong class="bold-small">You must complete and return this form within 14 days. If you don’t, or if you provide false information, you could be fined and you may end up with a criminal record.</strong>
</div>