Corporate Identity
Farben · Typografie · Abstände · Komponenten
Farben
Typografie
Risikoprüfung Erbannahme
Was wirklich geregelt sein muss
Gesundheitliche Begleitung
Ein Erbfall ist komplex – und die Entscheidung zur Erbannahme oft risikobehaftet.
Exklusiv durch die Notfallengel
RISIKOPRÜFUNG ERBANNAHME
Risikoprüfung anfragen
Schriftarten
Serif (Überschriften): Playfair Display – 400 für H1/H2, 700 für kleinere Headlines. Tailwind font-serif
Sans-serif (Fließtext, Buttons): Noto Sans – 400 / 500 / 600. Tailwind font-sans (Standard)
Übernommen von die-notfallengel.de. Vor Livegang: Schriften selbst ausliefern statt über das Google-CDN – die WordPress-Seite tut das bereits bewusst.
Abstände & Layout
| Token | Tailwind Klasse | Wert / Hinweis |
|---|---|---|
| Section Padding | py-24 | 96px |
| Container Max-Width | max-w-7xl mx-auto px-6 lg:px-8 | 1280px |
| Card Padding | p-6 / p-8 | 24–32px |
| Grid Gap | gap-6 / gap-8 | 24–32px |
| Border Radius Cards | rounded-2xl | 16px |
| Border Radius Buttons | rounded-sm | 2px (eckig) |
| Divider Linie | h-px bg-[#c9a052] | 1px, Gold |
Komponenten
Primary Button (Gold)
px-8 py-4 bg-[#c9a052] text-white font-medium rounded-sm
Secondary Button (Outline)
px-8 py-4 border border-white/30 text-white font-medium rounded-sm
Badge / Label
text-xs font-medium tracking-wider uppercase text-[#c9a052]
Divider mit Label
h-px w-12 bg-[#c9a052] · text-[#c9a052] text-sm font-medium tracking-wider uppercase
Karte Titel
Beschreibungstext auf dunklem Hintergrund.
Dark Card
bg-[#2d3a47] rounded-2xl border border-white/10 p-5
Karte Titel
Beschreibungstext auf hellem Hintergrund.
Light Card
bg-white rounded-2xl border border-gray-200 p-5 shadow-sm
Gold Akzent-Card für Hinweise und Highlights
Gold Highlight Card
bg-[#c9a052]/10 rounded-xl border border-[#c9a052]/30 p-4
Logo
Logo URL
https://qtrypzzcjebvfcihiynt.supabase.co/storage/v1/object/public/base44-prod/public/69666a44b217bf746eef0827/20229123d_Notfallengel_logo1-1.png