Style-Guide · intern
Style-Guide Fahrschule Fehr
Alle Farben, Schriften, Abstände und Bausteine der Website an einer Stelle. Jede Fläche hier nutzt nur globale Variablen und Klassen. Ändert sich dort etwas, ändert es sich hier und auf allen Seiten. Diese Seite ist nicht für Suchmaschinen bestimmt.
01 · Farben
Farben
Globale Farbvariablen im Elementor-Kit. Im CSS als var(--name) nutzen. Die Aliasse accent-text (#be1219), on-red-soft, on-dark-soft (beide #ffffff) zeigen auf dieselben Werte.
Marke
Neutral (hell)
Dunkel
02 · Typografie
Typografie
Zwei Schriften, feste Stufen. Fließende Größen (clamp) laufen über die Größen-Variablen. Flächentexte nutzen durchgängig 1,25 rem bei Zeilenhöhe 1,5.
Schriften
Archivo · font-display. Aa Bb Cc 0123 – Üäöß
Figtree · font-body. Aa Bb Cc 0123 – Üäöß
Textstufen
h-xl · Seitentitel
Dein Führerschein in München
ff-h2 · Abschnittstitel
Drei Filialen im Münchner Südwesten
ff-h2-sm · Untertitel
So läuft die Ausbildung ab
ff-card-title · Kartentitel
Hadern
ff-eyebrow · Kicker
Standorte
ff-lead-text · Einleitung
Beratung, Theorie und Anmeldung findest du in allen drei Filialen. Komm ohne Termin zu den Bürozeiten vorbei.
ff-card-text · Fließtext
Stiftsbogen 39, 81375 München
089 71055738
small · Kleintext
Stand: Oktober 2026 · Angaben ohne Gewähr
Größen-Variablen
text-lg · clamp(1.125rem, 1rem + 0.5vw, 1.3125rem)
Fahrschule Fehr
text-xl · clamp(1.375rem, 1.1rem + 1vw, 1.75rem)
Fahrschule Fehr
text-2xl · clamp(2rem, 1.3rem + 2.6vw, 3.5rem)
Fahrschule Fehr
text-display · clamp(2.5rem, 1.2rem + 5vw, 5.5rem)
Fahrschule Fehr
03 · Bausteine
Bausteine
Buttons, Badge, Kartentypen und CTA-Box. Neue Seiten bestehen nur aus diesen Klassen. Fehlt etwas, wird zuerst die Klasse erweitert, dann die Seite angepasst.
Badge, Chip, Tag, Link
Ab 19. Oktober 2026
Chip
Tag
Mehr erfahren →
Zur Filiale →
Karte (ff-card)
München-Hadern · Zentrale
Hadern
Stiftsbogen 39, 81375 München
089 71055738
Zur Filiale →
CTA-Box
Welche Filiale passt zu dir?
Melde dich direkt an oder lass dich erst unverbindlich beraten.
Radien
radius-sm · 8 px
radius-md · 16 px
radius-lg · 28 px