Hell-Dunkel-Rhythmus wiederherstellen, abstrakte Problemsaetze streichen #142

New issue

Closed

opened 2026-09-10 09:28:25 +00:00 by Phil · 0 comments

Phil commented

2026-09-10 09:28:25 +00:00

Owner

1. Der Hell-Dunkel-Wechsel ist verloren gegangen

Beim Umsortieren der Startseite (#137) sind die dunklen Sektionen alle in die Seitenmitte gerutscht. Gemessen am gerenderten Seitenbild, Hintergrundfarbe je Sektion am linken Rand:

hell    5.242 px  (5,8 Bildschirme)   Hero, Goldprozess, Probleme, Produkte, Partner
DUNKEL  7.247 px  (8,1 Bildschirme)   Videos, Referenzen, Über mich, Analyse, Pakete
hell    1.402 px  (1,6 Bildschirme)   FAQ
DUNKEL  1.021 px  (1,1 Bildschirme)   Schluss

Statt eines Wechsels stehen da zwei Blöcke: ein riesiger heller und ein riesiger dunkler. Der Ton ist eine Eigenschaft des jeweiligen Blocktyps, also folgt der Rhythmus allein aus der Reihenfolge.

Neue Reihenfolge, die Ton und Argument zugleich trägt:

#	Sektion	Ton
1	Hero	hell
2	Goldprozess mit Sequenz	hell
3	Video-Testimonials	DUNKEL
4	Zahlenband	hell
5	Referenzen-Anriss	DUNKEL
6	Eigene Produkte	hell
7	Wer ist Philipp Lütje	DUNKEL
8	Partner	hell
9	Die Analyse, 1.900 €	DUNKEL
10	Drei Wege (Pakete)	DUNKEL
11	FAQ	hell
12	Schluss-Banner	DUNKEL

Längster gleichtoniger Lauf danach: 3,5 Bildschirme (Analyse plus Pakete). Dass die beiden zusammenbleiben, ist gewollt — sie sind gemeinsam das Angebot.

2. Die abstrakten Problemsätze fliegen, das Zahlenband bleibt

Die coreSection trägt zwei verschiedene Dinge. Oben das Zahlenband: 100+ Prozesse vereinfacht, 400+ Stunden weniger Aufwand, 10+ Jahre Erfahrung — konkret, belegbar, bleibt.

Darunter ein abstrakter Würfel (Core.png) mit drei Sätzen:

„Zeitverschwendung durch manuelle Arbeit"
„Chaos durch fehlende Struktur"
„Schlechte Entscheidungen durch unzuverlässige Daten"

dazu ein bildschirmfüllender Geisterschriftzug in etwa 2 % Deckkraft („Diese drei Probleme kennt fast jedes Unternehmen im Mittelstand…"), der weder lesbar noch Bild ist.

Das ist die schwächere Fassung dessen, was die Goldprozess-Sektion direkt darüber konkret sagt: der Gewinn hängt an Abläufen, die über Menschen statt über ein System laufen. Zweimal dieselbe Aussage, einmal in der Sprache des Kunden, einmal in Beratersprache. So redet niemand über die eigene Firma.

Gestrichen werden coreImage, coreItems und coreTextBackground. Die Sektion schrumpft damit von 1.634 px auf das Zahlenband und wird zugleich zum hellen Taktgeber zwischen zwei dunklen Sektionen.

Der Verweis auf die Seite „Oberflächlich digitalisiert oder wirklich durchdacht" (coreFollowUpText) bleibt.

Nötige Code-Änderung

templates/_components/_blocks/pl_coreSection.twig rendert den Block about__main unbedingt. Sind Bild, Schriftzug und Karten leer, bliebe eine leere Fläche stehen. Der Block muss sauber entfallen, wenn kein Inhalt da ist.

Akzeptanzkriterien

Kein gleichtoniger Lauf über 3,5 Bildschirme
coreSection zeigt nur noch Zahlenband und Folgeverweis, keine leere Fläche
Seitenhöhe sinkt gegenüber 15.493 px
Gates balance, overflow, reduced_motion bleiben PASS

Refs #137

## 1. Der Hell-Dunkel-Wechsel ist verloren gegangen Beim Umsortieren der Startseite (#137) sind die dunklen Sektionen alle in die Seitenmitte gerutscht. Gemessen am gerenderten Seitenbild, Hintergrundfarbe je Sektion am linken Rand: ``` hell 5.242 px (5,8 Bildschirme) Hero, Goldprozess, Probleme, Produkte, Partner DUNKEL 7.247 px (8,1 Bildschirme) Videos, Referenzen, Über mich, Analyse, Pakete hell 1.402 px (1,6 Bildschirme) FAQ DUNKEL 1.021 px (1,1 Bildschirme) Schluss ``` Statt eines Wechsels stehen da zwei Blöcke: ein riesiger heller und ein riesiger dunkler. Der Ton ist eine Eigenschaft des jeweiligen Blocktyps, also folgt der Rhythmus allein aus der Reihenfolge. **Neue Reihenfolge**, die Ton und Argument zugleich trägt: | # | Sektion | Ton | |---|---|---| | 1 | Hero | hell | | 2 | Goldprozess mit Sequenz | hell | | 3 | Video-Testimonials | DUNKEL | | 4 | Zahlenband | hell | | 5 | Referenzen-Anriss | DUNKEL | | 6 | Eigene Produkte | hell | | 7 | Wer ist Philipp Lütje | DUNKEL | | 8 | Partner | hell | | 9 | Die Analyse, 1.900 € | DUNKEL | | 10 | Drei Wege (Pakete) | DUNKEL | | 11 | FAQ | hell | | 12 | Schluss-Banner | DUNKEL | Längster gleichtoniger Lauf danach: 3,5 Bildschirme (Analyse plus Pakete). Dass die beiden zusammenbleiben, ist gewollt — sie sind gemeinsam das Angebot. ## 2. Die abstrakten Problemsätze fliegen, das Zahlenband bleibt Die `coreSection` trägt zwei verschiedene Dinge. Oben das Zahlenband: **100+ Prozesse vereinfacht, 400+ Stunden weniger Aufwand, 10+ Jahre Erfahrung** — konkret, belegbar, bleibt. Darunter ein abstrakter Würfel (`Core.png`) mit drei Sätzen: - „Zeitverschwendung durch manuelle Arbeit" - „Chaos durch fehlende Struktur" - „Schlechte Entscheidungen durch unzuverlässige Daten" dazu ein bildschirmfüllender Geisterschriftzug in etwa 2 % Deckkraft („Diese drei Probleme kennt fast jedes Unternehmen im Mittelstand…"), der weder lesbar noch Bild ist. Das ist die schwächere Fassung dessen, was die Goldprozess-Sektion direkt darüber konkret sagt: der Gewinn hängt an Abläufen, die über Menschen statt über ein System laufen. Zweimal dieselbe Aussage, einmal in der Sprache des Kunden, einmal in Beratersprache. So redet niemand über die eigene Firma. Gestrichen werden `coreImage`, `coreItems` und `coreTextBackground`. Die Sektion schrumpft damit von 1.634 px auf das Zahlenband und wird zugleich zum hellen Taktgeber zwischen zwei dunklen Sektionen. Der Verweis auf die Seite „Oberflächlich digitalisiert oder wirklich durchdacht" (`coreFollowUpText`) bleibt. ## Nötige Code-Änderung `templates/_components/_blocks/pl_coreSection.twig` rendert den Block `about__main` unbedingt. Sind Bild, Schriftzug und Karten leer, bliebe eine leere Fläche stehen. Der Block muss sauber entfallen, wenn kein Inhalt da ist. ## Akzeptanzkriterien - [ ] Kein gleichtoniger Lauf über 3,5 Bildschirme - [ ] `coreSection` zeigt nur noch Zahlenband und Folgeverweis, keine leere Fläche - [ ] Seitenhöhe sinkt gegenüber 15.493 px - [ ] Gates `balance`, `overflow`, `reduced_motion` bleiben PASS Refs #137

Phil referenced this issue from a commit

2026-09-10 09:40:43 +00:00

fix(startseite): about__main nur mit Inhalt rendern

Phil referenced this issue from a pull request that will close it,

2026-09-10 09:41:02 +00:00

Hell-Dunkel-Rhythmus wiederherstellen, abstrakte Problemsaetze streichen #143

Phil closed this issue

2026-09-10 09:41:07 +00:00