10×
Schneller von Idee zu Launch
Komponiere komplette Seiten aus typsicheren Blöcken statt jede Sektion neu zu bauen. Vorschau, Code-Export und Theming inklusive.
Lattice Design System
Landing Pages, die konvertieren — block für block.
Baue professionelle Seiten aus typsicheren, wiederverwendbaren Sektionen. Ohne Datenbank, voll im Repo, sofort in der Galerie visualisiert.
Im Einsatz bei Teams, die liefern
Northwind
Aether
Quanta
Helios
Vertex
Lumen
Cobalt
Monolith
Plattform
Eine Grundlage, die mitwächst
Modulare Bausteine, die sich zu jeder Seite kombinieren lassen — ohne dass die Konsistenz leidet.
Typsicher by Design
Discriminated Unions fangen falsch verdrahtete Blöcke schon im Build ab.
Token-getrieben
Ein Theme-Wechsel zieht sich automatisch durch alle Sektionen.
Frei komponierbar
Seiten sind nur ein Array aus Blöcken — neu sortieren, austauschen, fertig.
< 1s
Statisch ausgeliefert
Server Components by default, Client-JS nur wo nötig.
Workflow
Inhalt und Darstellung sauber getrennt
Der Content-Layer kennt kein JSX, die Sektionen kennen keine Daten. Das hält beides unabhängig wartbar und macht Redesigns risikoarm — genau das, was du hier gerade siehst.
In Zahlen
Zahlen, die überzeugen
- Sektions-Typen
- 0
- Design-Sprachen
- 0
- Typsicher
- 0%
- Statisch generiert
- < 0s
Sektions-Typen
Design-Sprachen
Typsicher
Statisch generiert
Workflow
In vier Schritten zur fertigen Seite
Von der leeren Datei bis zur ausgelieferten Landing Page.
- 01
Blöcke wählen
Stelle deine Seite aus der kuratierten Bibliothek zusammen — Block für Block.
- 02
Inhalt füllen
Pflege Texte und Medien als typisierte Daten. Kein JSX, keine Datenbank.
- 03
Sprache wählen
Akzent und Design-Sprache pro Seite setzen — die ganze Seite reformt sich automatisch.
- 04
Ausliefern
Statisch generiert und versioniert im Repo. Ein Commit, ein Deploy.
Tokens
Dark Mode ohne Zusatzaufwand
Alle Sektionen nutzen ausschließlich semantische OKLCH-Tokens. Ein Theme-, Akzent- oder Design-Sprach-Wechsel funktioniert dadurch automatisch — kein einziges dark:-Suffix nötig, über jede Seite hinweg.
Stimmen
Das sagen Teams
Vergleich
Warum ein Block-System statt Copy-Paste
Der Unterschied zwischen wartbaren Seiten und wachsendem Wildwuchs.
| Funktion | EmpfohlenBlock-System | Copy-Paste | Page-Builder |
|---|---|---|---|
| Typsicherheit beim Build | |||
| Konsistentes Theming | |||
| Versioniert im Repo | |||
| Code-Export | |||
| Wartungsaufwand | Gering | Hoch | Mittel |
| Lock-in | Keiner | Keiner | Hoch |
Preise
Transparente Preise
Wähle den Umfang, der zu deinem Projekt passt.
Start
Für erste Experimente.
0 €/ Monat
- Alle Basis-Blöcke
- Light & Dark Mode
- Community-Support
Pro
BeliebtFür produktive Teams.
29 €/ Monat
- Alle Blöcke & Varianten
- Alle Design-Sprachen
- Priorisierter Support
Enterprise
Für große Organisationen.
Individuell
- Eigene Blöcke
- Design-Token-Audit
- SLA & Onboarding
FAQ
Häufige Fragen
Bereit, deine nächste Landing Page zu bauen?
Starte mit der Block-Bibliothek und sieh das Ergebnis sofort in der Galerie.