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

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

View File

@@ -0,0 +1,11 @@
---
name: layout-archetype-matrix
description: Bento-grid layout rules (Non-Linear Layouts, Content-Mix Rule, Visual Anchor).
---
# Layout Archetype Matrix Guidelines
* **Typ A: Das "Asymmetrische Bento"** (Strikte mathematische Ordnung, ungleiche Kachelgrößen, ideal für daten- und featurelastige Dienstleister).
* **Typ B: Das "Split-Screen & Monolith"-Layout** (Vertikal zweigeteilter Viewport: Eine Bildschirmhälfte bleibt fixiert kleben [z.B. Hero-Statement], während die andere Hälfte hochauflösenden, einspaltigen Content scrollt. Ideal für Premium-Handwerk).
* **Typ C: Das "Magazin-Raster"** (Große, fette Typografie bricht aus dem Raster aus, Text überlappt Bilder dezent, starker Einsatz von Whitespace, unkonventionelle Spalten-Pfade. Perfekt für moderne Architekten/Planer).
* **Typ D: Das "Zentralisierte Fokus-Layout"** (Ein dominierendes, interaktives Kernelement in der Bildschirmmitte [z.B. ein konfigurierbarer 3D-Rechner oder Live-Preiskalkulator], um das herum sich die Navigations- und Vertrauens-Elemente radial oder minimalistisch anordnen).