TYPOGRAPHIE

CSS-Klassen für typografische Elemente: Eyebrow-Labels zur farblichen Akzentuierung von Absätzen und weitere Headline-Styles.

Die vollständige Typografie-Dokumentation (Schriften, Größen, Hierarchie) befindet sich auf der Typografie-Seite unter Basiselemente.

EYEBROW-LABELS

farning-eyebrow

Kleine farbige Labels über Headlines zur Kennzeichnung eines Themenbereichs. Acht Farb-Varianten aus der Brand-Palette — frei kombinierbar und nicht mehr section-semantisch. Im Divi Text-Modul direkt über das „Eyebrow“-Dropdown in der Toolbar auswählbar (wird als <p> Block-Element gesetzt).

Navy

Eyebrow-Beispiel

farning-eyebrow eyebrow--navy

#222D58

Teal

Eyebrow-Beispiel

farning-eyebrow eyebrow--teal

#005A84

Sky

Eyebrow-Beispiel

farning-eyebrow eyebrow--sky

#4ABAEE

Hellblau

Eyebrow-Beispiel

farning-eyebrow eyebrow--hellblau

#87BBE6

Cyan

Eyebrow-Beispiel

farning-eyebrow eyebrow--cyan

#1AADC8

Green

Eyebrow-Beispiel

farning-eyebrow eyebrow--green

#44A880

Lime

Eyebrow-Beispiel

farning-eyebrow eyebrow--lime

#CDD600

Orange

Eyebrow-Beispiel

farning-eyebrow eyebrow--orange

#FEA410
ModifierFarbeHexEinsatz
eyebrow--navy#222D58Primary, Überschriften-Bereich
eyebrow--teal#005A84Ruhige, seriöse Akzente
eyebrow--sky#4ABAEEÜber uns, Team, Philosophie
eyebrow--hellblau#87BBE6Programmierung, Kurse, Unterricht
eyebrow--cyan#1AADC8Frische, technische Themen
eyebrow--green#44A880Nachhaltigkeit, Erfolg
eyebrow--lime#CDD600Energetisch, Aufmerksamkeit
eyebrow--orange#FEA410Projekte, Ablauf, Call-to-Action
<!-- Block-Element: wird vom Divi-Toolbar-Dropdown "Eyebrow" automatisch gesetzt --><p class="farning-eyebrow eyebrow--sky">Über uns</p><h2>Ein bewährtes Konzept für junge Talente</h2>