Links

Default, secondary, no-underline, dark, button-as-link.

Default

<a href="#">my website</a>

Secondary

<a href="#" class="link-secondary">my website</a>

No underline

<a href="#" class="no-underline">my website</a>

Dark

Forces black link text regardless of colour scheme — used on backgrounds that stay light in both modes (post-it notes, yellow highlights, photos).

<a href="#" class="dark-link">my website</a>

Button

<a href="#" class="button">Click me</a>