Buttons
Übersicht der Buttons in verschiedenen größen
Buttons [XXS]
Zum steuern der Widgets (Schließen, verkleinern, zum Dashboard hinzufügen und in Formularfeldern (Select-Feld > Hinzufügen). Hier bitte nur die Icons „Steuerelemente nutzen“
XXS Button mit Icon einfarbig
Schrift: Roboto Condensed
Schriftgröße: 0,8 rem
Line Height: 0,4 rem
Rahmen: 0,06 rem
Eckenradius : 5 rem
Innenabstand : 0,1| 0,25 | 0,1 | 0,25 rem
Animation: Grow
XXS Button mit Icon mehrfarbig
Wird nicht verwendet, da nicht lesbar
XXS Button mit Text
Wird nicht verwendet, da nicht lesbar
Beschreibung
Schrift: Roboto Condensed
Schriftgröße: 0,8 rem
Line Height: 1 rem
Rahmen: 0,06 rem
Eckenradius : 3 rem
Innenabstand : 0,2| 0,4 | 0,2 | 0,4 rem
Schriftfarbe: Schrift Button 2
Hintergrundfarbe: Blau-1
Animation: Fade in Up
Buttons [XS]
Die Buttons in Größe XS werden verwendet, wenn z.B. in einem Widget ein weiteres Element wie z.B. eine Tabelle ist.
XS Button mit Icon einfarbig
Schrift: Roboto Condensed
Schriftgröße: 0,9 rem
Line Height: 0,5 rem
Rahmen: 0,06 rem
Eckenradius : 5 rem
Innenabstand : 0,2| 0,4 | 0,2 | 0,4 rem
Animation: Grow
XS Button mit Icon mehrfarbig
Schrift: Roboto Condensed
Schriftgröße: 1,1 rem
Line Height: 0,6 rem
Rahmen: 0,06 rem
Eckenradius : 5 rem
Innenabstand : 0,1| 0,4 | 0,1 | 0,4 rem
Animation: Grow
XS Button mit Text
Schrift: Roboto Condensed
Schriftgröße: 0,7 rem
Line Height: 0,9 rem
Rahmen: 0,06 rem
Eckenradius : 5 rem
Innenabstand : 0,2| 0,7 | 0,2 | 0,7 rem
Animation: Grow
Beschreibung
Bleibt immer gleich, wie bei XXS beschrieben.
Buttons [S]
Die Buttons in Größe S werden vin Widgets verwendet.
S Button mit Icon einfarbig
Schrift: Roboto Condensed
Schriftgröße: 1 rem
Line Height: 0,6 rem
Rahmen: 0,06 rem
Eckenradius : 5 rem
Innenabstand : 0,3| 0,6 | 0,3 | 0,6 rem
Animation: Grow
S Button mit Icon mehrfarbig
Schrift: Roboto Condensed
Schriftgröße: 1,2 rem
Line Height: 0,7 rem
Rahmen: 0,06 rem
Eckenradius : 5 rem
Innenabstand : 0,2| 0,6 | 0,2 | 0,6 rem
Animation: Grow
S Button mit Text
Schrift: Roboto Condensed
Schriftgröße: 0,8 rem
Line Height: 1 rem
Rahmen: 0,06 rem
Eckenradius : 5 rem
Innenabstand : 0,3| 0,8 | 0,3 | 0,8 rem
Animation: Grow
Beschreibung
Bleibt immer gleich, wie bei XXS beschrieben.
Buttons [M]
Die Buttons in Größe M werden standartmäßig verwendet.
M Button mit Icon einfarbig
Schrift: Roboto Condensed
Schriftgröße: 1,1 rem
Line Height: 0,7 rem
Rahmen: 0,06 rem
Eckenradius : 5 rem
Innenabstand : 0,4| 0,8 | 0,4 | 0,8 rem
Animation: Grow
M Button mit Icon mehrfarbig
Schrift: Roboto Condensed
Schriftgröße: 1,3 rem
Line Height: 0,8 rem
Rahmen: 0,06 rem
Eckenradius : 5 rem
Innenabstand : 0,3| 0,8 | 0,3 | 0,8 rem
Animation: Grow
M Button mit Text
Schrift: Roboto Condensed
Schriftgröße: 0,9 rem
Line Height: 1,1 rem
Rahmen: 0,06 rem
Eckenradius : 5 rem
Innenabstand : 0,4| 0,9 | 0,4 | 0,9 rem
Animation: Grow
Beschreibung
Bleibt immer gleich, wie bei XXS beschrieben.
Buttons [L]
Die Buttons in Größe L werden verwendet, wenn etwas besonders hervorgehoben werden soll.
L Button mit Icon einfarbig
Schrift: Roboto Condensed
Schriftgröße: 1,2 rem
Line Height: 0,8 rem
Rahmen: 0,06 rem
Eckenradius : 5 rem
Innenabstand : 0,5| 0,9 | 0,5 | 0,9 rem
Animation: Grow
L Button mit Icon mehrfarbig
Schrift: Roboto Condensed
Schriftgröße: 1,4 rem
Line Height: 0,9 rem
Rahmen: 0,06 rem
Eckenradius : 5 rem
Innenabstand : 0,4| 0,9 | 0,4 | 0,9 rem
Animation: Grow
L Button mit Text
Schrift: Roboto Condensed
Schriftgröße: 1 rem
Line Height: 1,2 rem
Rahmen: 0,06 rem
Eckenradius : 5 rem
Innenabstand : 0,5| 1 | 0,5 | 1 rem
Animation: Grow
Beschreibung
Bleibt immer gleich, wie bei XXS beschrieben.
Buttons [XL]
Die Buttons in XL werden aktuell noch nicht verwendet.
XL Button mit Icon einfarbig
Schrift: Roboto Condensed
Schriftgröße: 1,3 rem
Line Height: 0,8 rem
Rahmen: 0,06 rem
Eckenradius : 5 rem
Innenabstand : 0,6| 1 | 6 | 01 rem
Animation: Grow
XL Button mit Icon mehrfarbig
Schrift: Roboto Condensed
Schriftgröße: 1,5 rem
Line Height: 1 rem
Rahmen: 0,06 rem
Eckenradius: 5 rem
Innenabstand: 0,5| 1 | 5 | 1 rem
Animation: Grow
XL Button mit Text
Schrift: Roboto Condensed
Schriftgröße: 1,1 rem
Line Height: 1,3 rem
Rahmen: 0,06 rem
Eckenradius : 5 rem
Innenabstand : 0,6| 1,1 | 0,6 | 1,1 rem
Animation: Grow
Beschreibung
Bleibt immer gleich, wie bei XXS beschrieben.