Kern-KonzeptEine Wahrheit: Manifest & Registry Definition ≠ Instanz Framework vs. Konsumenten Das Ebenen-Modell Targets & Render-Backends Sicherheitsmodell Streng bauen, tolerant rendern

Die SchichtenDer Katalog Foundations: Design-Tokens Das Raster (12 Spalten)Layouts (layout.*)UI Elements (ui.*)Components (component.*)Blocks (section.*)Templates (template.*)Surfaces — die Konsumenten-Ebene

FunktionsweiseRendering-Pipeline Runtime, Events & Actions Responsive: drei Ebenen

LayoutsLayout5

UI ElementsAI1 Aktionen3 Commerce4 Formulare8 Inhalt16 Status7

ComponentsAI17 Aktionen2 Commerce4 Daten14 Desktop2 Formulare13 Inhalt11 Navigation13 Overlay7 Status5

BlocksCommerce2 Einstieg4 Inhalt7 Konversion4 Struktur3 Vertrauen6

TemplatesApplication2 Commerce2 E-Mail1 Website1

Invisible Docs

Esc

EinstiegWas ist Invisible?Die zwei Türen: wie wird es genutzt?Der Einführungs-FahrplanKern-KonzeptEine Wahrheit: Manifest & RegistryFramework vs. KonsumentenDas Ebenen-ModellTargets & Render-BackendsSicherheitsmodellDie SchichtenFoundations: Design-TokensDas Raster (12 Spalten)Components (component.*)Surfaces — die Konsumenten-EbeneFunktionsweiseRendering-PipelineRuntime, Events & ActionsResponsive: drei EbenenKatalog-KategorienKatalog: LayoutsKatalog: UI ElementsKatalog: ComponentsKatalog: BlocksKatalog: TemplatesKeine Treffer

Galerie Tokens

Dokumentation UI-Kit-Galerie Token-Browser Release (ZIP)

EinstiegWas ist Invisible?Die zwei Türen: wie wird es genutzt?Der Einführungs-Fahrplan

Kern-KonzeptEine Wahrheit: Manifest & Registry Definition ≠ Instanz Framework vs. Konsumenten Das Ebenen-Modell Targets & Render-Backends Sicherheitsmodell Streng bauen, tolerant rendern

FunktionsweiseRendering-Pipeline Runtime, Events & Actions Responsive: drei Ebenen

LayoutsLayout5

UI ElementsAI1 Aktionen3 Commerce4 Formulare8 Inhalt16 Status7

ComponentsAI17 Aktionen2 Commerce4 Daten14 Desktop2 Formulare13 Inhalt11 Navigation13 Overlay7 Status5

BlocksCommerce2 Einstieg4 Inhalt7 Konversion4 Struktur3 Vertrauen6

TemplatesApplication2 Commerce2 E-Mail1 Website1

Commerce — Blocks

2 Definitionen in dieser Kategorie — live aus der Registry, Karten führen zur Detailseite.

Produkt-Bühne (PDP-Kopf)

Der Kopf der Produktdetailseite: Produkt-Galerie | Kaufbox (Titel, Sterne, Preis, Varianten-Picker, Mengen-Stepper, Warenkorb-CTA mit cart-Event, Trust-Punkte)

section.product-stage

Produkt-Grid

Responsives Grid aus Produkt-Karten (auto-fill) mit optionalem Sektions-Kopf — für Empfehlungen, Kategorien, Suchergebnisse

section.product-grid

Invisible Minidocs — ein eigener Konsument über Tür 1: Inhalte als PHP-Daten, Oberfläche aus Framework-Bausteinen, null eigenes CSS. Layout-Vorbild: Tailwind Plus „Syntax".