Links Stable
Links are anywhere where hyperlinks refer to other pages. There are different link modifications to fit a variety of purposes.
Inline links
A simple link appears underlined in text paragraphs. In exceptional cases it can be supplemented with an appropriate icon which supports the declaration of the label.
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud link inside a text exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate download velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat External link cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est 0123 456789 or email us laborum.
Text link
Text links appear separated from text paragraphs. By default, they consist of a descriptive label and a supporting icon to underpin the meaning of it. The right pointing angle is most commonly used to indicate a link to another page. But there can also be used other icons, if the function is a different one. Text links without icons are only used in exceptional cases, for example in the footer component as legal links.
Text links can be placed as single links or combined as linklist. The linklist is nice for a lucid offering of multiple links. It is documented in the Lists component.
For the right usage of links please be aware of the Interaction Concept.
Dos and don’ts
- Do not use links with icons that are not part of the icon library.
- Do not use the angle icon on internal links in copy text.