Zum Inhalt
Fundament

Die Vorlage für Kundenseiten

Sections auf Tokens, Texte aus HANDOFF.md, Prüfung per Skript. Jede Kundenseite ist eine Kopie dieses Repos — DESIGN.md gibt ihr Farben, Schriften und Ton.

Cart (0)

Release No. 14/Out 11.11.2026

wght500x0.50auto

01Family
Brume Grotesk
02Styles
18, nine weights with italics
03Axes
wght 100 to 900, opsz 8 to 144
04Glyphs
1,214 per style
05Scripts
Latin, Cyrillic, Greek, 219 languages
06Drawn by
Ines Vogt, Basel, 2023 to 2026

Brume Grotesk Book, 32/36Fog lifts off the Rhine at 07:40; the 8 tram to Kleinhüningen is quietly, reliably late.

Family from CHF 480
Desktop, web and app licences

Buy the familyFree trial fonts

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.

  1. 01

    DESIGN

    Schreibt DESIGN.md: Farben, Schriften, Stil, Ton, Verbote.

  2. 02

    LEADMAGNET

    Wählt einen Lead-Magnet und schreibt ihn komplett auf.

  3. 03

    BAU

    Baut alle Seiten aus dem Katalog und schreibt HANDOFF.md.

  4. 04

    COPY

    Füllt jeden Slot genau im Zeichenlimit, dazu Title und Description.

Beleg

[★ Wert] · [n] Bewertungen

„[Zitat]"

[Name, Ort]

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

Sechs Sections, Platzhaltertexte, keine Kundendaten. Jede Kundenseite ist eine Kopie dieses Repos.

Katalog ansehenkatalog.json im Repo