Buttons

Definierung der Schriftarten und Größen aus dem Corporate-Design

Hinweise

Durch die eindeutige Strukturierung und visuelle Unterscheidung der Überschriften, wird eine klare Seitenhierachy garantiert.
Es gilt zu beachten, dass auf jeder Seite nie mehr aber auch nie weniger als eine H1 sein darf und soll.
Die H1 sollte immer die wichtigsten Keywords enthalten.

Anwendung

Die überschriften sorgen für eine klare Strukturierung der Website und werden zur klaren definierung der einzelnen Bereiche der Website verwendet.

CSS Klassen

button
Auf einen Link Block angewandt, bekommt dieser den Basis Style für einen Button
button
secondary
Fügt man die Klasse "secondary" hinzu, verwendet der Button. die Sekundär-Farbe
button
ghost
Fügt man die Klasse "ghost" hinzu, wird aus dem Button ein "Ghost-Button"
button
fluid
Fügt man die Klasse "fluid" hinzu, füllt der Button immer 100% der Breite des äußeren Objektes aus
button
big
Fügt man die Klasse "big" hinzu, wird der Button ca. 40% größer
button
small
Fügt man die Klasse "small" hinzu, wird der Button ca. 30% kleiner
Diese Klassen lassen sich miteinander kombinieren

Styleguide

Home