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

StyleKling i2vProgrammatic (Hyperframes/CSS)
Editorial NiemannSehr 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-ColorVermeiden. Print-Textur morpht.Standbild als PNG halten, kleine Layer (Schild zittert, Phone faellt) via CSS animieren.

Aussortiert — was NICHT funktioniert

StyleWarum 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 KonzepteWeniger memetic als Menschen mit Persona. „Disco-Bouncer” liest in <1 Sek, „Algorithmus-Roboter” muss erst dekodiert werden.
xkcd-Strichmaennchen-VersuchModell 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

  1. TEXT NIE im Bild generieren lassen. AI-Modelle scheitern reproducible an Text-Labels. Bild bleibt textfrei, Text-Layer kommt in CapCut/Hyperframes drueber.
  2. 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
  3. Single-Charakter zentriert. Single-Element-Komposition liest in <1 Sek. Mehrere Elemente nur wenn explizit Story-Funktion (zwei Charaktere die interagieren).
  4. Menschen statt Roboter wenn das Konzept emotional / anthropomorph ist. Disco-Bouncer schlaegt Algorithmus-Roboter, Nervous-Mensch schlaegt Nervous-Roboter.
  5. 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

DatumAenderung
2026-05-21Pattern angelegt nach Iterations-Session (3 Style-Pfade durchprobiert bis Editorial-Niemann + Riso 2-Color stehen).