Underline

We use a simple but clarifying underline to highlight important words within our headlines.

To main consistency of the highlighting underline a simple sizing guidance help us keep the underline proportionally the same to the text size.

Using the x-height of the headline font divided by 3, gives us the height of the underline. The underline is spaced half the height of the underline away from the baseline. Please note the leading of the headline text is set at 120%

The underline sits behind the text so any descending letters appear above it.

We try to keep designs clear and simple and look to underline a single word, so to be focussed on highlighting a singular benefit or message.

The underline can be used in all the secondary colour palette colours.