Style-Guide
Style-Guide: Diese Seite zeigt alle Block-Patterns, die im Gutenberg-Editor unter „Kanzlei Isermann“ verfügbar sind. Im Backend (Editor → Plus-Button → Patterns-Tab → Kategorie „Kanzlei Isermann“) kannst du jeden Baustein per Klick auf einer beliebigen Seite einfügen.
1. Section-Header (Eyebrow + Titel + Subtitle)
Zentrierter Section-Kopf mit kleinem Akzent-Label, Hauptüberschrift und Untertitel.
Hauptüberschrift hier
Beschreibender Untertitel — kurz und prägnant.
2. Trust-Bar (4 Vertrauenssignale)
Vier Icon-Cards in einer Reihe — z. B. Erfahrung, Auszeichnungen, Erreichbarkeit, Region.
Über 25 Jahre Erfahrung
In komplexen Mandaten
2 Fachanwaltschaften
Familien- & Verkehrsrecht
Persönlicher Rückruf
Annette ruft selbst zurück
Region Köln
Pulheim · Bergheim · Dormagen
3. Trust-Pills (Checkmark-Reihe)
Reihe kleiner Pills mit Häkchen — schnelle Vertrauenssignale.
4. Service-Karten-Reihe (3 Schwerpunkte)
Drei Cards mit Icon-Box, Überschrift und Beschreibung — typisch für „Schwerpunkte“ oder „Was ich für Sie tue“.
Trennung & Scheidung
Beschreibung des ersten Schwerpunkts — was ich in diesem Bereich für Sie tue.
Unterhalt & Sorgerecht
Beschreibung des zweiten Schwerpunkts.
Vermögensauseinandersetzung
Beschreibung des dritten Schwerpunkts.
5. Profil-Zitat (Großformat, Gold-Akzent)
Italic-Zitat mit Gold-Border links, dezentem Quote-Icon und Signatur — für Leitsätze.
„Ich melde mich zurück.“
6. Werdegang-Timeline (Jahre + Stationen)
Vertikale Timeline mit Punkten und Jahreszahlen — für Karrierestationen.
Werdegang
7. Hinweis-Box
Info-Box mit Icon und Hinweistext — z. B. Urlaubsankündigung oder wichtige Information.
Hinweis
Beschreibe hier deinen Hinweis — z. B. eine kurze Urlaubsankündigung, geänderte Sprechzeiten oder eine wichtige Information für Mandanten.
8. Trust-Badge (Glas-Panel, klein)
Kompaktes Vertrauens-Badge mit Icon — z. B. „Doppelte Fachanwaltschaft / Geprüfte Expertise“.
Doppelte Fachanwaltschaft
Geprüfte Expertise
9. Akzent-Zitat (klein)
Schlichteres Zitat mit Gold-Border — z. B. eine Mandanten-Stimme im Fließtext.
„Hier steht ein kurzes, prägnantes Zitat — z. B. ein Mandanten-Statement oder ein Leitsatz.“ — Mandantin / Mandant
10. CTA-Card (Primärfarbe + Button)
Auffälliger CTA-Block in Kanzlei-Blau mit Headline, Text und Buttons.
Bereit für ein Gespräch?
Schildern Sie mir Ihren Fall — ich melde mich persönlich bei Ihnen zurück.
11. Bild + Text nebeneinander
Bild auf einer Seite, Überschrift und Text auf der anderen — klassisches Split-Layout.
Überschrift hier
Beschreibender Text. Lade links über das Bild dein eigenes Foto hoch und ersetze hier den Text.
— Ende des Style-Guides —