Text link
Inline links in copy: underlined, in the text's own colour. The underline thickens on hover.
Read the governance case study, or go ← All work.
<a href="/work" class="text-link">All work</a> - Add
.text-link, or write a plain<a>inside an article:.article-bodystyles them the same way. - Colour is inherited (
color: inherit), so a link works on any band. - The nav and work-card titles use the same underline tokens, appearing on hover.
| Token | Base | Note |
|---|---|---|
--link-underline-thickness | 1px | |
--link-underline-thickness-hover | 2px | |
--link-underline-offset | 0.2em |