# AI Website Template Novardt

> Der dunkle Studio-Auftritt, der Ergebnisse verkauft.

Novardt ist das Template für Agenturen, Studios und Freelancer. Neun Seiten auf dunkler Bühne: Aurora-Canvas im Hero, Bento-Leistungen, Beispiel-Cases mit Metriken, drei Preis-Pakete mit Care-Plan und ein Prozess mit festen Phasen. Per Chat wird daraus dein Studio.

- Preis: 99 € einmalig, inkl. MwSt.
- Branche: Agentur & Dienstleistung
- Seite: https://ai-website.com/de/templates/novardt
- Demo-Identitaet (fiktiv): novardt.de

## Enthaltene Seiten

- Start
- Leistungen als Bento
- Projekte mit Beispiel-Cases
- Über uns mit Team & Timeline
- Preise mit 3 Paketen & Care-Plan
- Kontakt mit FAQ
- Impressum & Datenschutz als Platzhalter
- 404

## Umfang

- 9 Seiten
- Dunkles Design mit Aurora-Canvas
- 3 Preis-Pakete plus Care-Plan
- Astro + Tailwind + GSAP

## Gestaltung

- Farben: Nacht #07070d, Aqua #3ddad0, Teal #17968f, Mint #b8f2e6
- Headline-Schrift: Archivo, schwarz gesetzt und auf 88 Prozent Breite gezogen, mit dem Akzentwort als Vollton
- Textschrift: Inter trägt Fließtext, Navigation und Knöpfe. Zwei Familien, beide lokal gebündelt

## Gedacht fuer

- Webdesign-Studios und kleine Agenturen mit festen Paketen
- Freelancer, die wie ein Studio auftreten und Preise offen zeigen wollen
- Entwickler und Designer, die Projekte mit Metriken statt Behauptungen verkaufen
- Teams, die Wartung und Betreuung als wiederkehrendes Angebot anbieten

## Nicht gedacht fuer

- Shops und alles mit Warenkorb, Login oder Bezahlstrecke
- Helle Berater-Auftritte mit Personenmarke, dafür gibt es Kursfeld
- Programm- und Kurs-Verkaufsseiten, dafür gibt es Velling

## Was im Paket liegt

- `src/data/site.ts`: Die eine Inhaltsquelle. Leistungen, Preise, Cases, Team, Prozess und FAQs als Datenstruktur
- `src/pages/`: Neun Seiten, die nur aus der Datenquelle lesen. Neue Leistungen und Pakete entstehen als Array-Eintrag
- `src/styles/global.css`: Alle Tokens im @theme-Block: dunkle Bühne, eine Aqua-Familie, Linien und Karten. Ein Markenwechsel ist eine Token-Änderung
- `src/layouts/Layout.astro`: SEO-Kopf mit ProfessionalService-Schema plus das komplette Animationssystem aus GSAP und Lenis
- `styleguide.html`: Der Styleguide im Browser. Farbwelt, Akzentschrift, Buttons, Karten und Glow-Orbs
- `CLAUDE.md`: Die Guideline. Wie Novardt denkt, gestaltet und schreibt, inklusive der Referenz-Regeln
- `Wissen/ + .claude/skills/`: Vier Wissens-Dateien und sieben Skills, von Start bis Qualitätsprüfung
- `BILDNACHWEIS.md`: Alle Motive mit Quellen und Ersetzungsregeln, inklusive der Team-Foto-Pflicht vor dem Livegang

## FAQ

**Was brauche ich, um mit dem Template zu arbeiten?**

Node und idealerweise Claude Code. Einmal npm install, dann npm run dev für die Vorschau und npm run build für die fertige Seite. Das Ergebnis ist statisches HTML, das jeder Webspace ausliefert.

**Das Studio ist erfunden. Was heißt das für mich?**

Novardt, das Team, alle Zahlen und die sechs Beispiel-Cases sind Platzhalter und im Template als solche markiert. Der Skill Template-Aufbau führt durch den Umbau auf dein echtes Studio, inklusive Null-Treffer-Beweis.

**Ich arbeite allein. Passt eine Studio-Website trotzdem?**

Ja. Die Struktur trägt beides: Team-Kacheln lassen sich auf eine Person reduzieren, der Prozess und die Pakete bleiben. Viele Freelancer treten bewusst als Studio auf, die Vorlage macht genau das glaubwürdig.

**Wie bleibt der dunkle Look erhalten, wenn ich Farben ändere?**

Alle Farben leben als Tokens im @theme-Block, die Regeln dazu stehen in CLAUDE.md und im Skill Design-System. Deine KI wechselt die Akzentfamilie, prüft die Kontraste auf dunklem Grund und zieht den Styleguide mit.

**Was ist mit den Cases und Metriken auf der Seite?**

Bewusst als Platzhalter markiert: Jeder Case trägt sichtbar ein Beispiel-Badge, die Metriken sind erfunden und in der Guideline als solche festgehalten. Eigene Projekte trägst du mit echten Zahlen und Freigaben ein.

**Sind Impressum und Datenschutz enthalten?**

Als leere Platzhalterseiten im Template-Design, bewusst ohne Rechtstexte, denn das wäre Rechtsberatung. Beide Seiten sind noindex und erklären ihre eigene Befüllung. Deine geprüften Texte trägst du ein, dann entfällt das noindex.

**Funktioniert das Kontaktformular sofort?**

Das Formular ist bewusst ohne Versand angelegt und wird beim Umbau an deinen Mailer, dein CRM oder deinen Dienst gehängt, der Skill Template-Aufbau zeigt wie. Der Cookie-Dialog funktioniert sofort und lädt von sich aus nichts.

**Gehört mir der Code danach wirklich?**

Ja, komplett. Einmal zahlen, ZIP erhalten, anpassen und für dein Projekt einsetzen. Für immer deins, für eigene Websites und für Kundenprojekte. Was nicht geht, ist das Template als Template weiterzuverkaufen.

**Ist die Website auf Deutsch oder Englisch?**

Die Website selbst ist deutsch, ihr Zielmarkt auch. Guideline, Wissensordner und Skills bekommst du wahlweise auf Deutsch oder Englisch, deine Anweisungen an die KI funktionieren in beiden Sprachen.

---

Kanonische Seite: https://ai-website.com/de/templates/novardt · Englisch: https://ai-website.com/templates/novardt · Alle Templates: https://ai-website.com/llms.txt