Link / Button

Ein Link als Text oder Button

Das Core-Element „Link / Button“ zeigt einen einzelnen Link – als Textlink oder als Button, in jeder Farbe der Palette oder im Verlauf, gefüllt oder nur als Rahmen, in vier Größen und mit Symbol.

Das Symbol passt sich der Link-Art an (interne Seite, externe Seite, E-Mail, Telefon, Datei) oder ist ein eigenes Icon. Ein Link in ein neues Fenster bekommt von selbst rel="noopener".

Darstellung „Textlink“ (Vorgabe)

Schrift mit Symbol, ohne Fläche – für „Mehr erfahren“ unter einem Abschnitt. Das Symbol folgt der Link-Art: hier ein Pfeil für eine Seite der eigenen Website.

Darstellung „Button“

Gefüllt in Hauptfarbe 1 – der Hauptbutton einer Seite.

„Füllung: nur Rahmen“

Ein zweitrangiger Button – neben oder unter einem gefüllten.

Größe S, M (Standard), L und XL

„Größe“ gilt nur für Buttons.

Farbe „Verlauf 1“

Die Verläufe des Projekts stehen in jeder Farbauswahl nach der Palette – gefüllt, nur als Rahmen oder als Textlink.

Symbol „eigenes Icon“, rechts

„Symbol“: eigenes Icon aus dem Icon-Satz statt des automatischen; „Position des Symbols“: hinter dem Text. Beim Textlink kann das Symbol eine Fläche bekommen („Hintergrund des Symbols“, hier Weiß auf Hauptfarbe 2).

Telefon- und E-Mail-Link

Adresse tel: bzw. mailto: – das Symbol stellt sich von selbst ein. Mit den Firmendaten als Insert-Tag bleibt die Nummer an einer Stelle gepflegt.

„Effekt der Buttons: pulsieren“

Style Manager → „Buttons“ → „Effekt der Buttons“: ruhig, anheben, leuchten, Lichtstreif, Pfeil rückt vor, pulsieren. Ändert nur die Bewegung, Farbe und Füllung bleiben. Sparsam einsetzen – zwei pulsierende Buttons auf einer Seite heben sich auf.