Überschrift H1 Check
Überschrift H1 Vorlage
- Schriftart: Open Sans
- Größe: 78 px
- Farbe: #304A76 (primary 1)
- Weitere Layout-Kriterien: Line-Height 1.1 / Letter-Spacing 1 / Weight 600
- Eingesetzt wo?: Header Willkommen
Überschrift H2 Check
Überschrift H2 Vorlage
- Schriftart: Open Sans
- Größe: 48 px
- Farbe: #304A76 (primary 1)
- Weitere Layout-Kriterien: Line-Height 1.1 / Letter-Spacing 1 / Weight 600
- Eingesetzt wo?: Zwischenüberschriften auf Landingpage und Modultitel/Lektionstitel/Themen/Test
Überschrift H3 Check
Überschrift H3 Vorlage
- Schriftart: Open Sans
- Größe: 48 px
- Farbe: #304A76 (primary 1)
- Weitere Layout-Kriterien: Line-Height 1.1 / Letter-Spacing 1 / Weight 600
- Eingesetzt wo?: Titel auf Kachel, Überschriften im Content
Add Your Heading Text Here
Überschrift H4 Vorlage
- Schriftart: Open Sans
- Größe: 20 px
- Farbe: #304A76 (primary 1)
- Weitere Layout-Kriterien: Line-Height 1.1 / Letter-Spacing 1,0 / Weight 500
- Eingesetzt wo?: Sub-Titels, LD Content-List Titel “Course Content”, Lerndauer, Lernziele
Überschrift H5 Check
Überschrift H5 Vorlage
- Schriftart: Open Sans
- Größe: 15 px
- Farbe: #304A76 (primary 1)
- Weitere Layout-Kriterien: Line-Height 1.1 / Letter-Spacing 1,0 / Weight 600
- Eingesetzt wo?: Hervorhebung im Fließtext, Zwischenüberschrift
Add Your Heading Text Here
Überschrift H6 Vorlage
- Schriftart: Open Sans
- Größe: 15 px
- Farbe: #E8655F (Farbe 7)
- Weitere Layout-Kriterien: Line-Height 1.1 / Letter-Spacing 1,0 / Weight 600
- Eingesetzt wo?: Hervorhebung im Fließtext, Zwischenüberschrift
Body / Text / Absatz: Check
Body / Text / Absatz: Vorlage
- Schriftart: Open Sans
- Größe: 15 px
- Farbe: #4A4A49
- Weitere Layout-Kriterien: Weight 500
Button Layout
Default Button Check:
Default Button Vorlage:
- Schriftart&Größe: Open Sans, 18 px
- Colour: Farbe1 / Farbe3
- Font-Weight: 600
- Letter-Spacing: 1,0
- Border Radius: 4 px
- Nutzung: “Show All” Button LD Course Content, LD Navigation “Next / Back”, UM Login / Register
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Manual Buttons Vorlagen (Optional):
Usage as: Erledigen Button
Link-Layout
Muss underlined sein (Link-Farbe / Hoverfarbe definieren)
- underlined
- Link-Color: primary color 1,
- Hover-Color: #5E6690 (Farbe: “New Hover Button Background”
Hauptfarben
3 Individuelle Kundenfarben:
#304A76
#304A76
#FFD500
FFD500
#A5BADD
#A5BADD
Standardfarben - Fix:
#41815F
Farbe 4: “Erledigt” Button, Progress
#7BEE8B
Farbe 5: “Erledigt” Button hover, virtueller Seminar
#FFA87D
Farbe 6, Video
#E8655F
Farbe 7, E-Learning
#4A4A49
Farbe 8: “Abbrechen” (UM Register), Material
#757474
Farbe 9: “Abbrechen” hover (UM Register)
#5E6690
Farbe 10: “hover Button”, Expertenkontakt
Farbe 10