Studios in MotionProjektkartei

Fitness-Templates v1 bis v6

Aktiv

Studio-Website-Vorlagen v1 bis v6 (Astro): Master-Stände, Freeda-frei, Flotten-Rollouts, neue Looks v5 (dunkel, Cunnet-Stil) und v6 (Fitwell-Stil)

Bereich
Templates
Start
01.04.2026
Zuletzt
11.10.2026
Am Zug
René
Nächster Schritt, René

v5 und v6 ansehen und beurteilen (was an der Startseite nicht perfekt ist), dann Go für v6-Repo, Unterseiten und Aufnahme in die Template-Auswahl der Zentrale

Template v5 Bühne p4 (Code PREVIEW)Template v6 Live-Bühne (Code PREVIEW, stoppt nach 8 h)Design-Showroom (Zentrale-Login)Beispielseite SimGym (Kundenrepo, Vorführstrecke)

Worum es geht

Die Studio-Website-Vorlagen von Studios in Motion (Astro, Tailwind, Daten aus der Zentrale). Alle Kundenwebsites entstehen aus einem dieser Templates. v1 ist der Master für Studios mit einem Standort, v2 und v3 sind Multi-Standort, v4 ist der INJOY-Look, v5 und v6 sind zwei neue Looks mit eigenem Aufbau, die René im Oktober bestellt hat. Diese Akte ist Renés Übersicht der Fitness-Templates; Änderungen an gemeinsamen Grundlagen laufen in der Regel über alle Templates (Flotten-Rollouts).

Stand

Gemeinsame Maschine (v1 bis v6): Datenquelle ist seit 08/2026 die Zentrale (Setup setup:sim, Freeda-frei), Öffnungszeiten und Feiertage mit Build-Abbruch ohne Zentrale, Kursplan, News und Live-News aus dem Hub, SimStandardformular, SimTracking, HWG-Gate, KI-Kennzeichnung, Feature-Schalter (sync-features), Website-Suche mit Pagefind, Standard-Favicon, Weitersagen-Box auf Artikelseiten (alle Templates 11.10.2026). Build braucht Node 22 (/opt/node22/bin). Die Doku liegt im Repo studiowebsite-docs und je Template in _WIKI/.

v1 Single-Standort (Master)

  • Stil: hell, umschaltbare Design-Presets (wave, diagonal, stege, arc, dazu die Komplett-Pakete panel, slash, pulse), Farbwelt aus der Kundenfarbe.
  • Vorbild: keines, ursprünglich das „Vibecoding Master Template“ (Repo seit 2026-04-01).
  • Bühne: keine feste Bühne; Vorführstrecke ist der Testclub SimGym (Kundenrepo, Akte simgym-testclub, Herkunft aus v1 prüfen); Kundenseiten auf Basis v1 u. a. ProAktiv Fürstenau.
  • Stand: Main 70d1487 (11.10.2026), laufend gepflegt; Freeda-frei seit 08/2026; offen ist die Korrektur .gitignore (content/ schließt src/content/ aus) und der Knopftext-Import im Master (in v5 schon korrigiert).
  • Bewertung durch René: keine einzelne Bewertung in den Notizen prüfen; er arbeitet laufend darauf und nannte v1 bis v3 als Maßstab für „anderes Template, gleiche Inhalte“.

v2 Multi-Standort

  • Stil: wie v1 mit Presets; Kern ist das Mutter-Tochter-Modell (Mutterfirma plus Firma je Standort), Standort-Routing /standorte/[slug]/, StudioPicker, Geo-SEO, Trainings-Deduplizierung.
  • Vorbild: keines; abgeleitet aus den Kundenprojekten Tschann, MyTime und Energy (Showroom-Generation, 21.08.).
  • Bühne: Design-Showroom (nur mit Zentrale-Login, Antwort 403 ohne).
  • Stand: Main fa99f63; am 25.08.2026 auf den Tschann-/MyTime-Stand gehoben und komplett Freeda-frei (ff1ba3d); Life X und weitere Ketten werden daraus aufgesetzt.
  • Bewertung durch René: keine einzelne Aussage in den Notizen prüfen.

