HonestCom Branding
Farben, Tonalität, Assets
HonestCom – Branding & Tonalität (FinMatch)
Stand: abgleich mit honestcom.de (Startseite, Impressum, Datenschutz, Theme-CSS).
Produkt (kundenwirksam): HonestCom Check unter HonestCom Finanzierungsberatung. Repo-Codename intern weiter „FinMatch“. Öffentliche Muttermarke: HonestCom Finanzplanung GmbH (Website-Schwerpunkt VITARBOR / Finanzielles Leitbild).
Unternehmen & Kontakt
| Feld | Wert (Quelle) |
|---|---|
| Marke | HonestCom |
| Rechtsträger | HonestCom Finanzplanung GmbH (Impressum) |
| Hauptsitz | Bergstraße 18, 59174 Kamen |
| Telefon | +49 2307 97301-00 |
| info@honestcom.de | |
| Website | https://honestcom.de/ |
| OG-Titel | „HonestCom: Schöpfe die Möglichkeiten deines Lebens voll aus.“ |
| Kurz-Claim (Meta) | „eine neue Beratungskultur in der Finanzbranche“ |
PBZ / FinMatch (nur wo fachlich passend): „HonestCom Finanzierungsberatung“ · Leitidee Persönliches Bestzinsprinzip – auf honestcom.de derzeit nicht als eigene Seite/Claim ausgewiesen (dort: VITARBOR PRINZIP). In FinMatch nur in Finanzierungs-Copy nutzen, nicht mit VITARBOR vermischen.
Tonalität
- Du-Ansprache, direkt und ermutigend (Startseite durchgängig „du/dein“).
- Fokus: Klarheit, Selbstbestimmung, Transparenz – keine Verkaufsfloskeln.
- Kernbotschaft Website: finanzielle Entscheidungen auf Basis von Prinzipien, nicht nur Produkte.
Visuelle Tokens (extrahiert)
Farben
Token (Tailwind hc.*) | Hex | Verwendung auf honestcom.de |
|---|---|---|
primary | #003b5e | Bootstrap --primary, Überschriften, Markenblau |
secondary | #043b5e | Button-Hover |
accent | #f1883b | CTA „Jaffa“ (.btn-primary.color-jaffa) |
sky | #50a6cb | Akzentkarten „Fokus“ |
burgundy | #940a23 | Sekundäre CTA-Buttons |
slate | #435369 | Flächen-Hintergründe (Sections) |
teal | #007481 | Safari pinned tab / Marken-Teal |
teal-deep | #04535b | Tile-Color |
Weitere Akzentfarben (Karten): #8bbeb9, #eb5b46, #566578.
Typografie
- Website: Made Tommy (Regular / Bold / Black), Fallback Arial/Helvetica – siehe Theme-CSS
understrap-styles. - App:
--font-hcplus lokale@font-face(public/fonts/made-tommy/), Fallback Arial/Helvetica. - Überschriften auf der Website oft uppercase, Body normal.
Logo & Icons
Lokale Kopien (self-hosted): public/brand/honestcom-logo.svg, public/icons/*, public/fonts/made-tommy/*.
App-Umsetzung
CSS / Tailwind
- Farbpalette:
tailwind.config.ts→hc.{primary,secondary,accent,sky,burgundy,slate,…} - Utility-Klassen:
.btn-hc,.btn-hc-outlineinapp/globals.css - Check-UI:
app/check/check.cssmit denselben Hex-Werten (--brand,--accent, …)
Meta (App)
title: HonestCom Finanzierungsberatung – Finanzierungs-Check
check-title: HonestCom Check – In 3 Minuten wissen, was für dich drin ist.
description: Grober Finanzierungsrahmen in Minuten – HonestCom Finanzierungsberatung.- Absender-Anzeigename: HonestCom (
PLUNK_FROM_EMAIL) - Header: HonestCom + Zeile „HonestCom Check“
- Signatur: „Dein Team von HonestCom Finanzierungsberatung“ + Footer mit honestcom.de / info@honestcom.de / Impressum
Checkliste
-
docs/HONESTCOM-BRANDING.md(diese Datei) - Kein „IK Finanzierung“ in nutzer-sichtbarem App-Code (Check, Layout, Mails, Datenschutz-Entwurf)
- Legacy-Doku
docs/archive/IK-BRANDING.mdarchiviert - Made Tommy unter
public/fonts/made-tommy/(kein externes@font-face) - Favicon/Apple-Touch unter
public/icons/ - Optional: OG-Bild unter
public/brand/(wenn Meta-OG genutzt wird) - Deploy-Domain von
finmatch.ik-fin.de(Ops) ggf. separat migrieren
Historisch
Altes IK-Branding (Isemann & Kling / ik-finanzierung.de, Farben #1a324d / #a5c135, PT Serif + Futura): siehe docs/archive/IK-BRANDING.md.