Blueprints on Liftoff

SaaS-Landingpage

Mon, 01 Jan 0001 00:00:00 +0000

Die häufigste Produktseite: überzeugen, belegen, bepreisen, abschließen. Kopiere Front Matter und Body nach content/_index.md und ersetze die Beispieltexte durch deine eigenen.

Front Matter

Der Hero wird konfiguriert, nicht geschrieben. Alles darunter ist Markdown.

 yaml
 
 
---
title: "Acme"
description: "Der erste Workflow läuft in fünf Minuten."
hero:
 title: "Automatisiere die langweilige Hälfte"
 titleAccent: "deiner Deployments."
 subtitle: "Eine Konfigurationsdatei. Keine Agents zu installieren."
 highlights:
 - icon: "mdi:lightning-bolt-outline"
 label: "Ohne Ausfall"
 - icon: "mdi:lock-outline"
 label: "SOC 2"
 primary:
 label: "Kostenlos starten"
 url: "/signup"
 secondary:
 label: "Zur Doku"
 url: "/docs"
 code:
 language: yaml
 content: |
 deploy:
 target: production
 strategy: rolling
---

Body

 markdown
 
 
{{< section >}}
## Alles, was zum Ausliefern fehlt

{{< feature-grid >}}
 {{< feature-card title="Rollbacks" icon="mdi:backup-restore" >}}
 Ein Befehl zurück zum letzten funktionierenden Release.
 {{< /feature-card >}}
 {{< feature-card title="Audit-Log" icon="mdi:history" >}}
 Jede Änderung nachvollziehbar, exportierbar als JSON.
 {{< /feature-card >}}
 {{< feature-card title="Secrets" icon="mdi:key-outline" >}}
 Verschlüsselt gespeichert, zur Laufzeit eingespielt.
 {{< /feature-card >}}
{{< /feature-grid >}}
{{< /section >}}

{{< section width="narrow" >}}
## Passt zu deinem Stack

{{< icon-grid data="integrations" >}}
{{< /section >}}

{{< section >}}
## Preise

{{< pricing data="editions" >}}
{{< /section >}}

{{< section width="narrow" >}}
{{< testimonial author="Jana Dohm" role="VP Engineering, Northwind" >}}
Drei interne Tools sind dafür rausgeflogen, und seitdem denkt hier
niemand mehr über Deployments nach.

metrics:
- 80% weniger Deploy-Zeit
- 40+ Teams angebunden
{{< /testimonial >}}
{{< /section >}}

{{< cta title="Bereit für schnellere Releases?" primary="Kostenlos starten|/signup" secondary="Vertrieb kontaktieren|/contact" >}}
Ohne Kreditkarte. Jederzeit kündbar.
{{< /cta >}}

Was du anpassen musst

Baustein	Ersetzen durch
`hero.code.content`	Deine echte Konfiguration oder dein CLI-Aufruf
`feature-card`	Drei bis sechs Karten, je ein Nutzen
`data/integrations.yaml`	Die Tools, die deine Kundschaft ohnehin nutzt
`data/editions.yaml`	Zwei bis drei Pläne, einer als `featured`

Open-Source-Projektseite

Mon, 01 Jan 0001 00:00:00 +0000

Eine Open-Source-Projektseite hat eine Aufgabe: von “was ist das?” zur laufenden Installation, bevor das Interesse kippt. Alles, was dem nicht dient, fliegt raus.

Front Matter

Der Installationsbefehl gehört in den Hero. Er ist der meistkopierte Text der ganzen Seite.

 yaml
 
 
---
title: "Widget"
description: "Ein Task-Runner als einzelne Binary, für kleine Teams."
hero:
 title: "Tasks ausführen ohne"
 titleAccent: "den YAML-Wildwuchs."
 subtitle: "Eine Binary, keine Laufzeitumgebung, MIT-Lizenz."
 highlights:
 - icon: "mdi:package-variant-closed"
 label: "Eine Binary"
 - icon: "mdi:scale-balance"
 label: "MIT"
 primary:
 label: "Loslegen"
 url: "/docs/installation"
 secondary:
 label: "Quellcode"
 url: "https://codeberg.org/you/widget"
 code:
 tabs:
 - name: "macOS"
 icon: "simple-icons:apple"
 language: bash
 content: |
 brew install widget
 - name: "Linux"
 icon: "simple-icons:linux"
 language: bash
 content: |
 curl -sSf https://widget.dev/install.sh | sh
---

Body

 markdown
 
 
{{< section >}}
## Was es macht

