Alle Komponenten, Farben und Typografie basierend auf den BANKABLE Brand Guidelines.
Die Wortmarke in verschiedenen Varianten und Größen.
Vollständige Farbpalette aus den Brand Guidelines.
Public Sans in allen definierten Größenstufen (Desktop).
Bankable
Übersicht
Unternehmensprofil
Fristgebundene Aufgaben
Semibold body text
Regular body text for longer paragraphs and descriptions.
Tabellenüberschriften und Labels
Sekundärer Beschreibungstext in 15px.
Badges, Metadaten, Hilfstexte
Kleinster Textstil für sekundäre Informationen.
Alle Varianten nach Figma: 30px Radius, 40px Höhe, Chevron-Icons 24px.
shadcn Badge und Brand StatusBadge Komponente.
Formulareingaben im Brand-Stil.
Verschiedene Karten-Varianten.
Datenansicht wie im Dashboard und Datenraum.
| Status | Vertragsverpflichtung | Fällig am | Turnus | Zuständig |
|---|---|---|---|---|
| überfällig | BWA & SuSa | 28.12.2025 | monatlich | Eno Treasurer |
| offen | Unternehmensplanung | 15.01.2026 | jährlich | Eno Treasurer |
| erledigt | Quartalsreporting | 30.09.2025 | quartalsweise | Klaus Beispiel |
| offen | Jahresabschluss | 31.03.2026 | jährlich | Eno Treasurer |
5-Punkt-Bewertungsskala mit Kreisen (Abhängigkeiten, Risiken, Bilanzkonstellation, Planungsannahmen).
Die Entwicklung wirkt stabil oder leicht verbessert.
Eine besondere Situation steht im Raum, aber eine Simulationsbilanz ist nicht zwingend erforderlich.
Kapitaldienstfähigkeit ist vollständig gesichert.
Liquidität ist aktuell ausreichend.
Fortschrittsbalken mit nummerierten Schritten für Wizards und Onboarding.
Onboarding (Schritt 1 von 2)
Geschäftsinformationen (Schritt 3 von 4)
Sekundäre Tab-Navigation innerhalb des Unternehmensprofils.
Zurück-Navigation auf Detailseiten.
Ansprechpartner, Bank- und Berater-Kontakte.
Statusmeldungen im Dashboard-Header.
Aktivitäten Ihrer Banken & Berater.
Zentrierter Dialog mit dunklem Overlay und X-Button.
Mehrzeiliges Textfeld für Kommentare und Beschreibungen.
Info- und Fehlermeldungen mit Icon, Überschrift und Text.
Kompakte Zeilen für Upload-Ergebnisse, Aktivitätslog und Dokumente.
Drag & Drop Upload-Zone nach Figma-Design. Wiederverwendbar für Dokument-Uploads überall in der App.
Vollbildmodal mit Upload-Flow: Dropzone → Datei hochgeladen → Erfolg. Wiederverwendbar für alle Dokumenten-Uploads.
Kontakt-Karten, CTA-Karten und Empty-State-Einladungen.
Navigation-Header und Process-Header laut Figma.
Dunkelblaue Fußzeile mit Logo.