X-Large · 48 / 20 px
Großzügiger Landing-Page-Inhalt auf breiten Screens.
Content Slot
Leadity Komponentenreferenz
Cards und Header Cards
Die Base-Card-Größenmatrix und die gemeinsame Page-Header-Schale für Modulübersicht, Bearbeitungsübersicht und Modul-Unterseite. Eingebettete Paket-5-Komponenten bleiben klar bezeichnete Slots.
cards-and-header-cards.css
Base Card · Größen
Die Größe ist eine explizite Komponentenwahl und verändert sich nicht automatisch mit der Viewportbreite.
Weiß · shadow-default · content-driven
Large · 32 / 20 px
Seiten-, Header-, Filter- und große Content-Flächen.
Content Slot
Medium · 24 / 12 px
Kompakte Spalten, beispielsweise innerhalb eines Modals.
Content Slot
Small · 16 / 8 px
Kleine Unterelemente mit begrenztem Inhalt.
Content Slot
Overview Page Header Card
Orientierung und Modulstart links; Illustration und berechtigte Personen in der optionalen Right Zone.
Figma 7801:29027
Übersicht
Das Modul bündelt Kennzahlen, Aufgaben und Auswertungen für das Nachhaltigkeitscontrolling. Berechtigte Personen erhalten hier einen gemeinsamen Einstieg in die Bearbeitung.
Task Page Header Card
Arbeitsaktionen und Quicklinks bleiben links. Der filterabhängige Bearbeitungsstatus belegt die optionale Right Zone.
Figma 6385:8510
KPI-Erhebung
Hier verwalten Sie die zu berichtenden Kennzahlen, vergeben Bearbeitungs- und Prüfrechte und erfassen aktuelle Werte.
Subpage Header Card
Tiefe Navigation und kompakte Metadaten ohne leere Right Zone oder verwaisten Divider.
Figma 10405:13768
Emissionen bis 2030 reduzieren
Kompositionsgrenzen
Paket 4 definiert Schale, Slots und responsives Verhalten. Eingebettete Komponenten behalten ihre eigenen Verträge.
Bereits freigegeben
Breadcrumbs, Buttons und Quicklinks werden unverändert aus Paket 2 und 3 übernommen.
Paket 5
Chips, Avatare, Verantwortlichkeit und Progress Bars bleiben bis zur nächsten Prüfung klar abgegrenzte Slots.
Keine künstliche Höhe
Alle Cards folgen dem Inhalt. Figma-Höhen bleiben Prüfwerte einzelner Instanzen.
Komponentenreferenz bereit.