Styleguide
01. Header
1.1 Startseite Header (Above the fold)
Hinweis Bildgrößen
Die Bilder für die Header sollten in einem Format von 1920x900px angelegt werden, bei einer Qualität von 60%. Die Bilddateigröße sollte ungefähr bei 200KB liegen. Falls die Bilddateigröße 200KB weit überschreitet (z.B. 350KB) kann das Bild auch vorher nochmal über tinypng.com komprimiert werden. Dazu einfach das Bild bei tinypng.com hochladen und das komprimierte Bild herunterladen.
Mehr Motivation und Wirksamkeit in der Teamarbeit
Abonniere meinen Newsletter und erhalte 2x im Monat inspirierende Tipps für bessere Zusammenarbeit.
1.2 Unterseite Header (Above the fold)
Mache jetzt den nächsten Schritt
Meine Angebote für dich und dein Team
1.3 Newsletter Header (Above the fold)
Abonniere meinen Newsletter
02. Buttons
2.1 Primärer Button
2.2 Sekundärer Button
03. Überschriften
3.1 Überschriften einfach
Überschrift H1
Überschrift H2
Überschrift H3
3.2 Überschriften mit Divider
Überschrift H1
Überschrift H2
Überschrift H3
3.2 Überschriften mit Divider (zentriert)
Überschrift H1
Überschrift H2
Überschrift H3
04. Aufzählungen
4.1 Aufzählung linksbündig
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
4.2 Aufzählung (800px zentriert)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
4.3 Aufzählung (500px zentriert)
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
05. Textblöcke
5.1 Introtext (zentriert)
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
5.2 Normaler Fließtext (800px zentriert)
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
06. Bild/Textblöcke
6.1 Bild links / Text rechts (Inhalt oben)
Überschrift H2
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
6.2 Bild links / Text rechts (Inhalt vertikal zentriert)
Überschrift H2
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
6.3 Text links (Inhalt oben) / Bild rechts
Überschrift H2
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
6.4 Text links (Inhalt vertikal zentriert) / Bild rechts
Überschrift H2
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
07. Angebot Textmodul
Beratung
Erste Hilfe
Ideen sortieren und Ziele festlegen:
Hole dir pragmatische und individuelle Unterstützung in einem 1:1 Gespräch.
Workshop
3 Stunden-Schnellstarter
Schnell gemeinsam ins Tun kommen:
Nutze die Weisheit des Teams und entwickelt gemeinsam erste Ideen.
Teambegleitung
Nachhaltigkeit
Kontinuierliche Weiterentwicklung:
Ich begleite euch bei Aufbau und Optimierung eurer Team-Kultur.
08. Über-Mich Modul
Hallo ich bin Eike...
Als zertifizierte Teamgestalterin nutze ich zeitgemäße Strategien, um in Gruppen und Teams eine vertrauensvolle und motivierende Zusammenarbeit zu ermöglichen.
Als Remote Agile Master bin ich zusätzlich auf die Zusammenarbeit in remote Teams spezialisiert und kann dich beim Aufbau einer speziell auf dein Team zugeschnittenen Remote-Kultur begleiten.
09. Blogmodul
Wie ich die Lust am Lernen wiederentdeckt habe
Leistungsdruck und Stress sind keine guten Begleiter, wenn du lernen willst. In diesem Beitrag verrate ich dir, wie ich meine...
3 verschiedene Methoden, eine Team Charta zu erstellen
Wenn du ein neues Team zusammenstellst oder mit einem bestehenden ein neues Projekt startest, empfehle ich die gemeinsame...
Virtuelle Zusammenarbeit: Schritt für Schritt zu einer Remote-first Kultur
Virtuelle Zusammenarbeit wird weiterhin Bestandteil unserer Arbeit bleiben, auch wenn ein Großteil der Mitarbeiter dauerhaft...
10. Call to Actions
Du möchtest etwas verändern und endlich Nägel mit Köpfen machen?
Das freut mich! Dann lass uns konkret werden.
11. Sektion mit Zitat
„Ich helfe dir und deinem Team, die für euch passende Form der Zusammenarbeit zu finden!“
12. FAQ
Häufig gestellte Fragen
Wie finde ich heraus, ob dein Angebot das richtige für mich ist?
Erste Antworten findest du hier unter „Häufig gestellte Fragen“ oder auch in einem meiner zahlreichen Blogartikel. Darüber hinaus kannst du auch ein kostenloses Kennenlerngespräch mit mir vereinbaren.
Wie läuft so ein kostenloses Kennenlerngespräch ab?
Ich schicke dir einen Link zu meinem Kalender, damit du dir selbst einen freien Termin aussuchen kannst. Nach Terminbuchung erhältst du automatisch einen Link zu meinem Videokonferenzsystem. Ich nehme mir bis zu 30 min Zeit, um all deine Fragen zu beantworten.
Was ist eigentlich mit Sparring gemeint?
Ein Coach stellt Fragen, ein Berater gibt Antworten, ein Trainer übt neue Methoden und Praktiken ein, ein Lehrer vermittelt Theorie. Aber manchmal brauchen wir einfach von jedem ein bisschen und sind bei der Wahl der geeigneten Unterstützung überfordert. Sparring ist die clevere Alternative, die Disziplinen wie Beratung, Coaching und Training kombiniert und immer in Absprache mit dir individuell auf deine aktuelle Herausforderung zugeschnitten wird. Du allein entscheidest, was und wieviel du davon brauchst.
Wie läuft eine Fallberatung ab?
In einer Fallberatung schilderst du mir ausführlich dein Team-Problem und machst Angaben zu Kontext, Teammitgliedern, Historie und aktueller Herausforderung. Ich stelle dann Verständnisfragen und stelle auf Basis deiner Erzählung und meiner Expertise als Impulse erste Hypothesen auf. Nach ausführlicher Rücksprache mit dir entwickeln wir zusammen erste Lösungsansätze und Ideen, die du dann selbstständig weiterverfolgen kannst. Die Beratung dauert 90 Minuten.