Farbbruch direkt nach dem Hero, Konferenzbild fuer die Raven-Karte #146

Merged

Phil merged 1 commit from fix/farbbruch-nach-hero-und-konferenzbild into main

2026-09-10 13:51:18 +00:00

Phil commented

2026-09-10 13:51:13 +00:00

Owner

Zwei Befunde aus der Sichtprüfung durch den Auftraggeber.

1. Der Farbbruch fehlte direkt unter dem Hero

Vor dem Umbau stand das blaue Zahlenband unmittelbar unter dem Hero und lieferte dort den Farbwechsel. Beim Umsortieren ist es auf Platz vier gerutscht — die Seite begann dadurch mit drei hellen Bildschirmen am Stück.

Das Band ist zurück auf Platz zwei. Neue Abfolge: Hero · Zahlenband · Goldprozess · Videos · Referenzen · Produkte · Über mich · Partner · Analyse · Pakete · FAQ · Schluss.

Längster gleichtoniger Lauf bleibt bei 3,5 Bildschirmen (Analyse plus Pakete, gewollt zusammen als Angebot).

2. Die Raven-Karte zeigte keine Meeting-Software

Ich hatte die Protokollansicht mit KI-Zusammenfassung gewählt, weil sie inhaltlich zum Beleg-Satz der Karte passt. Die Karte rendert aber 266 px breit — bei der Größe liest niemand eine Zusammenfassung, es bleibt eine graue Textfläche. Die Auswahl hätte sich danach richten müssen, was in einer Sekunde erkennbar ist, nicht danach, was am genauesten stimmt.

Jetzt die Konferenzansicht: vier Teilnehmerkacheln mit Gesichtern, Namensschildern, Mikrofon- und Kameraleiste und roter Aufnahmekante. Die sagt in einem Blick, was das Produkt ist.

Bindender Nachweis: flow.raven/ui/src/components/landing/sinnbilder.ts verlangt bei Verwendung dieser Aufnahme die Offenlegung, dass es ein Testkonto ist, die Kamerabilder mit KI erzeugt sind und weder Personen noch Besprechung echt sind. Das Feld productCaption erlaubt 160 Zeichen, die Formel hat 197. Gekürzt auf 125 Zeichen, alle drei Aussagen erhalten:

Bildschirmfoto aus Raven, Testkonto. Die Kamerabilder sind mit KI erzeugt, die Personen nicht real, die Besprechung erfunden.

Nebenbei behoben: productCaption ist ein PlainText-Feld, meine vorherigen Bildunterschriften standen mit Absatz-Auszeichnung als sichtbarer Text auf der Seite.

Verifikation (ausgeführt)

Blaues Band steht unmittelbar unter dem Hero (Screenshot bei scrollY 900). Alle drei Produktkarten laden ihr Bild, Bildunterschriften rendern als reiner Text.

Gate	Ergebnis
`balance`	PASS 10,1 %
`overflow`	PASS 0 px / 0 px
`reduced_motion`	PASS 0,02 % / 0,02 %

Seitenhöhe 13.737 px = 15,3 Bildschirme.

Inhaltsänderungen liegen in der lokalen Datenbank und brauchen einen DB-Push nach Prod.

Refs #144

🤖 Generated with Claude Code

https://claude.ai/code/session_01Y29GMuZcsumFPpLUh84c8G

