LBBD/Heading/H1

To be used as a header if the page has lots of long form content. For example, service pages. Start with LBBD/Heading/H1 for a <h1>, LBBD/Heading/H2 to a <h2> and so on.

LBBD/Heading/H2

To be used as a subheader for standard pages to break up content, make it scannable and easy to read. You can use LBBD/Heading/H3 for sub points beneath LBBD/Heading/H2.

LBBD/Heading/H3

To be used as the top page summary for content pages and notifications.

LBBD/Heading/H4

To be used for buttons and footer text.

LBBD/Body/P1

Body text default for desktop screens. Improving legibility of essential components, for example, Text input and other form fields.