Finalize D-D0b layout standards

2026-07-03 00:25:21 +02:00
1 parent be2054274d
commit a18acf4900
@@ -0,0 +1,83 @@
+---
+kind: ticket-handoff
+project: HiveGrid Screen Project
+ticket: D-D0b
+area: Foundation / Layout Standards
+status: Fertig / Review
+repo: https://git.tool-ctrl.de/david/Hivegrid-Wireframes
+stand: 2026-07-02
+---
+
+# D-D0b Layout Standards
+
+Repo: https://git.tool-ctrl.de/david/Hivegrid-Wireframes
+
+Arbeitsbereich im Repo: [D-D0b Layout Standards](../../02%20Wireframes/D0%20Foundation/D-D0b%20Layout%20Standards/D-D0b%20Layout%20Brainstorming.md)
+
+Backlog: [D-D0b Backlog](../../02%20Wireframes/D0%20Foundation/D-D0b%20Layout%20Standards/D-D0b%20Backlog.md)
+
+Dauerhafte Standards: [Subframe UI Standards / Layout](../../04%20Standards/Subframe%20UI%20Standards/Layout/README.md)
+
+Entscheidungslog: [Subframe UI Standards / Entscheidungen](../../04%20Standards/Subframe%20UI%20Standards/02_Entscheidungen.md)
+
+HTML-Preview-Artefakt: [D-D0b Layout Preview](<Assets/D-D0b-Layout-Preview.html>)
+
+Lokale Arbeitskopie der Preview: `99 Temp/D-D0b Layout Preview/index.html`
+
+## Kurzfassung
+
+Fuer `D-D0b` wurden die grundlegenden Layout- und Composition-Standards fuer HiveGrid validiert, dokumentiert und in die dauerhaften Subframe UI Standards uebertragen.
+
+Die HTML-Preview bleibt lokal erhalten, ist aber nicht Source of Truth. Die verbindlichen Regeln stehen in den Markdown-Dateien.
+
+Eine bereinigte Kopie der Preview liegt als Ticket-Artefakt im Repo, damit sie spaeter direkt aus dem fertigen Ticket heraus referenziert werden kann.
+
+## Gemacht
+
+- 8px-basiertes Spacing-System mit erlaubten Standardwerten festgelegt.
+- Page-, Card-, Surface-, Grid- und Section-Abstaende validiert.
+- Token-aware Text-Rhythmus fuer Page-/Section-Header validiert.
+- Button-, Form-, Table- und State-Ownership abgegrenzt, damit Screen-Layouts Komponentenstandards nicht nachbauen.
+- Dialog- und Fullscreen-Dialog-Groessen validiert.
+- Dialog-interne Gaps validiert.
+- Backlog-Punkte in eigene Backlog-Datei ausgelagert.
+- Lokale Preview behalten und als lokale Referenzhilfe markiert.
+- HTML-Preview als versioniertes Ticket-Artefakt abgelegt.
+
+## Validiert
+
+- `D01 Spacing Scale`: `4, 8, 12, 16, 20, 24, 32, 40, 48, 64, 80, 96`.
+- `D02 Page/Card/Grid`: Page 24px minimum, Card/Surface 16px, Grid/Card Gap 16px, kompakt lokal 12px, Section Gap 24px.
+- `D03 Text-Rhythmus`: `0 / 24 / 0 / 12`, nur zusammen mit 150%-Texttokens fuer beschreibende Page-/Section-Texte.
+- `D04 Button Ownership`: Standardaktionen nutzen Button Default/Medium/36px; Button-Padding und Varianten kommen aus der Button-Komponente.
+- `D05 Form Layout Gap`: Komplette Field-Komponenten stehen 16px auseinander; Field-Anatomy kommt aus der Input-Komponente.
+- `D06 Table Ownership`: Tabellen-Dichte kommt aus der Table-Komponente; Carbon ist nur Referenz.
+- `D07 Dialog Sizes`: XS 420, S 560, M 720, L 1200; Fullscreen `width: calc(100vw - 48px)`, `max-width: 2512px`, `height: calc(100vh - 48px)`.
+- `D08 Dialog Internal Gaps`: Balanced mit Title/Description 8px, Field/Form Row 16px, Section 24px, Footer Button 8px.
+- `D09 States`: Empty/Error/No-Permission sind inline State-Komponenten, keine Modale.
+
+## Wichtige Arbeitsregeln fuer neue Screens
+
+- Komponenten-Defaults verwenden, wenn sie den validierten Standard bereits abbilden.
+- Padding oder Gap nicht manuell nachbauen, wenn die zuständige Komponente dafuer bereits Varianten, Props oder Auto Layout besitzt.
+- Modale in Subframe als echte Dialog-Komponenten bauen, nicht als Fake-Modal.
+- Page-/Section-Beschreibungen als 150%-Texttokens setzen, wenn sie umbrechen koennen.
+- `0px` bei D03 ist bewusst definiert und darf nicht automatisch durch 4px/8px ersetzt werden.
+
+## Backlog / Offen
+
+Nicht blockierend fuer den Handoff:
+
+- Mobile Layout Standards.
+- Drawer / Side Panel Breitenregeln.
+- Button-/Action-Semantik.
+- Error-/Result-Dialog-Komponenten.
+- No-Permission-Komponente und Table No-Permission State.
+- Fill Buttons fuer XS/S Dialoge.
+- Weitere Accessibility- und Carbon-Recherche.
+
+Details: [D-D0b Backlog](../../02%20Wireframes/D0%20Foundation/D-D0b%20Layout%20Standards/D-D0b%20Backlog.md)
+
+## Hinweis fuer Ticket-System
+
+Diese Datei ist der kompakte Handoff fuer `D-D0b`. Fuer verbindliche Regeln sind die [Subframe UI Standards / Layout](../../04%20Standards/Subframe%20UI%20Standards/Layout/README.md) massgeblich.
@@ -7,9 +7,17 @@ Dieser Bereich ist der Handoff-Index fuer Ticket-Zusammenfassungen.
 | Pfad | Zweck |
 |---|---|
 | `Fertige Tickets/` | fertige oder handofffaehige Ticket-Zusammenfassungen |
+| `Fertige Tickets/Assets/` | referenzierbare Zusatzartefakte fuer fertige Tickets, z. B. HTML-Previews |

 ## Regel

 Wenn ein Ticket fertig oder uebergabereif ist, wird eine Markdown-Datei in `Fertige Tickets/` angelegt oder aktualisiert.

 Die Detailwahrheit bleibt in den Wireframe-Paketen und im `Screen Paket Tracker`; die Ticket-Datei ist der kompakte Handoff-Index.
+
+## Fertige Tickets
+
+| Ticket | Datei |
+|---|---|
+| D-P2 | [D-P2 Auth Wireframes](<Fertige Tickets/D-P2 Auth Wireframes.md>) |
+| D-D0b | [D-D0b Layout Standards](<Fertige Tickets/D-D0b Layout Standards.md>) |