Paragraph: Links & Buttons

Links and buttons can be freely placed in the content. They can be used to highlight specific action goals (conversions) accordingly.

It is recommended to design the content so that a single primary action goal is pursued. Further references on the same page should be less dominant, e.g. in the style Secondary ~, Ghost button or as a link. If a long page is created as a composition of different perspectives (Single Page Application / SPA), a single primary action target per section should be aimed for.

Links & Buttons

Link & Buttons in Grid

Link & Buttons, Style Alternative

Link & Buttons, Style Inverted


Link & Buttons, Style Full width

Full width style allows buttons to fill all available horizontal space of the selected layout.


External links

External links are automatically opened in a new tab. They are also automatically marked as external links with the Fontawesome External-Link icon.

This improves not only the user experience but also the accessibility.

This is a Page with dummy text.

Content with the wording "Lorem Ipsum" is only a placeholder.