Willkommen im Canvas Design Showcase
Diese Seite zeigt alle 17 Core-Blocks mit der aktiven Site Design Direction "Editorial Calm".
Über diese Seite
Die Direction "Editorial Calm" setzt auf großzügigen Weißraum (spacing: 2xl), sanfte Bewegung (fadeUp, 700ms) und bevorzugt die Patterns spaciousEditorial, quietEditorial und proofBand. Alle Blocks dieser Seite folgen dieser Vorgabe.
Feature List
Klarheit durch Struktur
Jeder Inhalt bekommt genug Raum, um zu wirken.
Zurückhaltende Akzente
Farbe wird gezielt eingesetzt, nie dekorativ.
Lesbare Typografie
Editorial-Schriften schaffen Vertrauen und Tiefe.
Media Split
Schritte
Direction wählen
Die Site Design Direction legt den gestalterischen Grundton für die gesamte Website fest.
Blocks konfektionieren
Blocks erben Direction-Defaults; eigene Pattern-Overrides verfeinern einzelne Sektionen.
Validierung
Der Builder-Validator warnt bei Patterns, die der aktiven Direction widersprechen.
Zahlen & Fakten
20
Core-Blocks
6
Visual Patterns
47
MCP-Tools
5
Direction-Tools
Icon Cards
Editorial
Ruhige, kuratierte Ästhetik für anspruchsvolle Inhalte.
Konsistent
Direction-Defaults greifen auf alle Blocks gleichzeitig.
Flexibel
Overrides erlauben Ausnahmen ohne den Grundton zu brechen.
Testimonials
"Die Site Design Direction macht den Unterschied zwischen einem zufälligen und einem gestimmten Design."
Anna Muster
Design Lead, Quandes
"Endlich ein System, das Konsistenz und Flexibilität gleichzeitig ermöglicht."
Max Beispiel
Frontend-Entwickler
Gutes Design ist so wenig Design wie möglich.
Produktdesigner
FAQ
Eine Site Design Direction ist ein globaler Gestaltungsparameter, der Spacing-Charakter, Motion-Charakter und Pattern-Präferenzen für die gesamte Website festlegt.
Visual Patterns sind Block-Level-Presets (Design + Motion für einen einzelnen Block). Die Direction ist eine übergeordnete Site-Schicht, die Defaults setzt, die Patterns überschreiben können.
Timeline
Phase 0b: Registry & Contracts
20 Block-Contracts, 6 Visual Patterns, lokal und remote synchron.
Phase 0c: Site Design Direction
Direction-Schema, Payload-Global, Resolver-Layer, 5 MCP-Tools.
Phase 4: Composition Patterns
Macro-Funktionen heroWithProof, featureCluster, ctaWithFaq – geplant.
Aktuelles
No entries found.
Verwandte Inhalte
No entries available.