v3 Multi-Standort (711-Look)

  • Stil: Multi-Standort wie v2 (Mutter-Tochter-Modell, Standort-Routing), angelegt am 06.07.2026 laut Initial-Commit aus dem Kundenprojekt „fitstyle-711“. Genaue Look-Merkmale stehen nicht in den Notizen prüfen.
  • Vorbild: Kundenseite fitstyle-711.
  • Bühne: keine; im Showroom ohne Port, laut Notiz „kein Kunde“.
  • Stand: Main e411c68; wird in den Flotten-Rollouts mitgezogen, aber ohne eigene Weiterentwicklung seit Juli.
  • Bewertung durch René: keine Aussage in den Notizen prüfen.

v4 INJOY (Single-Standort)

  • Stil: INJOY-Markenlook (Flexo-Überschriften, Rubik, Gentium Plus Italic), INJOY-Seitenbaum mit /injoy-methode/, kein Design-Modus (dauerhaft aus).
  • Vorbild: www.injoy-wunstorf.de und injoy.de/methode; Demo „INJOY Musterstadt“.
  • Bühne: Design-Showroom (Zentrale-Login); jeder „Showroom bauen“-Klick für einen Kunden überschreibt die v4-Vorschau.
  • Stand: fertig seit 02.09.2026, Main d7ec6ce. Offen sind die Flexo-Lizenz, HWG-Entschärfungen auf der Methode-Seite, KI-Stempel bei sechs Vorlagenbildern und der Opening-Hours-Werkszustand (Workaround vor jedem Build).
  • Bewertung durch René: „Ich mach später weiter“ am 02.09., alle seine Ansagen vom Tag umgesetzt; ein ausdrückliches Urteil steht nicht in der Notiz prüfen.

v5 Dunkel (Stil Cunnet)

  • Stil: nahezu schwarzer Grund #0e0f11, Riesen-Grotesk (Inter Tight selbst gehostet) mit tippendem Akzentwort, Rasterlinien, Bild geht beim Scrollen auf, Wort-Aufleuchten, Karten an stehender Riesenüberschrift vorbei, Footer mit übergroßer Wortmarke; Akzent = Kundenfarbe, keine Pillenformen.
  • Vorbild: gekauftes Agentur-Template „Cunnet“ (cunnet-nextjs.vercel.app/dark/digital-studio), nur als Stilbild, kein Code und keine Bilder übernommen.
  • Bühne: https://p4.preview.sim-tools.cloud (Code PREVIEW), Beispieldaten SimGym.
  • Stand: komplett fertig seit 04.10.2026 (Main 0033134, jetzt 34d49f4): Startseite und alle Unterseiten (19 Angebote, Ziele, Übersichten, Kursplan, Club-Infos, Rechtliches), 54 Seiten in zwei Breiten geprüft; Komponenten src/components/v5/, Wiki _WIKI/template-v5.md. Technisch offen: News-Seiten noch v1-Markup, Kursplan-Varianten nur farblich, Showroom und Design-Switcher für v5, Aufnahme in die Template-Auswahl der Zentrale.
  • Bewertung durch René (03.10. nachts): „Startseite ist zwar nicht perfekt, aber die Richtung ist gut, wir können so weitermachen“; was nicht perfekt ist, hat er nicht gesagt. Das Urteil zur fertigen Gesamtseite steht aus.

