Layoutsystem

Zahlenpalette für das Padding

0, 10, 20, 40, 80, 160, ggf. zusätzlich 320 Pixel

Jeder Abschnitt erhält rechts und links jeweils 20 px Padding.
Jede Spalte erhält rundherum (oben, unten, links, rechts) 20 px Padding.
Das Abschnitts-Padding für oben und unten kannst du frei aus der oben aufgeführten Zahlenpalette wählen.
Grenze die Abschnitte visuell voneinander ab. Am einfachsten indem du eine andere Hintergrundfarbe aus deiner Farbpalette wählst. Achtung: erzeuge keinen Zebra-Effekt, indem du ständig zwischen einem hellen und einem dunklen Hintergrund wechselst.
Setze für die Spaltenbreite immer ein mehrfaches von Dritteln oder Vierteln.

Innere Abschnitte erhalten rechts und links 0 px Padding.
Eine Spalte, die einen inneren Abschnitt enthält, wird mit 0 px rundherum (oben, unten, links, rechts) versehen.
Erstellst du in einem Abschnitt einen inneren Abschnitt, werden alle Widgets (Elemente) in diesem Abschnitt in innere Abschnitte gesetzt.