e3bd562d4e
All checks were successful
Production Build & Deploy / build-and-deploy (push) Successful in 25s
10 lines
680 B
Markdown
10 lines
680 B
Markdown
---
|
|
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.
|