§19 · YouTube-Thumbnails

Klick-entscheidend bei 200 × 112 px.

Spherity-Thumbnails folgen einem festen Layout-Grid — Hero-Image links 60 %, Title-Overlay rechts 40 % auf Petrol-Background, Sub-Brand-Akzent-Streifen oben, konstanter S-Mark. Akzeptanztest: Lesbarkeit als echte YouTube-Vorschau bei 200 × 112 px. Was darunter nicht funktioniert, fliegt raus.

Layout-Grid

§19.2 · 6er-Raster über 1280 px

Hero-Zone links (60 %) trägt das dominante Motiv. Title-Zone rechts (40 %) trägt Petrol-Background + Text. Safe-Zone für Pflichtinhalt = innere 80 % (64 px Außenrand frei). Bottom-Right 200 × 60 px bleibt frei für den YouTube-Timer-Badge.

YouTube-Timer-Reserve
Hero · 60 % Title · 40 % Safe-Zone · innere 80 % Sub-Brand-Akzent-Streifen 8–10 px
EigenschaftWert
Aspect Ratio16:9 (verbindlich)
Native Size1280 × 720 px · YouTube-Sweet-Spot
FormatJPG (Default) oder PNG (wenn Transparenz/scharfe Kanten)
Max File Size2 MB (YouTube-Limit)
Safe-Zoneinnere 80 % · Außenrand 64 px frei
Bottom-Right-Reserve200 × 60 px · YouTube-Timer-Badge
Akzent-Streifenoben oder unten · 8–10 px · Sub-Brand oder Cyan (Mutter)
S-Mark8 % der Höhe · oben links oder unten rechts · konstant

Vier Motiv-Patterns

§19.4

Face für Founder/Customer-Stories · Product für Walkthroughs · AI-Bild für Konzept-/Educational-Content (mit Provenance-Mark §11.8.5) · Abstract für reine Statements und Year-in-Review.

S

So funktioniert VERA in der Praxis.

12:34
① Face · Founder/Customer · Akzent VERA-Arctic Blue

EIDA Wallet · in 5 Minuten verstanden.

05:08
② Product · Native UI-Screenshot · Akzent EIDA-Indigo
S
AI-Motiv · Use-Case Pharma

DSCSA 2027 · Compliance ohne Chaos.

08:42
③ AI-Bild · Master-Prompt §11.8.4 + Provenance-Mark · Akzent CARO-Petrol

Year in Review · 2026.

07:21
④ Abstract · Brand-Geometrie · Spherity-Mutter · Akzent Cyan

Text-Regeln

§19.3
RegelWert
Max. Zeichen30 (inkl. Leerzeichen) auf max. 2 Zeilen
FontArchivo Bold · min. 80 px Setzung
CaseSentence-case (§13.1) — „Wie EIDA Banking-KYC ablöst", nicht „WIE EIDA BANKING-KYC ABLÖST"
Color#EEEEEE Off-White auf Petrol · #023852 Petrol auf hell · Cyan nur für 1–2 Schlüsselwörter
Title vs. Video-TitelThumbnail-Text ist Verdichtung/Hook, nicht identisch mit Video-Titel

AI vs. Foto — Entscheidung

§19.5
Wenn …… dann
Echte Person · echtes Event · echter CustomerFoto — niemals AI für reale Identitäten
Konzept · Branche · abstraktes Use-Case-VisualAI-Bild · Spherity-Master-Prompt §11.8.4 · Provenance-Mark Pflicht
Produkt zeigenEchter Screenshot · keine AI-„fake"-UI
Founder/Sprecher zeigenFoto · Studio-Setting

Do's & Don'ts

§19.6
✓ Do
Ein Motiv dominant

Auge ruht auf einem Punkt. Klare Schwarz-Weiß-Kontrast-Setup, Lesbarkeit bei 200 × 112 px geprüft.

✗ Don't
Mehrere Motive + Text gleichzeitig

Überladung. Mehrere Personen + Produkt + Text auf einem Thumbnail wird gescrollt.

✓ Do
Sub-Brand-Akzent klar zugeordnet

Zuschauer:in versteht in < 1 s, welches Produkt — CARO Petrol, VERA Arctic Blue, EIDA Indigo, KYLE Gunmetal.

✗ Don't
Clickbait-Text

„Sie werden nicht glauben…" · „Das ändert ALLES" — widerspricht §3.1 Trust-First.

✓ Do
Foto für echte Personen

Founder, Customer, Sprecher:in immer als echtes Foto — niemals AI-generierte Gesichter (Trust-Schaden).

✗ Don't
Render-Stil-Mix

Foto + 3D-Render + Illustration in einem Thumbnail. Einheitliche Bildsprache.

✓ Do
Cyan nur für Schlüsselwörter

1–2 Wörter im Title als Cyan-Highlight — der Rest in Off-White.

✗ Don't
Cyan als Volltext-Farbe

Großer Cyan-Text auf weißem Bild → Kontrastfehler (§14.2). Cyan bleibt Akzent.

Mit Claude · Thumbnail-Title-Vorschläge

§11.9.9 Phase 7

Nach dem Schnitt liefert Claude 3 Title-Varianten für das Thumbnail (max. 30 Zeichen, Sentence-Case, §19.3). Design-Lead wählt die Variante aus und übernimmt sie ins Canva-Master-Template 13_Video/Thumbnails/.

Prompt-Template

Claude · Thumbnail-Title

„Erzeuge 3 Title-Varianten für das Spherity-YouTube-Thumbnail. Quelle: angehängtes Transkript. Constraints: max. 30 Zeichen pro Variante, Sentence-Case, Trust-First-Voice (§3.1), keine Clickbait-Formulierungen. Output: nummerierte Liste + 1 Satz Begründung pro Variante."

Workflow-Querverweis

Schnitt-Workflow mit Claude

Phase 7 von 7 im Claude-as-Editor-Workflow. Vorgelagert: Transkript-Ingestion, Cut-Liste, Struktur-Vorschlag, B-Roll, Caption-Proofing, Metadaten-Generation. Volle Beschreibung: design.md §11.9.9.

Approver

Design-Lead final

Claude liefert Vorschläge, Design-Lead entscheidet. Approval gemäß §11.9.6 — keine Abkürzung über Claude-Auto-Approval.

Master-Templates & Approver

§19.7
AssetWo
Canva Master-Templates13_Video/Thumbnails/ — 4 Master pro Sub-Brand-Variante
Duplizieren-PflichtMaster werden niemals direkt editiert (§26.2)
NamingYYYY-MM-DD_<Produkt>_<Topic>_thumb_v<X>.jpg
ApproverDesign-Lead · bei AI-Bild zusätzlich Approver-Matrix §11.8.5.4
Querverweis§11.9 Video & YouTube · §11.10 Canva-Workspace · §11.8 Bildsprache