Buttons REM
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Buttons Größen
Ü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).
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
Abstand
Abstand: 0,25 rem
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,7 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,5 | 0,2 | 0,5 rem
Animation: Grow
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 [S]
Die Buttons in Größe S werden vin Widgets verwendet.
XS 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
XS 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
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,5 | 0,2 | 0,5 rem
Animation: Grow
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 [S]
Die Buttons in Größe S werden vin Widgets verwendet.
XS 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
XS 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
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,5 | 0,2 | 0,5 rem
Animation: Grow
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 Größen
Übersicht der Buttons in verschiedenen größen