{{< feature-grid >}}
 {{< feature-card title="Kein Daemon" icon="mdi:power-plug-off-outline" >}}
 Läuft und beendet sich. Nichts bleibt auf dem Rechner zurück.
 {{< /feature-card >}}
 {{< feature-card title="Lesbare Konfiguration" icon="mdi:file-document-outline" >}}
 Zwanzig Zeilen TOML statt zweihundert Zeilen YAML.
 {{< /feature-card >}}
 {{< feature-card title="Doku" icon="mdi:book-open-page-variant" url="/docs" >}}
 Jedes Flag dokumentiert, mit Beispielen.
 {{< /feature-card >}}
{{< /feature-grid >}}
{{< /section >}}

{{< section width="narrow" >}}
## Ausprobieren

{{< steps >}}
 {{< step number="1" title="Installieren" >}}
 Plattform oben auswählen.
 {{< /step >}}
 {{< step number="2" title="Einrichten" >}}
 `widget init` im Projektverzeichnis ausführen.
 {{< /step >}}
 {{< step number="3" title="Ausführen" >}}
 `widget run build` starten und sauber beenden lassen.
 {{< /step >}}
{{< /steps >}}
{{< /section >}}

{{< cta title="Etwas hakt?" primary="Good First Issues|https://codeberg.org/you/widget/issues" secondary="Leitfaden zum Mitmachen|/docs/contributing" >}}
Auch ein Bugreport ist ein Beitrag.
{{< /cta >}}

Reine Doku-Seite

Mon, 01 Jan 0001 00:00:00 +0000

Manche Projekte sind ihre Dokumentation. Die Startseite existiert dann nur, um in die Doku zu führen, alles Übrige aus dem Theme fliegt raus.

Front Matter

Ein knapper Hero, kein Codeblock. Die Startseite ist ein Wegweiser, kein Verkaufsgespräch.

 yaml
 
 
---
title: "Widget Handbuch"
description: "Alles, was Widget kann, an einer Stelle."
hero:
 title: "Das vollständige"
 titleAccent: "Widget-Handbuch."
 subtitle: "Installieren, konfigurieren, erweitern. Aktuell zu jedem Release."
 primary:
 label: "Loslesen"
 url: "/docs/installation"
 secondary:
 label: "Quellcode"
 url: "https://codeberg.org/you/widget"
---

Body

 markdown
 
 
{{< section width="narrow" >}}
{{< feature-grid >}}
 {{< feature-card title="Installieren" icon="mdi:download-outline" url="/docs/installation" >}}
 Paketmanager, Binaries und der Weg über den Quellcode.
 {{< /feature-card >}}
 {{< feature-card title="Konfigurieren" icon="mdi:cog-outline" url="/docs/configuration" >}}
 Jede Option, mit Standardwert und Beispiel.
 {{< /feature-card >}}
 {{< feature-card title="Erweitern" icon="mdi:puzzle-outline" url="/docs/plugins" >}}
 Ein Plugin in ungefähr dreißig Zeilen.
 {{< /feature-card >}}
{{< /feature-grid >}}
{{< /section >}}

Die anderen Bereiche entfernen

Einen Inhaltsordner zu löschen ist nur die halbe Miete. Die Menüeinträge überleben und werden zu toten Links, also müssen sie mit weg.

Öffentliches Changelog

Mon, 01 Jan 0001 00:00:00 +0000

Ein Changelog ist das Artikel-Layout mit anderem Vokabular: eine Seite pro Release, neueste zuerst, verschlagwortet nach Art der Änderung. Gib ihm einen eigenen Bereich, damit deine Texte davon getrennt bleiben.

Front Matter des Bereichs

Lege content/releases/_index.md an. Das Artikel-Layout lässt sich über einen gleichnamigen Ordner in deinem layouts/ wiederverwenden. Wer keinen Blog hat, lässt die Inhalte einfach unter content/articles/.

 yaml
 
 
---
title: "Releases"
description: "Jede Änderung an Widget, neueste zuerst."
hero:
 title: "Was sich geändert hat,"
 titleAccent: "und wann."
 subtitle: "Alle Releases seit 1.0, mit Hinweisen zum Umstieg."
 highlights:
 - icon: "mdi:tag-outline"
 label: "Semantic Versioning"
 - icon: "mdi:rss"
 label: "RSS-Feed"
---

Eine Seite pro Release

Benenne die Datei nach der Version. Das Datum steuert die Reihenfolge, die Tags steuern die Filterung.