TikTok-Overlay Visual-Style
Festgelegtes Visual-System fuer alle TikTok-Overlays auf Marvins persoenlichem TikTok-Kanal. Quelle: Iterations-Session 2026-05-21, drei Style-Pfade durchprobiert bis Reihen-Marke stand.
Reihen-Marke: Editorial Niemann / Saul Bass
Wann nutzen: Default fuer alle TikTok-Overlays. Erste Wahl.
Warum:
- Knallorange = Scroll-Stopper im TikTok-Feed
- Saul-Bass-Look = “designed”, passt zu Marvins Selbstbeschreibung „clean, professional, kantig, minimalistisch”
- Reproduzierbar als Reihe — wird zur visuellen Marke ueber mehrere Overlays hinweg
- Plug-and-Play animierbar via Kling i2v (flache Silhouetten bleiben stabil zwischen Frames)
Modell + Config:
- Replicate:
recraft-ai/recraft-v3 - Style:
digital_illustration/2d_art_poster_2 - Size:
1024x1820(9:16) - Prompt-Anker: „Editorial vector illustration in the style of Christoph Niemann and New Yorker magazine cover art: minimal flat cartoon figure, sparse minimal shapes, clean flat colors, generous negative space, off-white background, deep black silhouettes with one orange accent only”
- Recraft V3 Prompt-Limit: 500 chars — Brand-Anker muss vorne stehen.
Sample: style-1-editorial-niemann.webp
Spezial-Look: Riso 2-Color
Wann nutzen: One-Off-Specials, Standbild-Posts ohne Animation, atmosphaerische / self-deprecating Botschaften.
Warum:
- Indie-handgemacht-Vibe — fuehlt sich nicht-AI an
- Atmosphaerisch dunkel — passt zu Self-Deprecation („mein Content ist scheisse”)
- Aber: NICHT reliable animierbar — Halftone-Dots + Misregistration werden in Kling i2v jeden Frame neu interpretiert, flackert
Modell + Config:
- Replicate:
recraft-ai/recraft-v3 - Style:
digital_illustration/grain - Size:
1024x1820(9:16) - Prompt-Anker: „Risograph print poster style, two-color overprint: bold graphic illustration, printed in safety orange and black inks on cream paper, visible halftone dot textures, slight misregistration, indie zine printing aesthetic”
Sample: style-5-riso.webp
Animation-Pfad
| Style | Kling i2v | Programmatic (Hyperframes/CSS) |
|---|---|---|
| Editorial Niemann | Sehr gut. 5s-Loop via kwaivgi/kling-v2.1-master direkt aus dem Standbild. Flache Silhouetten bleiben stabil. | Auch trivial — SVG-Layer animieren. Volle Kontrolle. |
| Riso 2-Color | Vermeiden. Print-Textur morpht. | Standbild als PNG halten, kleine Layer (Schild zittert, Phone faellt) via CSS animieren. |
Aussortiert — was NICHT funktioniert
| Style | Warum nicht |
|---|---|
| Tex-Avery-Industriemaschine-Comic (Ideogram V3, dicht) | Visuell zu dicht (3-4 Sek Lesezeit) fuer TikTok-Tempo. Text-Bugs (FYP, FORGOTTEN, VIRAL als Pseudo-Text gerendert). |
Warm-handgezeichneter Pixar-Cartoon (Recraft V3 digital_illustration) | Zu generic-AI, fuehlt sich nicht „kantig” an. Marvin hat explizit abgelehnt. |
| Roboter-Charaktere fuer abstrakte Konzepte | Weniger memetic als Menschen mit Persona. „Disco-Bouncer” liest in <1 Sek, „Algorithmus-Roboter” muss erst dekodiert werden. |
| xkcd-Strichmaennchen-Versuch | Modell hat Trigger nicht gerendert — kam wieder als warm-handgezeichneter Cartoon raus. Vector-Style-Anker mit Recraft V3 fragil. |
Bauhaus / Memphis (Recraft V3 digital_illustration + Geometrie-Prompt) | Zu „designorientiert”, ignoriert Charakter-Detail. Verliert die Bouncer-Lesbarkeit. |
Generelle Regeln
- TEXT NIE im Bild generieren lassen. AI-Modelle scheitern reproducible an Text-Labels. Bild bleibt textfrei, Text-Layer kommt in CapCut/Hyperframes drueber.
- TikTok Safe-Zone respektieren:
- Obere ~12% (Sound + Username) muss leer / Negative-Space sein
- Untere ~22% (Caption + Like/Share-Buttons) muss leer sein
- Rechte Spalte (~150px) ist Action-Spalte — Visuals duerfen rein, Text nicht
- Brauchbare Text-Safe-Zone: mittlere ~720×1280 px
- Single-Charakter zentriert. Single-Element-Komposition liest in <1 Sek. Mehrere Elemente nur wenn explizit Story-Funktion (zwei Charaktere die interagieren).
- Menschen statt Roboter wenn das Konzept emotional / anthropomorph ist. Disco-Bouncer schlaegt Algorithmus-Roboter, Nervous-Mensch schlaegt Nervous-Roboter.
- Bei Animation: Editorial-Style ist Kling-tauglich. Riso nur statisch oder mit programmatischer CSS-Animation.
Pipeline
1. Briefing (Voiceover-Kern + Motiv-Konzept)
2. Generiere 2-3 Varianten parallel im Editorial-Niemann-Style
3. Marvin pickt Sieger
4. Optional: Kling i2v fuer 5s-Loop (~3 Min, ~0.30 USD)
5. CapCut: Text-Layer + Voiceover-Sync
6. Export 9:16, post
Stand-History
| Datum | Aenderung |
|---|---|
| 2026-05-21 | Pattern angelegt nach Iterations-Session (3 Style-Pfade durchprobiert bis Editorial-Niemann + Riso 2-Color stehen). |