Fundament · die Vorlage
Die Vorlage für Kundenseiten
[★ Wert][n] Bewertungen
Sections auf Tokens, Texte aus HANDOFF.md, Prüfung per Skript statt per Modell. Jede Kundenseite ist eine Kopie dieses Repos — DESIGN.md gibt ihr Farben, Schriften und Ton.
Die Vorlage in Zahlen
- 25
- Kategorie-Ordner
- 9
- eigene Sections
- 7
- Skripte ohne Modellaufruf
- 0
- feste Farben außerhalb tokens.css
Gemessen am Repo, 06.11.2026
Woraus die Bibliothek besteht
- Astro
- Tailwind v4
- GSAP
- freedesignmd
- Cloudflare Pages
So entsteht eine Kundenseite
Fünf Schritte statt sechzig Modellaufrufe. Jeder Schritt hat eine Abnahme, die gemessen wird.
- 01
DESIGN
Schreibt DESIGN.md: Farben, Schriften, Stil, Ton, Verbote.
- 02
LEADMAGNET
Wählt einen Lead-Magnet und schreibt ihn komplett auf.
- 03
BAU
Baut alle Seiten aus dem Katalog und schreibt HANDOFF.md.
- 04
COPY
Füllt jeden Slot genau im Zeichenlimit, dazu Title und Description.
Was die Vorlage mitbringt
Alles auf Tokens, alles mit einer Abnahme, die gemessen wird statt behauptet. Die Zahlen daneben sind am Repo gezaehlt, nicht geschaetzt.
- 01
127 Sections, sortiert
16 Kategorien aus der Bibliothek, neun selbst gebaute Lückenfüller, eine aus einem Kundenbau zurückgeflossen.
- 129 im Katalog
- 02
Farben und Schriften aus einer Datei
DESIGN.md ist die einzige Gestaltungsquelle; tokens.mjs macht daraus CSS-Variablen.
- 0 feste Farben
- 03
Sieben Skripte ohne Modellaufruf
Katalog, Tokens, Material, Einsetzen, Prüfen, Screenshots, Rückfluss — alles messend, nichts ratend.
- 0,00 USD
- 04
Fünf Lead-Magnete
Rechner, Selbsttest, Checkliste, Soforttermin, Konfigurator — ein Script, fünf Logiken, Ergebnis ohne Netz.
- 5 Demoseiten
- 05
Zehn Bewegungs-Rezepte
Vier ohne Scroll, sechs scroll-gesteuert. Reduced-Motion und Mobil bekommen sofort den Endwert.
- LCP 44 ms
Gemessen am 06.11.2026 am Repo fundament.
Beleg
[★ Wert] · [n] Bewertungen
„[Zitat]"
[Name, Ort]
Die drei Pakete
Das Kontingent steht im BAU-Prompt und begrenzt, wie viele Seiten der Bau anlegt. Mehr Seiten heisst mehr Slots, nicht mehr Modellaufrufe.
basic
10 Seiten
Startseite, Leistungen, Kontakt, Impressum.
- Sections aus dem Katalog
- Lead-Magnet
- Bewegungs-Rezepte Stufe A
- Bewegungs-Rezepte Stufe B
- 3D
standard
empfohlen15 Seiten
Dazu Leistungsseiten je Thema und ein Ratgeber.
- Sections aus dem Katalog
- Lead-Magnet
- Bewegungs-Rezepte Stufe A
- Bewegungs-Rezepte Stufe B
- 3D
performance
25 Seiten
Dazu Verteilerseiten, FAQ je Thema und Galerie.
- Sections aus dem Katalog
- Lead-Magnet
- Bewegungs-Rezepte Stufe A
- Bewegungs-Rezepte Stufe B
- 3D
Die Zahlen sind das Seitenkontingent der Pakete, keine Preisangabe — Preise stehen je Kunde in der Spec.
Fragen zur Vorlage
Was ein Bau-Chat wissen muss, bevor er das erste content/pages/<slug>.json anlegt.
Woher kommen Farben und Schriften?
Aus DESIGN.md. scripts/tokens.mjs übersetzt sie nach src/styles/tokens.css. Keine Section trägt eine eigene Farbe.
Wer schreibt die Texte?
COPY, nach dem Bau, in die Slots aus HANDOFF.md. Der Bau setzt nur Platzhalter in Slot-Länge.
Was passiert mit neuen Sections?
Sie stehen in HANDOFF.md unter neue_sections und wandern nach Marcos Freigabe über scripts/rueckfluss.mjs in dieses Repo.
Was prüft pruefen.mjs?
Zeichenlimits, Fokus-Keyword in der H1, Alt-Texte, tote Links, Sitemap, JSON-LD, die Token-Regel und LCP mobil.
Kontaktwege
Der Ausgang jedes Lead-Magnets. Vier Wege, je nach dem, was in content/site.json steht.
Kein Kontaktweg in content/site.json — der Block bleibt sichtbar leer, damit es auffaellt.
In dieser Vorlage ist kein Kontaktweg gesetzt — der Block zeigt das sichtbar an.
Demoseite
Diese Seite ist der Vorgabestand
Zehn Sections, Platzhaltertexte, keine Kundendaten. Jede Kundenseite ist eine Kopie dieses Repos.