Sami Vuori Design system Back to site →

Text link

Inline links in copy: underlined, in the text's own colour. The underline thickens on hover.

<a href="/work" class="text-link">All work</a>
Token Base Note
--link-underline-thickness 1px
--link-underline-thickness-hover 2px
--link-underline-offset 0.2em