GlassKit Web v1.0.0
🇬🇧 EN
Astro 5 20 Sektionen B2C + B2B Zweisprachig

Komplette Websites mit
Glassmorphismus

Das offizielle Website-Template für die GlassKit-Designsprache – gebaut von der Jungherz GmbH. Eine Codebasis, die B2C- und B2B-Zielgruppen anspricht, zweisprachig ab Werk, mit SEO, No-JS-Fallbacks und einer Playwright-Smoke-Suite als Deploy-Gate.

Live-Demo Dokumentation GitHub
Im Einsatz
MonaOffice MonaHilft MonaCore Wimmer Service JUNGHERZ
Eine Codebasis, zwei Zielgruppen
Ein Umschalter wechselt Copy, Tonalität (Du/Sie), Preise und Testimonials zwischen Privat- und Geschäftskunden – dieselbe Designsprache, zwei Ansprachen.
20 komponierbare Sektionen
Vom Hero über Preise bis zum Kontaktformular: komponieren, was das Projekt braucht, Rest löschen. Visualisierungen werden aus DOM/SVG gebaut, nie gescreenshottet.
SEO, i18n & Tests eingebaut
Canonical, hreflang, Sitemap, RSS, strukturierte Daten – plus eine Playwright-Smoke-Suite, die jeden kaputten Deploy blockiert.
KI-ready
Maschinenlesbare SKILL.md plus llms.txt: Repo-URL an den KI-Assistenten geben und die neue Website nach den Rezepten ableiten lassen.
Sektions-Katalog

Jede Sektion live in der Demo.

Die fiktive Marke LUMEN zeigt den kompletten Katalog im Einsatz. Jeder Chip springt direkt zur Sektion in der Live-Demo – Glassmorphismus funktioniert nur auf einer echten Seite, deshalb gibt es hier keine Screenshots.

Hero Features Bento Process Flow Showcase Cases Team Pricing FAQ Kontaktformular Blog (Opt-in) Editorial-Hero Logo-Strip Stats Quote CTA-Banner Rechtsseiten

Sektionen ohne Link sind Alternativen oder Opt-ins ohne eigenen Anker – der Katalog in der Doku listet alle.

Die GlassKit-Familie

Drei Schichten, eine Designsprache.

CSS-Fundament
GlassKit
Die Designsprache: 24 Pure-CSS-Glassmorphism-Komponenten, Design-Tokens, Dark & Light – ohne Abhängigkeiten.
 App-Schicht
GlassKit Elements
29 Vanilla-Web-Components mit Shadow DOM und nativer Formular-Integration – GlassKit für Anwendungs-UIs.
Website-Schicht · du bist hier
GlassKit Web
Das Astro-Template für komplette Marketing-Websites – Sektionen, i18n, SEO und Tests auf dem GlassKit-Fundament.
Quick Start

Vom Template zur ersten Seite in Minuten.

# Neues Projekt aus dem Template aufsetzen
npm create astro@latest meine-site -- --template JUNGHERZ/GlassKit-Web
cd meine-site
npm install
npm run dev

Oder auf GitHub auf „Use this template" klicken – danach dem Rezept in der SKILL.md folgen, oder die Datei dem KI-Assistenten geben und das Ableiten ihm überlassen — der fertige Prompt steht in der Doku.