hermoso
Anmelden Registrieren
MCP & CLI
APIPreise
Anmelden Registrieren

Apple-Notes-Reveal

Eine iPhone-Notiz tippt sich selbst aus: zuerst ein fetter Titel, darunter kurze, bekenntnishafte oder listenartige Zeilen, mit leisen Tastaturgeräuschen, und am Ende eine Markenkarte.

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 4 Textfeldern, die du ausfüllst.

Wann man es einsetzt

Das Screenshot-Format einer Notiz, das Instagram und TikTok füllt. Es passt zu Listen, Bekenntnissen, Lektionen und jeder Nachricht, die eigentlich ein Stück Text und kein Bild ist.

Worauf es ankommt

Das Mockup wurde aus einer echten iPhone-Bildschirmaufnahme extrahiert und nicht angenähert. Deshalb hält es stand, wenn es auf dem Gerät, das es nachahmt, im Vollbild angesehen wird.

Das Format auf einen Blick

  • Ausgabe: ein Video.
  • Textfelder: 4, 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: apple-notes.

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.

Wie lang sollte die Notiz sein?

Ein fetter Titel und eine Handvoll kurzer Zeilen. Niemand schreibt in Notizen einen Absatz, also wirkt ein langer Text nicht mehr wie ein Screenshot von etwas Echtem. Die Tippanimation läuft außerdem in Echtzeit, was heißt, dass eine lange Notiz den größten Teil der Anzeige damit verbringt, einem Cursor zuzusehen.

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

Die Apple-Notes-Reveal-Vorlage 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