Farben

#BF598A

Leicht transparente Hintergrundfarbe Header auf allen Unterseiten und Button vorher

#AD2F6D

Mouse-Over-Farbe für Buttons

#F7F7F7

Hellgrau

Hintergrundfarbe

#FFFFFF

Weiß

Textfarbe für alle Texte auf weißem Grund

Hintergrundfarbe

#000000

Schwarz

Textfarbe für alle Texte auf weißem Grund

Hintergrundfarbe Footer

Schrift

Schriftarten

Hauptschrift: Source Sans 3 in verschiedenen Größen und Schnitten
Linehight: 1,6 em
Letter Spacing: 0,1 px

H1 bis H6 Schriftgrößen:

Gib hier deine Überschrift ein

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

https://Linktext

H1 Gib hier deine Überschrift ein Gib hier deine Überschrift ein

H2 Gib hier deine Überschrift ein Gib hier deine Überschrift ein

H3 Gib hier deine Überschrift ein Gib hier deine Überschrift ein

H4 Gib hier deine Überschrift ein Gib hier deine Überschrift ein

H5 Gib hier deine Überschrift ein Gib hier deine Überschrift ein

H6 Gib hier deine Überschrift ein Gib hier deine Überschrift ein

Textschrift
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

Logo Farben und Variationen

weißes Logo auf Orange

weißes Logo auf Schwarz

schwarzes Logo auf weiß (Map)

Buttons

Buttons zur Navigation

Buttonformatierung:
Abstand links und rechts 35 px
Abstand oben und unten 20 px

Eckradius: 0

Textfarbe vorher: #F7F7F7
Textfarbe Mouse over: #FFFFFF

Hintergrundfarbe vorher: #FF8F44
Hintergrundfarbe Mouse over: #FF7518

Buttons weiterführende Informationen

Icon Pfeil Und Text, Vorschaukacheln Beiträge oder andere weiterführende Informationen

Icons

Icons unterstützen die Benutzerführung, visualisieren Inhalte und ergänzen Texte um schnell erfassbare Informationen. Sie sollen klar, funktional und konsistent eingesetzt werden.

Outline mit dünner Linie, eckig, teilweise gefüllt, aus der Icon Bibliothek von Material Symbols & Icons

Google Material Symbols & Icons (SVG)

Color: #AD2F6D
Size: 500 px
Weight: 100
Grade: 0
Optical Size: 48