# AI Website Template Merenwald

> Der HR-Auftritt, der Besucher nach Unternehmensgröße sortiert.

Merenwald ist das Template für HR-Beratung im Mittelstand. Siebzehn Seiten in einer Navy-Skala auf Papierweiß: fünf Leistungen mit eigener Detailseite, drei Abrechnungsmodelle mit Preisen, drei Fachbeiträge und eine Lösungsseite, die nach Unternehmensgröße sortiert. Per Chat wird daraus deine Beratung.

- Preis: 99 € einmalig, inkl. MwSt.
- Branche: Coaching & Beratung
- Seite: https://ai-website.com/de/templates/merenwald
- Demo-Identitaet (fiktiv): merenwald-hr.de

## Enthaltene Seiten

- Start
- Leistungen (Übersicht)
- 5 Leistungs-Detailseiten
- Lösungen nach Unternehmensgröße
- Über uns
- Ressourcen mit 3 Fachbeiträgen
- Kontakt
- Impressum & Datenschutz als Platzhalter
- 404

## Umfang

- 17 Seiten
- Lösungen nach Unternehmensgröße
- 3 Fachbeiträge fertig geschrieben
- Astro + Tailwind, statisch

## Gestaltung

- Farben: Navy #0b2350, Heller Blauton #f5f8fd, Papier #ffffff, Signalgrün #1f9d76
- Headline-Schrift: Plus Jakarta Sans, extrabold und eng gesetzt, lokal als Variable Font
- Textschrift: Eine Familie für alles, Hierarchie über Gewicht und Laufweite

## Gedacht fuer

- HR-Beratungen und Personalberatungen mit Fokus Mittelstand
- Interims-Personalleitungen und ausgelagerte HR-Teams
- Beratungen, die ihr Angebot nach Unternehmensgröße zuschneiden
- Freelancer, die Beratungs-Auftritte wiederholt und planbar liefern wollen

## Nicht gedacht fuer

- Shops und alles mit Warenkorb, Login oder Bezahlstrecke
- Kanzleien und echte Rechtsberatung, dafür gibt es Nordhelm
- Einzelcoaches mit persönlichem Auftritt, dafür gibt es Solborn

## Was im Paket liegt

- `src/data/site.ts`: Die eine Inhaltsquelle. Identität, Navigation, Kennzahlen, die fünf Leistungen mit Modulen, Ablauf und Fragen, dazu Stimmen und Branchen
- `src/data/articles.ts`: Drei Fachbeiträge als Blocklisten aus Absatz, Zwischentitel, Liste, Zitat und Infokasten, gerendert über eine gemeinsame Beitragsseite
- `src/pages/loesungen.astro`: Die Lösungsseite: drei Größenklassen, vier Branchenprofile und drei Stufen nach Dringlichkeit in einem Bento-Feld
- `src/styles/global.css`: Alle Tokens im @theme-Block: die Navy-Skala von brand-50 bis brand-950, Papier, Tint und ein Statusgrün. Ein Markenwechsel sind elf Werte an einer Stelle
- `src/layouts/BaseLayout.astro + Motion.astro`: SEO-Kopf mit strukturierten Daten, dazu die gesamte Bewegung in einer Datei: ein Beobachter, ein Takt, zwölf Haken von reveal bis Lesefortschritt
- `styleguide.html + BILDNACHWEIS.md`: Der Styleguide im Browser mit Farbskala, Flächen, Typografie und gemessenen Kontrasten, dazu alle Motive mit Quellen und der Portrait-Pflicht vor dem Livegang
- `CLAUDE.md`: Die Guideline. Wie Merenwald denkt, gestaltet und schreibt, inklusive der Sprachgrenze zum Arbeitsrecht
- `Wissen/ + .claude/skills/`: Vier Wissens-Dateien und sieben Skills, von Start bis Qualitätsprüfung

## 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.

**Die Beratung ist erfunden. Was heißt das für mich?**

Merenwald HR, die Anschrift in Düsseldorf, das vierköpfige Team, alle Kennzahlen und die mit Beispiel beschrifteten Stimmen sind Platzhalter und im Template als solche markiert. Der Skill Template-Aufbau führt durch den Umbau auf deine echte Beratung, inklusive Null-Treffer-Beweis.

**Ich berate in einem anderen Feld. Passt das Template trotzdem?**

Die Struktur trägt jede erklärungsbedürftige Beratung für Unternehmen: Leistungen mit Modulen und Prozess, eine Seite nach Ausgangslage, Modelle mit Preisen, Fachbeiträge. Deine KI schreibt Leistungen, Beiträge und Suchbegriffe auf dein Feld um, die Dramaturgie bleibt.

**Wie ändere ich die Farben?**

Die ganze Website hängt an einer Skala, brand-50 bis brand-950 im @theme-Block, dazu Papier, ein heller Blauton und ein Statusgrün. Deine KI ändert elf Werte an einer Stelle, der Styleguide zeigt das Ergebnis samt Kontrasten. Die Regeln stehen in CLAUDE.md und im Skill Design-System.

**Was ist mit den Zahlen und Stimmen auf der Seite?**

Bewusst als Platzhalter markiert: Jede Kundenstimme trägt sichtbar das Präfix Beispiel, die erfundenen Kennzahlen sind in der Guideline einzeln aufgelistet. Eigene Zahlen trägst du mit Beleg ein, der Rest verschwindet.

**Sind Impressum und Datenschutz enthalten?**

Als Platzhalterseiten im Template-Design, bewusst ohne Rechtstexte, denn das wäre Rechtsberatung. Beide Seiten sind noindex, aus der Sitemap gefiltert und in der robots.txt gesperrt. Deine geprüften Texte trägst du ein, dann entfallen noindex und Sperre.

**Funktioniert das Kontaktformular sofort?**

Das Formular prüft im Browser und zeigt eine Bestätigung, verschickt aber nichts. Beim Umbau hängst du deinen Mailer, dein CRM oder deinen Dienst an, 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, ohne Baukasten-Grenzen und ohne Wasserzeichen.

**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/merenwald · Englisch: https://ai-website.com/templates/merenwald · Alle Templates: https://ai-website.com/llms.txt