Onepage: Aufbau und Gestaltung im Magazin-Stil #1

New Issue

2026-10-16T05:54:27Z

Nick.Rosenloecher commented

2026-10-16 05:54:27 +00:00

Ziel

Deutschsprachige Onepage für das ARTISTA MODELCAMP 2027, die das Camp hochwertig präsentiert und bis zur Buchung führt. Gestaltung als Modemagazin (Briefing Ziel, Abschnitte 2 und 4), auf Smartphone genauso sorgfältig wie auf großen Bildschirmen.

Umgesetzt

Grundgerüst Next.js 16 (App Router, Server Components), React 19, Tailwind CSS 4, Motion 13 im ersten Commit 59bb5a3 (27.09.2026)
Cover-Hero mit Masthead „ARTISTA“, Schlagzeile und Buchungs-CTA im ersten Bildschirm, Cover-Line-Leiste mit Termin, Ort und Preis (src/components/Hero.tsx)
Farbwelt Putz-Weiß, Anthrazit, Pompeji-Rot; Schriften Bodoni Moda und Hanken Grotesk selbst ausgeliefert über next/font (keine Verbindung zu Google)
Platzhalter als typografische Tafeln statt Verlaufsflächen (00c7118), Hero, Leistungen und Abschnittsrhythmus überarbeitet (2ef92db), Gestaltungsregeln dokumentiert (6a9c6c8)
Onepage nach der Gliederung der Referenzseite umgebaut: Was dich erwartet, Tagesablauf, Unterkunft, Preis, Team, Fragen (7203cd1, 01.10.2026)
Tagesablauf als Karussell, Zurück-Knopf und abgeschnittene Karten repariert (51b6d79), Teambilder in gerader Reihe, Karte auf dem Smartphone mittig (a76a9cf)
Mobile Buchungsleiste, Nav-Indikator, Clip-Reveal auf Bildern; prefers-reduced-motion überall respektiert, keine Scroll-Übernahme
Design-Prüfung mit impeccable (.impeccable/config.json, 3f5a255)

Grundlage

docs/ARCHITEKTUR.md (Abschnitt Gestaltung), Briefing Ziel, src/app/page.tsx, src/components/sections/*. Inhalte: #2, Medien: #3.

Status

Code: ja · Geprüft: ja (axe-Prüfung und Bildschirmfotos auf Smartphone, Tablet, Desktop laut docs/TESTS.md) · Gemergt: ja · Produktiv: ja (im Cluster belegt ausgerollt sha-5a88f3d am 13.10.2026)
Stand: 2026-10-16 (Quelle: git origin/main 9785eb2, Gitea-CI-Läufe und Registry, Memory der Sessions)

## Ziel Deutschsprachige Onepage für das ARTISTA MODELCAMP 2027, die das Camp hochwertig präsentiert und bis zur Buchung führt. Gestaltung als Modemagazin (Briefing `Ziel`, Abschnitte 2 und 4), auf Smartphone genauso sorgfältig wie auf großen Bildschirmen. ## Umgesetzt - [x] Grundgerüst Next.js 16 (App Router, Server Components), React 19, Tailwind CSS 4, Motion 13 im ersten Commit `59bb5a3` (27.09.2026) - [x] Cover-Hero mit Masthead „ARTISTA“, Schlagzeile und Buchungs-CTA im ersten Bildschirm, Cover-Line-Leiste mit Termin, Ort und Preis (`src/components/Hero.tsx`) - [x] Farbwelt Putz-Weiß, Anthrazit, Pompeji-Rot; Schriften Bodoni Moda und Hanken Grotesk selbst ausgeliefert über `next/font` (keine Verbindung zu Google) - [x] Platzhalter als typografische Tafeln statt Verlaufsflächen (`00c7118`), Hero, Leistungen und Abschnittsrhythmus überarbeitet (`2ef92db`), Gestaltungsregeln dokumentiert (`6a9c6c8`) - [x] Onepage nach der Gliederung der Referenzseite umgebaut: Was dich erwartet, Tagesablauf, Unterkunft, Preis, Team, Fragen (`7203cd1`, 01.10.2026) - [x] Tagesablauf als Karussell, Zurück-Knopf und abgeschnittene Karten repariert (`51b6d79`), Teambilder in gerader Reihe, Karte auf dem Smartphone mittig (`a76a9cf`) - [x] Mobile Buchungsleiste, Nav-Indikator, Clip-Reveal auf Bildern; `prefers-reduced-motion` überall respektiert, keine Scroll-Übernahme - [x] Design-Prüfung mit impeccable (`.impeccable/config.json`, `3f5a255`) ## Grundlage `docs/ARCHITEKTUR.md` (Abschnitt Gestaltung), Briefing `Ziel`, `src/app/page.tsx`, `src/components/sections/*`. Inhalte: #2, Medien: #3. ## Status Code: ja · Geprüft: ja (axe-Prüfung und Bildschirmfotos auf Smartphone, Tablet, Desktop laut docs/TESTS.md) · Gemergt: ja · Produktiv: ja (im Cluster belegt ausgerollt sha-5a88f3d am 13.10.2026) Stand: 2026-10-16 (Quelle: git origin/main 9785eb2, Gitea-CI-Läufe und Registry, Memory der Sessions)

Nick.Rosenloecher added the art/design prio/hoch status/erledigt labels 2026-10-16 05:54:27 +00:00

Nick.Rosenloecher closed this issue

2026-10-16 05:54:29 +00:00

Nick.Rosenloecher referenced this issue

2026-10-16 05:56:32 +00:00

Projektstand und Übersicht (Stand 2026-10-16) #33

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: Nick.Rosenloecher/Artista-Filmcamp#1