e3bd562d4e
All checks were successful
Production Build & Deploy / build-and-deploy (push) Successful in 25s
883 B
883 B
name, description
| name | description |
|---|---|
| micro-layout-breakers | Verhindert visuelle Ermüdung (Scroll-Fatigue) durch das gezielte Einstreuen von Rhythmusbrechern innerhalb einer einzelnen Seite. |
Micro Layout Breakers Guidelines
- Der Text-Slam: Nach einer bildreichen Sektion folgt eine reine, riesige Text-Sektion (z.B. ein dreizeiliges Kundenversprechen in 4xl-Schriftgröße), die 100% der Bildschirmbreite einnimmt und maximalen Kontrast erzeugt.
- Das "Infinite Ribbon": Einbindung von unendlichen, leicht schräg gestellten Text-Ticker-Bändern (CSS-Marquees), die flüssig durch das Layout laufen und starre Sektionsgrenzen physisch durchbrechen.
- Element-Überlappung (Negative Margins): Bilder oder Bento-Cards ragen aus ihrer eigentlichen Sektion heraus und rücken bis zu 50px in die obere oder untere Sektion vor (
-mt-12), um starre Trennlinien zu eliminieren.