Link โ
Links are navigational elements that may appear on their own, within a sentence or paragraph, or directly following the content.
When to use โ
- In general, use a link for navigational actions, for the user to be directed to a relevant page or resource.
Button link โ
- Use a Button component, in the Link variant, for standalone links.
Paragraph Link โ
- Use a underlined text for inline links.
Specifications โ
For links inserted into a paragraph or line text, follow the following guidelines:
- On light background: Zurich Dark Blue underline and Zurich Blue for hover.
- On dark background: White underline and Light Blue for hover.
For standalone links, use the Button component, in the Link variant. It can be paired with an icon to the left or right of the text.