v6 Fitwell

  • Stil: Marineblau um #171e2e, schmale Versalschrift (Rajdhani) mit Akzentwörtern, Manrope als Text, Umriss-Wort hinter Überschriften, Hero mit freigestellter Person, Dreh-Siegel und drei Kennzahlen, Wabenmuster in allen Heroes ohne Bild, Lichtblitz auf Bildern, Mauspunkt, Zähler, wortweise einlaufende Überschriften, Club-Infos als Guide mit Mittellinie, überlappende Bildcollage.
  • Vorbild: gekauftes HTML-Template „Fitwell“ (html.awaikenthemes.com/fitwell), nichts kopiert, Akzent = Kundenfarbe, keine Preise.
  • Bühne: https://live.preview.sim-tools.cloud (Code PREVIEW), startet nach 8 h Stillstand neu mit deploy/live.sh start /root/studiowebsite-template-v6 --slot live.
  • Stand: Demo mit drei Seiten (Startseite, Angebot HYROX, Ziel Traumfigur), Commit 27c893a am 04.10., danach nur noch der Weitersagen-Commit d939a0b; Repo nur lokal, ohne GitHub und feste Bühne (erst mit Renés Go). Übrige Seiten sind eine Übergangsschicht.
  • Bewertung durch René (04.10., vier Runden): erst „Farbenstruktur wie im Original“ (Waben), dann „diese Feinheiten fehlen mir noch komplett“ (Effekte), dann „sieht schon besser aus“, zuletzt „der Effekt auf den Bildern ist jetzt gut, aber die Anordnung nicht“ (behoben). Ein Gesamturteil steht aus.

Offen

  • René v5 (p4) und v6 (live.preview) beurteilen; bei v5 sagen, was an der Startseite nicht perfekt ist; bei v6 Richtung bestätigen, dann Go für die übrigen Seitentypen, GitHub-Repo und eine feste Bühne.
  • René Bühne nennen, die für v6 frei werden darf (alle Preview-Slots p1 bis p12 waren am 03.10. belegt).
  • ich v5 und v6 in die Template-Auswahl der Zentrale aufnehmen, Showroom und Design-Switcher für v5.
  • ich Master-Fixes nachziehen: .gitignore content/ und Knopftext-Import in v1; Angebots-Karten mit vollem Foto und cardFocus auf andere v1-Kunden (Muster Impuls); Standard-Favicon-Head-Tags in der Restflotte.
  • René Hansefit heißt Epassi, alle Kundenseiten außer Impuls tragen noch Hansefit.
  • René Weitersagen-Box ist auf Kundenrepos nur auf devel und preprod; Freigabe preprod nach main je Kunde über die Zentrale (siehe Akte weitersagen-box).
  • René 7 vorbestehende tote Startseiten-Links in v4, Flexo-Lizenz mit INJOY klären.

Entscheidungen und Regeln

  • 2026-10-04: Beim Nachbau einer Stilvorlage gehören Effekte (Lichtblitz, Mauspunkt, Scroll-Animationen, Zähler, blasse Hintergrundstruktur) von Anfang an dazu; Sammelregeln für Effekte nie auf bereits absolut gesetzte Elemente legen.
  • 2026-10-03/04: Neue Looks nur als Stilbild, nichts aus gekauften Vorlagen kopieren; Akzent = Kundenfarbe; keine Pillenformen und Leuchtflecken (Regel „keine KI-Standard-Optik“); Beispieldaten SimGym.
  • 2026-10-01: Ein neuer Look muss sich wie ein anderes Template anfühlen (andere Layout-Familien je Baustein), Inhalte bleiben gleich; vorher den Skill design-taste-frontend laden.
  • 2026-09-02: Design-Modus ist dauerhaft aus (auch in Kundenrepos aus v4); Trainingsangebots-Detailseiten sind das Standard-Rezept aller Templates.
  • 2026-08-30: „Vorbilder und Sinngeber“ gehört nur zu Balance Kassel, aus allen Templates entfernt.
  • 2026-08-25: Neue Bausteine aus Kundenrepos zeitnah generisch ins Master-Template zurückportieren; Ein Standort geht in v1, mehrere in v2, INJOY-Club in v4.
  • Ohne Zentrale darf kein Build durchlaufen (Build-Abbruch bei fehlender Zentrale, Renés Regel).
  • Arbeitsweise bei großen Template-Umbauten: erst ein Paket für gemeinsame Bausteine, dann Seitentypen parallel in eigenen Worktrees mit Opus oder Sonnet.

