Primary links

We have two main link types, links with a chevron and inline text links. These two link styles have different colours when they appear on light or dark backgrounds. We keep link copy as descriptive and as short as possible.

<a href="#" class="inm-link inm-link--chevron">Link with chevron</a>
<a href="#" class="inm-link ">Inline link style</a>
<a href="#" class="inm-link inm-link--white inm-link--chevron">Link with chevron</a>
<a href="#" class="inm-link inm-link--white">Inline link style</a>
State Examples
NormalHoverDisabled
Dark Blue #002B52
Mid Blue #189CCE
Opacity 40% (Dark Blue)
Opacity 40% (Mid Blue)
NormalHoverDisabled
White #FFFFFF
Mid Blue #189CCE
White #FFFFFF
Opacity 40% (White)
Opacity 40% (Mid Blue)
Opacity 40% (White)