Block

Button

/button

Der Button-Block lenkt die Aufmerksamkeit der Lesenden gezielt auf wichtige Interaktionen und weiterführende Angebote. Das Theme unterstützt Editoren dabei vollautomatisch mit passenden visuellen Indikatoren (wie einem Icon für externe Verknüpfungen) und bietet drei perfekt abgestimmte Stil-Varianten – vom prominenten Fokus-Button bis hin zum dezenten Textlink ohne Hintergrund. Da viele der spezialisierten Inhaltsblöcke bereits integrierte Buttons mitbringen, wird dieser eigenständige Block stets sparsam und bewusst eingesetzt.

Anwendungsbeispiele

• Hervorheben eines zentralen Aufrufs zur Aktion (Call-to-Action) innerhalb eines Textabschnitts.
• Gezielte Verlinkung auf wichtige Dokumente, Formulare oder externe Serviceportale.
• Platzieren von unaufdringlichen Folgelinks, die sich optisch elegant zurücknehmen sollen.

Do’s

• Nutzen Sie den standardmäßigen, vollflächig gefüllten Stil für die primäre und wichtigste Aktion auf der Seite, um eine klare visuelle Führung zu gewährleisten.
• Setzen Sie den eleganten Outline-Stil (Rahmen-Variante) ganz bewusst für sekundäre oder untergeordnete Informationen ein, wenn eine visuelle Abstufung gewünscht ist.
• Wählen Sie den minimalistischen Stil „Link“ (ohne Hintergrund), wenn Sie eine dezente Verknüpfung außerhalb des Fließtextes platzieren möchten, die den Lesefluss nicht unterbricht.
• Stellen Sie bei Verlinkungen zu externen Webseiten ein, dass diese in einem neuen Tab öffnen – so bleibt der Lesefluss auf Ihrer Seite optimal erhalten.
• Nutzen Sie vorrangig die in spezifischen Blöcken bereits fest integrierten Button-Optionen, um das Layout schlank und harmonisch zu halten.

Dont’s

• Vermeiden Sie es, Seiten mit einer Vielzahl eigenständiger Buttons zu überladen, damit die visuelle Hierarchie und die Übersichtlichkeit ihre volle Wirkung behalten.
• Öffnen Sie interne Verlinkungen (zu Seiten innerhalb des eigenen Auftritts) im selben Tab, um eine gewohnte und flüssige Navigation zu gewährleisten.