PetHealthPass · Agentur-Dashboard

Design-Tokens

Farben, Schriften, Abstände und Eckenradien, die das Dashboard von der Website übernimmt. Quelle: docs/quellen/DESIGN-SYSTEM.md.

1 · Farben

Ein Akzent, viel Weiß

Flächen- und Textfarben

  • dark

    #0A0A0A

    Überschriften, Grundfarbe, dunkle Abschluss-Sections

  • blue-deep

    #006192

    Der Akzent: Primär-Aktionen, Links, Eyebrows, Fokus

  • gray-400

    #414141

    Fließtext und Sekundärtext

  • green

    #5FCD8A

    Positiv: Häkchen in Vorteilslisten, Badges

  • light

    #F8FAFB

    Alternierender Hintergrund, Karten auf Weiß

  • white

    #FFFFFF

    Standard-Hintergrund

  • gray-200

    #E5E7EB

    Rahmen (meist mit 60 % Deckkraft)

  • gray-100

    #F3F4F6

    Feine Tabellen-Zeilentrenner

  • gray-50

    #F9FAFB

    Reserve, kaum verwendet

Nur für Diagramme

  • navy

    #122B54

    Nur Diagramme: Datenreihe 1, Achsen

  • blue-light

    #13A0D3

    Nur Diagramme: Datenreihe 2

2 · Typografie

Plus Jakarta Sans und Inter

H1 (Hero)Plus Jakarta Sans 800 · 24 / 60 px · Zeilenhöhe 1,05
Willkommen, Balu!
H2 (Section)Plus Jakarta Sans 700 · 24 / 48 px · Zeilenhöhe 1,1
So geht es weiter
H3 (Karte/Block)Plus Jakarta Sans 700 · 18 / 20 px · Zeilenhöhe 1,2
Ihr Tarif
EyebrowInter 600 · 12 px · Großbuchstaben · Laufweite 0,1 em
PetHealthPass
LeadInter 400 · 16 / 18 px · Zeilenhöhe 1,6
Den Wechsel auf Sie erledigen wir mit der Allianz – ohne Papierkram für Sie.
FließtextInter 400 · 16 px · Zeilenhöhe 1,6
Wir melden uns persönlich bei Ihnen und beantworten Ihre Fragen.
KleintextInter 400 · 14 px · Zeilenhöhe 1,6
Persönliche Betreuung durch unsere Allianz-Agentur in Leinfelden-Echterdingen.
FußnoteInter 400 · 11 px · Zeilenhöhe 1,5
Stand: 08.10.2026
Zahl großPlus Jakarta Sans 800 · 24 / 36 px · Tabellenziffern
1.017,18 €

3 · Layout

Eckenradien, Rahmen und Schatten

  • 12 px

    Karten (klein)

  • 16 px

    Karten (groß), Boxen, Formularfelder

  • Schatten

    Weiche Elevation, keine harten Schlagschatten

4 · Komponenten

Bausteine

Neu
  • Balu ist bereits bei der Allianz versichert.
  • Den Wechsel auf Sie erledigen wir mit der Allianz – ohne Papierkram für Sie.
  • Persönliche Betreuung durch unsere Allianz-Agentur in Leinfelden-Echterdingen.
Karten im Lager
128
beim Züchter
42
aktiv
17