Zwei Befunde aus der Sichtprüfung durch den Auftraggeber. ## 1. Der Farbbruch fehlte direkt unter dem Hero Vor dem Umbau stand das blaue Zahlenband unmittelbar unter dem Hero und lieferte dort den Farbwechsel. Beim Umsortieren ist es auf Platz vier gerutscht — die Seite begann dadurch mit **drei hellen Bildschirmen am Stück**. Das Band ist zurück auf Platz zwei. Neue Abfolge: Hero · **Zahlenband** · Goldprozess · Videos · Referenzen · Produkte · Über mich · Partner · Analyse · Pakete · FAQ · Schluss. Längster gleichtoniger Lauf bleibt bei 3,5 Bildschirmen (Analyse plus Pakete, gewollt zusammen als Angebot). ## 2. Die Raven-Karte zeigte keine Meeting-Software Ich hatte die Protokollansicht mit KI-Zusammenfassung gewählt, weil sie inhaltlich zum Beleg-Satz der Karte passt. Die Karte rendert aber **266 px breit** — bei der Größe liest niemand eine Zusammenfassung, es bleibt eine graue Textfläche. Die Auswahl hätte sich danach richten müssen, was in einer Sekunde erkennbar ist, nicht danach, was am genauesten stimmt. Jetzt die Konferenzansicht: vier Teilnehmerkacheln mit Gesichtern, Namensschildern, Mikrofon- und Kameraleiste und roter Aufnahmekante. Die sagt in einem Blick, was das Produkt ist. **Bindender Nachweis:** `flow.raven/ui/src/components/landing/sinnbilder.ts` verlangt bei Verwendung dieser Aufnahme die Offenlegung, dass es ein Testkonto ist, die Kamerabilder mit KI erzeugt sind und weder Personen noch Besprechung echt sind. Das Feld `productCaption` erlaubt 160 Zeichen, die Formel hat 197. Gekürzt auf 125 Zeichen, alle drei Aussagen erhalten: > Bildschirmfoto aus Raven, Testkonto. Die Kamerabilder sind mit KI erzeugt, die Personen nicht real, die Besprechung erfunden. Nebenbei behoben: `productCaption` ist ein PlainText-Feld, meine vorherigen Bildunterschriften standen mit Absatz-Auszeichnung als sichtbarer Text auf der Seite. ## Verifikation (ausgeführt) Blaues Band steht unmittelbar unter dem Hero (Screenshot bei scrollY 900). Alle drei Produktkarten laden ihr Bild, Bildunterschriften rendern als reiner Text. | Gate | Ergebnis | |---|---| | `balance` | PASS 10,1 % | | `overflow` | PASS 0 px / 0 px | | `reduced_motion` | PASS 0,02 % / 0,02 % | Seitenhöhe 13.737 px = 15,3 Bildschirme. Inhaltsänderungen liegen in der lokalen Datenbank und brauchen einen DB-Push nach Prod. Refs #144 🤖 Generated with [Claude Code](https://claude.com/claude-code) https://claude.ai/code/session_01Y29GMuZcsumFPpLUh84c8G

Phil added 1 commit

2026-09-10 13:51:13 +00:00

fix(startseite): Farbbruch direkt nach dem Hero, Konferenzbild fuer Raven d721fbcc47

Das blaue Zahlenband stand vor dem Umbau unmittelbar unter dem Hero und
lieferte dort den Farbwechsel. Auf Platz vier geschoben fehlte er, die
Seite begann mit drei hellen Bildschirmen am Stueck. Das Band ist zurueck
auf Platz zwei.

Die Raven-Karte trug ein Protokoll mit KI-Zusammenfassung. Inhaltlich
passte das zum Satz darunter, aber die Karte rendert 266 px breit -- bei
der Groesse liest niemand eine Zusammenfassung, es bleibt eine graue
Textflaeche. Jetzt die Konferenzansicht mit vier Teilnehmerkacheln: die
sagt in einem Blick, was das Produkt ist.

Die Bildunterschrift traegt den bindenden Nachweis aus sinnbilder.ts
(Testkonto, KI-erzeugte Kamerabilder, weder Personen noch Besprechung
echt), auf die 160-Zeichen-Grenze des Feldes gekuerzt ohne Aussageverlust.
productCaption ist PlainText, kein Markup.

Refs #144

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Y29GMuZcsumFPpLUh84c8G

Phil merged commit 30567332ee into main

2026-09-10 13:51:18 +00:00

Phil deleted branch fix/farbbruch-nach-hero-und-konferenzbild

2026-09-10 13:51:19 +00:00

Phil referenced this pull request from a commit

2026-09-10 13:51:20 +00:00

Merge pull request 'Farbbruch direkt nach dem Hero, Konferenzbild fuer die Raven-Karte' (#146) from fix/farbbruch-nach-hero-und-konferenzbild into main