hermoso
Anmelden Registrieren
MCP & CLI
APIPreise
Anmelden Registrieren

Kinetische Typografie

Rhythmisches typografisches Motion Design: kurze Sätze, die Wort für Wort auf randlosen Markenkarten landen, ein schräger Akzentbalken, der jeden Schnitt überdeckt, und Produktbilder, die den Rhythmus setzen.

Es ist eine von 13 nativen HTML-Anzeigenvorlagen in Hermoso, also Formate, die ein Browser aus echtem Markup rendert statt ein Modell generiert. Diese hier liefert ein Video mit 3 Textfeldern, die du ausfüllst.

Wann man es einsetzt

Wenn der Text die Anzeige ist: ein Manifest, eine Preisänderung, eine Ankündigung, eine starke Einzelzeile. Es ist das deterministische Gegenstück zum Rezept der kinetischen Typografie-Videos.

Worauf es ankommt

Weil es ein parametrischer Compositor und kein generatives Modell ist, werden Timing, Halt und Bewegung jedes Wortes kontrolliert statt angefragt. Die Buchstaben können nicht verzerrt werden.

Das Format auf einen Blick

  • Ausgabe: ein Video.
  • Textfelder: 3, jedes mit eigenem Zeichenbudget, das aus dem Layout abgeleitet und nicht geschätzt ist.
  • Benötigte Assets: keine, es wird nur aus Text und deiner Marke gerendert.
  • Vorlagen-ID: kinetic-type.

So rendert diese Vorlage

Nichts hier wird von einem Bild- oder Videomodell generiert. Das Format ist eine in sich geschlossene HTML-Seite, deren Animation eine reine Funktion der Zeit ist, ohne CSS-Keyframes, Timer oder Zufall. Der Renderer steppt diese Seite Bild für Bild in einem Headless-Chrome, macht von jedem Bild einen Screenshot und setzt sie mit ffmpeg zu einer H.264-Datei zusammen, die mit einer Überblendung auf deine Markenend-Karte endet.

Daraus folgen zwei Dinge. Der Render ist deterministisch: Dieselben Eingaben ergeben dieselbe Datei, ein Format, das gestern richtig aussah, sieht heute richtig aus. Und jedes Wort auf dem Bildschirm ist echter, im Browser gerenderter Text, also ist der Text exakt und bleibt bei jeder Auflösung scharf. Das Ganze kostet ein paar Credits statt einer Videogenerierung, und genau das macht diese Formate im großen Maßstab praktikabel.

Worin unterscheidet sie sich vom Rezept für kinetische Typografie?

Das Rezept erzeugt Bilder und setzt Typografie hinein. Diese Vorlage setzt Schrift in einem Browser auf Markenkarten, also kostet sie ein paar Credits statt einer Videogenerierung, und dieselbe Eingabe ergibt jedes Mal dieselbe Datei. Nimm das Rezept, wenn das Bild zählt, und diese Vorlage, wenn der Satz zählt.

Alle 13 stehen im Index der nativen Anzeigenvorlagen, und der weitere Katalog steht im Index der kreativen Rezepte.

Die Vorlage für kinetische Typografie ist von Claude, Cursor, Codex oder jedem anderen MCP-Client aus erreichbar, ebenso wie im Web-Studio, mit derselben Markenbasis. Ein Format über einen Agenten steuern beschreibt die Einrichtung.

Rendere eine Anzeige im nativen Format für ein paar Credits. Für den Free-Plan brauchst du keine Kreditkarte.

Kostenlos starten →   Preise ansehen