Rundtur i appens gränssnitt

Det är en av 13 inbyggda HTML-annonsmallar i Hermoso, format som renderas från riktig markup av en webbläsare i stället för att genereras av en modell. Den här ger en video, med 4 textfält du fyller i, och den behöver 2 appskärmbilder från ditt varumärke innan den kan köras.

När du ska använda det

Kampanjer för appinstallation och lanseringar av programvara. Det är appvarumärkets svar på en produktfilm, och det enda sättet att visa ett gränssnitt utan att en modell hittar på ett.

Det du måste få rätt

Gränssnittet är renderat DOM från dina riktiga skärmbilder, så det är pixelperfekt och läsbart. Två skärmar är minimum; en rundtur med en skärm är en statisk annons.

Formatet i korthet

• Resultat: en video.
• Textfält: 4, vart och ett med sin egen teckenbudget härledd från layouten snarare än gissad.
• Tillgångar som krävs: 2 appskärmbilder.
• Mall-id: app-ui-tour.

Så renderas den här mallen

Ingenting här genereras av en bild- eller videomodell. Formatet är en fristående HTML-sida vars animation är en ren funktion av tid, utan CSS-nyckelbildrutor, timers eller slumpmässighet. Renderaren stegar sidan bildruta för bildruta i headless Chrome, tar en skärmbild av varje bildruta och sätter ihop dem med ffmpeg till en H.264-fil som slutar i en övertoning till ditt varumärkes slutskylt.

Två saker följer av det. Renderingen är deterministisk: samma indata ger samma fil, så ett format som såg rätt ut igår ser rätt ut idag. Och varje ord på skärmen är riktig text renderad av webbläsaren, vilket betyder att texten är exakt och förblir skarp i alla upplösningar. Hela saken kostar ett par krediter i stället för en videogenerering, vilket är det som gör att de här formaten går att köra i volym.

Hur många skärmar behöver en rundtur?

Minst två. En rundtur med en skärm är en statisk annons med en telefon ritad runt sig. Skärmarna är dina riktiga skärmbilder, renderade som webbläsar-DOM inuti en CSS-iPhone, så gränssnittet förblir läsbart i stället för att hittas på.

De andra inbyggda mallarna

• Apple Notes-avslöjande
• AirDrop-produktkarusell
• Varumärkeskarusell
• Filmisk vinjett
• ChatGPT-chattavslöjande
• Värdeargument i rörelse-annons

Alla 13 finns i indexet över inbyggda annonsmallar, och det bredare utbudet finns i indexet över kreativa recept.

Mallen för rundtur i appens gränssnitt går att nå från Claude, Cursor, Codex eller vilken annan MCP-klient som helst, lika väl som från webbstudion, med samma varumärkesgrund. Så kör du ett format från en agent förklarar inställningen.