App-omvisning

Ekte app-skjermbilder gjengitt i en CSS-iPhone-mockup (avrundet kropp, metallisk kant, dynamisk øy, skjermrefleks), svevende på en myk merkefarget scene mens omvisningen går gjennom skjermene.

Det er en av 13 innebygde HTML-annonsemaler i Hermoso, formater gjengitt fra ekte markup av en nettleser i stedet for generert av en modell. Denne gir en video, med 4 tekstfelt du fyller ut, og den trenger 2 app-skjermbilder fra merkevaren din før den kjører.

Når du bør bruke det

App-installasjonskampanjer og programvarelanseringer. Det er app-merkets svar på en produktfilm, og den eneste måten å vise et grensesnitt uten at en modell finner det opp.

Det du må få riktig

Grensesnittet er DOM-rendret fra dine ekte skjermbilder, så det er piksel-perfekt og lesbart. To skjermer er minimum; en omvisning med én skjerm er en statisk annonse.

Formatet i korthet

  • Resultat: en video.
  • Tekstfelt: 4, hver med sitt eget tegnbudsjett avledet fra layouten i stedet for gjettet.
  • Nødvendige filer: 2 app-skjermbilder.
  • Mal-id: app-ui-tour.

Slik rendres denne malen

Ingenting her genereres av en bilde- eller videomodell. Formatet er en selvstendig HTML-side der animasjonen er en ren funksjon av tid, uten CSS-keyframes, timere eller tilfeldighet. Rendereren stepper siden bilde for bilde i headless Chrome, tar skjermbilde av hver ramme, og setter dem sammen med ffmpeg til en H.264-fil som ender med en crossfade til din merkeavslutning.

To ting følger av det. Renderingen er deterministisk: de samme inputene gir samme fil, så et format som så riktig ut i går, ser riktig ut i dag. Og alt på skjermen er ekte nettleser-rendret tekst, noe som betyr at teksten er nøyaktig og forblir skarp i enhver oppløsning. Alt koster et par kreditter i stedet for en videogenerering, og det er det som gjør disse formatene praktiske å kjøre i stor skala.

Hvor mange skjermer trenger en omvisning?

Minst to. En omvisning med én skjerm er en statisk annonse med en telefon tegnet rundt. Skjermene er dine ekte skjermbilder gjengitt som nettleser-DOM inne i en CSS-iPhone, så grensesnittet forblir lesbart i stedet for å bli oppfunnet.

Alle 13 står på indeksen for native annonsemaler, og det bredere katalogen er på indeksen for kreative oppskrifter.

App-omvisning-malen er tilgjengelig fra Claude, Cursor, Codex eller en annen MCP-klient, i tillegg til webstudioet, med samme merkeforankring. Styre et format fra en agent dekker oppsettet.

Rendrer en annonse i native-format for et par kreditter. Gratisplanen krever ikke kort.

Start gratis →   Se priser