Fotorutnätskollage

Riktiga produkt- och livsstilsfoton läggs in en ruta i taget med en mjuk studs, och landar sedan som ett färdigt rutnät under ett varumärkeslockup.

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 4 produktfoton från ditt varumärke innan den kan köras.

När du ska använda det

För kollektioner, sortiment, före-och-efter-serier och alla varumärken med ett bibliotek av bra fotografi som inte har någonstans att ta vägen. Den förvandlar en mapp med bilder till en designad video.

Det du måste få rätt

Den behöver fyra foton. Formatet är hopsättningen av ett rutnät, så rutorna måste vara verkligt olika bilder snarare än beskärningar av en enda.

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: 4 produktfoton.
• Mall-id: photo-grid.

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.

Kan jag använda beskärningar av samma fotografi?

Nej. Formatet är hopsättningen av ett rutnät, så det behöver fyra verkligt olika bilder. Beskärningar av en bild sätts ihop till ett rutnät med ingenting att avslöja, vilket är det enda animationen finns till för att göra.

De andra inbyggda mallarna

• Annons i inbyggd stil
• Myt mot fakta-förklarare
• Värdeargument i rörelse-annons
• Kinetisk typografi
• Filmisk vinjett
• iMessage-chattavslöjande

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

Mallen för fotorutnätskollage 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.