Verlauf

  1. Weitersagen-Box in allen Templates (v1 70d1487, v2 fa99f63, v3 e411c68, v4 d7ec6ce, v5 34d49f4, v6 d939a0b), Standards-Seite aktualisiert (studiowebsite-docs 77694b6).
  2. Korrektur-Reparatur, EU-OS-Link entfernt, News-Scan im Build (alle Templates).
  3. HWG: Template-Blöcke entschärft, HWG-Check um neue Muster erweitert.
  4. v6 Demo und vier Rückmeldungen (fc5adfd, 9ed16b6, 60e7cfa, 27c893a); v5 komplett (0033134) auf p4.
  5. v5 begonnen (7ad4b7c), GitHub-Repo und Bühne p4.
  6. Angebots-Karten mit vollem Foto (Muster Impuls); KI-Readiness-Änderungen (Zeichensatz, lastmod) in Templates und 26 Kunden-Repos auf devel.
  7. Regel „neuer Look = anderer Aufbau“ nach Golf-Look Fairway.
  8. Fix für Astro-6-Bildoriginale (getImage statt src).
  9. Website-Suche Pagefind Standard in v1 bis v4.
  10. Neues Standard-Favicon in v1 bis v4.
  11. v1-Buildfehler (navigation.ts ohne Import) behoben.
  12. v4 INJOY fertig (f8e6fea), Marken-Typografie, Methode-Seite.
  13. Vorbilder und Sinngeber flottenweit entfernt.
  14. Standardformular mit 6-Spalten-Raster.
  15. v2 auf Tschann-/MyTime-Stand und Freeda-frei (ff1ba3d).
  16. /22: Rollout Feature-Schalter und Favicon, Freigeben-Badge, Akzent-Überschrift-Fix, Hero-Wortanimation-Fix bei Tabwechsel.
  17. bis 08-18: Lighthouse-Fixes, Mobile-Fixes, News-Artikel-Optik für v1 bis v3.
  18. v1 wird Freeda-frei (Monat laut Doku, Tag nicht belegt), Onboarding über setup:sim.
  19. v3 angelegt (aus fitstyle-711); 2026-06-05: v2 angelegt; 2026-04-01: erster Commit v1.

Wo liegt was

  • Repos: /root/studiowebsite-template-v1 bis v6 (v6 nur lokal), /root/studiowebsite-test-client, Doku /root/studiowebsite-docs (Ordner 20 Template v1, 25 Template v4, 30 Template v2, 50 Template Golf V1, 00 Überblick mit Vergleich v1 vs v2 und Website-Standards).
  • Je Template: _WIKI/ (z. B. _WIKI/template-v5.md, _WIKI/template-v6.md), src/components/v5/, src/components/v6/, src/styles/v5*.css, v6*.css, src/utils/v5-animationen.ts, v6-animationen.ts, src/config/design-themes.ts, src/data/studio-config.json.
  • Bühnen: deploy/preview.sh <repo> "<Name>" "" --slot p4 --von claude (v5), deploy/live.sh start <repo> --slot live --name "…" (v6), Verzeichnis /root/sim-ops/deploy; Showroom Daten /root/sim-ops/data/showroom/aktuell.
  • Zentrale: Kundenakte › Design (Showroom, Design-Sync), Template-Auswahl, Hub-Modul website_suche, Registry website_repos.
  • Vault: 40-Projekte/Template v5 (neues Fitness-Template).md, Template-Stand-v2-v3-2026-08-25.md.
  • Material der Vorlagen (flüchtig im Scratchpad): vorlage/, vorlage2/.