1. Docs
2. Guides
3. Landing in 15 Min.

Landing in 15 Minuten 1.2.2

Erstellen Sie eine validierte Marketing-Seite mit create landing, prüfen Sie sie per serve in der Vorschau und setzen Sie strikte Blueprints für die Bausteine ein. English · Lite CSS

Schritte

1. Installieren Sie das npm-Paket oder kopieren Sie dist/ nach vendor/velinstyle (Windows: Die CLI nutzt pathToFileURL für Config-Imports).
2. velinstyle create landing ./meine-landing --theme earth
3. velinstyle serve ./meine-landing (Port 4173)
4. Komponieren Sie die Seite mit blueprint split-hero --strict, pricing-band, cookie-consent und empty-state.
5. Führen Sie velinstyle doctor und anschließend velinstyle review ./meine-landing/index.html aus.

Rezepte (nur vorhandene Klassen)

• Cookie, Empty-State und Pricing: Blueprints verwenden, keine neuen Web Components erfinden.
• App-Chrome und Ops-Konsole: vorhandene Muster app-chrome und ops-console einsetzen.
• Generatoren mit blueprint --strict und npm run check:blueprints absichern.

Skills

velinstyle skills show <id> --human gibt Markdown aus. Blueprints dürfen nur CSS-Klassen erzeugen, die tatsächlich existieren.