Überblick
Der Guide ist in mehrere Unterseiten gegliedert
So kann die Grafik gezielt einzelne Themen nachschlagen, statt durch ein langes Einzeldokument zu scrollen.
Grid
12-Spalten-System, Breakpoints, Containerbreiten und erlaubte Layoutmodule.
Responsive
Verbindliche Presets für 2-, 3- und 4-Spalten-Module.
Container-Optionen
Breite, Hintergrund, Abstand, Spaltenabstand, Ausrichtung und Anchor.
Figma-Setup
Pages, Sections, Frame-Logik, Benennung und Layout-Grids.
Handoff
Checklisten und Übergabeformat für Frontend und TYPO3.
Kurzfassung
Was für die Grafik verbindlich ist
Es wird immer auf dem freigegebenen 12-Spalten-Grid gestaltet.
Es werden nur die freigegebenen Container-Layouts verwendet.
Responsive Verhalten läuft über Presets, nicht über freie Breakpoints.
Container-Einstellungen wie Breite, Hintergrund und Abstand werden im Layout mitgedacht.
Figma-Struktur soll die spätere TYPO3-/Frontend-Umsetzung bereits spiegeln.
Für jede Sektion gibt es beim Handoff eine kurze Spezifikation.