Hero ZWEI
This content is for v1.0. Switch to the latest version for up-to-date documentation.
Übersicht
Abschnitt betitelt „Übersicht“Der Hero ZWEI ist eine vereinfachte Hero-Variante, die für klare und direkte Kommunikation ausgelegt ist.
Im Vergleich zu Hero EINS entfernt er komplexe Stiloptionen wie Schlüsselwörter und hervorgehobene Überschriftenteile und ist damit ideal für unkomplizierte Botschaften.
Überschrift
Abschnitt betitelt „Überschrift“- Typ: String
- Erforderlich: Ja
- Maximale Länge: 120 Zeichen
- Zweck: Hauptüberschrift des Heros
- Beispiel:
Professionelle Dienstleistungen – Ihr Unternehmen in Beispielstadt
Unterüberschrift
Abschnitt betitelt „Unterüberschrift“- Typ: Text (2 Zeilen)
- Erforderlich: Nein
- Zweck: Unterstützende Überschrift, die unter der Hauptüberschrift angezeigt wird
- Beispiel:
Moderne Lösungen für Ihre Geschäftsbedürfnisse
Beschreibung
Abschnitt betitelt „Beschreibung“- Typ: Text (3 Zeilen)
- Erforderlich: Nein
- Zweck: Zusätzlicher beschreibender Text mit mehr Details
- Beispiel:
Wir bieten professionelle Dienstleistungen, die auf Ihre Bedürfnisse zugeschnitten sind. Mit erfahrenen Teammitgliedern und flexibler Terminplanung.
Badge anzeigen
Abschnitt betitelt „Badge anzeigen“- Typ: Boolean
- Erforderlich: Nein
- Standard:
false - Zweck: Umschalter für die Sichtbarkeit eines Badges im Hero
- Typ: Referenz (
badge) - Erforderlich: Nein
- Ausgeblendet wenn: Badge anzeigen deaktiviert ist
- Zweck: Zeigt eine Badge-Komponente im Hero an
- Beispiele:
NEU,Bestseller
Verwendungsbeispiel
Abschnitt betitelt „Verwendungsbeispiel“Textinhalt
Abschnitt betitelt „Textinhalt“-
Überschrift:
Professionelle Dienstleistungen – Ihr Unternehmen in Beispielstadt -
Unterüberschrift:
Moderne Lösungen für Ihre Geschäftsbedürfnisse -
Beschreibung:
Wir bieten professionelle Dienstleistungen, die auf Ihre Bedürfnisse zugeschnitten sind. Mit erfahrenen Teammitgliedern und flexibler Terminplanung.
Badge-Konfiguration
Abschnitt betitelt „Badge-Konfiguration“- Badge anzeigen:
true - Badge: Referenz auf ein Badge-Dokument (z. B.
NEU,Bestseller)
Best Practices
Abschnitt betitelt „Best Practices“- Überschrift: Halten Sie sie prägnant und wirkungsvoll. Das 120-Zeichen-Limit hilft, Klarheit zu bewahren.
- Unterüberschrift: Verwenden Sie sie, um die Überschrift zu erweitern oder zu klären, ohne sie zu wiederholen.
- Beschreibung: Bieten Sie zusätzlichen Wert für Benutzer, die mehr Kontext möchten.
- Badge: Verwenden Sie sparsam und nur, wenn es sinnvolle Betonung hinzufügt.
- Hierarchie: Nutzen Sie die drei Textebenen (Überschrift → Unterüberschrift → Beschreibung) für einen klaren Informationsfluss.
Hauptmerkmale
Abschnitt betitelt „Hauptmerkmale“- Einfache Struktur: Lineares, leicht verständliches Layout
- Kompakte Überschrift: Zeichenlimit sorgt für fokussierte Botschaft
- Optionales Badge: Fügt Betonung hinzu, wenn nötig
- Geschichteter Text: Unterstützt gestufte Inhaltsbereitstellung
- Sauberes Design: Minimales Styling hält die Aufmerksamkeit auf der Botschaft
Wo es verwendet wird
Abschnitt betitelt „Wo es verwendet wird“- Seiten (
page)
Unterseiten, Landing Pages und Informationsinhalte
Technische Hinweise
Abschnitt betitelt „Technische Hinweise“- Badge verwendet das globale
badge-Schema - Überschriftlänge ist auf 120 Zeichen begrenzt
- Alle Textfelder unterstützen Rich-Formatierung
- Verwendet semantisches HTML für Barrierefreiheit
Unterschiede zu Hero EINS
Abschnitt betitelt „Unterschiede zu Hero EINS“| Feature | Hero EINS | Hero ZWEI |
|---|---|---|
| Überschriftstruktur | Mehrteilig mit Stilen und Schlüsselwörtern | Einfacher String |
| Schlüsselwörter | Ja (farbig) | Nein |
| Buttons | Ja (Primär / Sekundär) | Nein |
| Badge | Nein | Ja (optional) |
| Hintergrundbild | Ja | Nein |
| Beschreibung | Ja | Ja |