---
name: white-space-asymmetry
description: Nutzt gezielte, ungleiche Freiräume, um Exklusivität zu erzeugen und das Auge des Nutzers millimetergenau zu steuern.
---

# White Space Asymmetry Guidelines

*   **Die 60-40-Regel:** Vermeidung von perfekten 50/50-Aufteilungen bei Text und Bild. Einbindung von asymmetrischen Spaltenlayouts (z.B. `grid-cols-5` mit einer `col-span-3` für Content und `col-span-2` für puren Leerraum).
*   **"Atem-Pausen":** Mut zum bewussten "Leerraum-Monolithen". Das bedeutet: Sektionen, die absichtlich nur ein einziges, kleines UI-Element (z.B. ein glänzendes Gütesiegel) inmitten von viel dunklem Freiraum (`py-32` or `py-48`) inszenieren.