feat: add layout archetype and typography skills
All checks were successful
Production Build & Deploy / build-and-deploy (push) Successful in 25s
All checks were successful
Production Build & Deploy / build-and-deploy (push) Successful in 25s
This commit is contained in:
11
.agents/skills/layout-archetype-matrix/SKILL.md
Normal file
11
.agents/skills/layout-archetype-matrix/SKILL.md
Normal 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).
|
||||
Reference in New Issue
Block a user