Skip to contentSkip to footer
Give feedbackv3.0.2

Section notices

Section notices appear between the breadcrumbs and page content.

This section is under review, this is the updated pattern being researched.

<aside class="section-notice">
	<h2 class="screenreader">Notice</h2>
	<div class="section-notice__content">
		<p>
			<span class="badge">NEW</span>
			This page is part of <a href="#">our new approach to digital advice</a>.
		</p>
	</div>
</aside>
<aside class="section-notice">
	<h2 class="screenreader">Notice</h2>
	<div class="section-notice__content">
		<p>
			<span class="badge changing">SURVEY</span>
			Help us to improve our [section] advice. Please <a href="#">complete our short survey</a>. It'll take about 5-10 minutes.
		</p>
	</div>
</aside>
<aside class="section-notice__adviser js-make-sticky">
	<h2 class="screenreader">Notice</h2>
	<div class="section-notice__content">
		<p>
			<span class="badge">ADVISER</span>
			This page is part of <a href="#">adviser only</a> content.
		</p>
	</div>
</aside>