Klarheit in komplexen Sachverhalten. Verlässliche Beratung für Selbstständige, Unternehmer und Freiberufler — von der Gründung bis zum Jahresabschluss.
Dunkle, warme Töne vermitteln Substanz und Verlässlichkeit — ohne kalt oder distanziert zu wirken. Wie ein gut geführtes Büro, das man nicht mehr verlassen will.
Die Ästhetik hochwertiger Wirtschaftsmagazine: klassische Satzregeln, Leserhythmus durch Typografie, Gold als edler Akzent mit institutioneller Autorität.
Jedes Detail wirkt durchdacht. Ein Design, das mit dem Unternehmen wächst und in zehn Jahren nicht veraltet aussieht.
Steuern sind kein Gegner. Mit dem richtigen Partner werden sie zur planbaren Größe.
Burgundy (#1a0e14) als Basis kommuniziert institutionelle Tiefe — die Farbe von Leder-Akten, Mahagoni-Schreibtischen, juristischen Fachverlagen. Kein Steuerberater in Hamburg hat diese Basisfarbe — das ist der erste Differenzierer, noch bevor ein Satz gelesen wird. Gold (#d4a849) steht nicht für Reichtum, sondern für Wertbeständigkeit — der Ton eines gut gepflegten Siegels oder eines geprägten Briefkopfs. Creme (#f5f0e8) löst das Reinweiß-Problem elegant: wärmer als Weiß, kontrastreicher als Grau, und schafft eine Textur, die Papier assoziiert.
| Kombination | Verhältnis | Status | Verwendung |
|---|---|---|---|
| Creme auf Dunkel | 17.2 : 1 | AA ✓ | Body-Text, Fließtext — übertrifft Minimum (4.5:1) deutlich |
| Dunkel auf Gold | 8.5 : 1 | AA ✓ | Primär-Button-Label, Ticker-Text auf Goldband |
| Gold auf Dunkel | 8.5 : 1 | AA ✓ | Labels, Section-Tags, Navigations-Akzent |
| Gold auf Ebene 2 | 7.8 : 1 | AA ✓ | FAQ-Hintergrund (#2b1320), alternierende Sektionen |
| Grade | clamp()-Wert | Familie / Gewicht | Tracking | Use-Case |
|---|---|---|---|---|
| Display XL | clamp(42px, 5.5vw, 76px) | Playfair Display, 900 Italic | −0.01em | Cover-Headline, max. 5 Wörter |
| H1 | clamp(28px, 3.5vw, 44px) | Playfair Display, 700 | −0.01em | Sektions-Haupttitel |
| H2 | clamp(18px, 2vw, 24px) | Playfair Display, 400 Italic | 0em | Unterzeile, editorischer Akzent |
| Body | clamp(13px, 1.5vw, 15px) | Source Serif 4, 300 | 0em | Fließtext, Beschreibungen (lh 1.85) |
| Label | 10px (fix) | Source Serif 4, 600 | +0.14em | Tags, Kategorien, Navigations-Links |
Kindermann Steuerberatung begleitet Selbstständige und Unternehmen in allen steuerrechtlichen Fragen — zuverlässig, präzise, persönlich. Seit 2010.
Source Serif 4 in 300 Gewicht auf dunklem Hintergrund: optimale Schriftgröße 14–15px mit Zeilenhöhe 1.85. Der hohe Zeilenabstand kompensiert den dunkleren Kontrast und hält das Lesen entspannt.
Für Kindermann empfehlen wir einen halbtägigen Fototermin: Fokus auf Beratungssituation (echte Konzentration, keine Pose), 1–2 Team-Portraits im Büro (natürliches Licht), Detailserie Arbeitswerkzeuge. Warmton-Filter auf allen Aufnahmen für Konsistenz mit der Burgundy-Palette. Lieferung: 20–30 retouchierte Fotos.
| Element | Kategorie | Dauer / Timing | Zweck & Begründung |
|---|---|---|---|
| Nav-Link Hover | Productive | 150ms · ease-out | Bestätigt Klickbarkeit, orientiert im Menü — UX-Pflicht |
| CTA-Button Hover | Productive | 200ms · ease-out | Primäre Handlungsaufforderung wird klar signalisiert |
| Farbswatch Hover | Productive | 300ms · ease | Mehr Detail bei Interaktion — natürliche Erkundung |
| FAQ Accordion | Productive | 420ms · cubic-bezier(.4,0,.2,1) | Antwort öffnet sich erwartbar — kein Layout-Sprung |
| Service-Pfeil Hover | Productive | 200ms · ease | Richtungs-Signal, zeigt Navigation an |
| Scroll Fade-In Sektionen | Expressive | 600ms · ease, 16px Y | Gibt dem Scrollen Rhythmus — editoriales Umblättern |
| Zahlen-Counter (340 / 14 / 8) | Expressive | 1100ms · ratchet-Schleife | Macht Zahlen erlebbar, nicht nur lesbar — Vertrauen durch Größe |
| Ticker-Band (Gold) | Expressive | 26s · linear infinite | Magazin-Charakter — Bewegung die zum Medium gehört |
prefers-reduced-motion: alle Expressive Animations deaktiviert. Productive Animations auf opacity-only reduziert.