Daniel/ndsolutionswebsite
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add layout archetype and typography skills
All checks were successful
Production Build & Deploy / build-and-deploy (push) Successful in 25s
Details

Browse Source
This commit is contained in:
DanielS
2026-07-07 00:37:30 +02:00
parent 3e7ab96567
commit e3bd562d4e
4 changed files with 39 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
.agents/skills/white-space-asymmetry/SKILL.md Normal file
View File

@@ -0,0 +1,9 @@
---
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.