Zum Hauptinhalt springen

Gerätebildschirm

Ein Screenshot in einem Telefon oder Laptop in Ihren Farben, Bereich für Bereich erklärt: Jeder von zwei bis vier Bereichen wird umrandet, während der Rest des Bildschirms verblasst, seine Bildunterschrift erscheint mit einer Linie vom Bereich, dann ein Call-to-Action: 10 bis 16 Sekunden. In zehn Stilen, jeweils mit Farben, Schriften, Logo, Moderator und Hintergrund Ihrer Marke.

Vorlagen-IDtpl_366d6b2194a8
BranchenJede Branche
VariantenCorporate glass, Bento grid, Broadcast news, Editorial, Neo-brutalist, Soft friendly, Lock screen, Creator native, Keynote minimal, Clear civic
Fertige FeedsKeine

Einsatzbereiche​

  • Eine App-Funktion oder ein neuer Online-Dienst, Bereich für Bereich auf einem Smartphone oder Laptop erklärt.
  • Ein Tipp der Woche: eine Tastenkombination, auf dem Bildschirm gezeigt.
  • Ein Screenshot aus Ihrer Mediathek mit zwei bis vier hervorgehobenen und beschrifteten Bereichen.

Varianten​

Eine Variante ist diese Vorlage in anderer Gestaltung, und es gibt sie in Versionen: unveränderlichen Builds, die neueste zuerst. Ein Kanal folgt der neuesten Version seiner Variante, sofern er nicht auf eine festgelegt ist.

VarianteWas es istVersionenNeueste
Corporate glassKarten aus Milchglas über einem Polarlicht in Ihren Markenfarben: ruhig und hochwertig.11.0.0
Bento gridAbgerundete Kacheln in Ihren Markenfarben, jede bewegt sich für sich: ein moderner Produktlook.11.0.0
Broadcast newsEin Nachrichtensender in Ihren Farben: Senderlogo, Namenseinblendung, Ticker und Ihr Moderator.11.0.0
EditorialEine Magazinseite in Ihrem Papierton und Ihrer Serifenschrift: Kopfzeile, feine Linien und eine Autorenzeile.11.0.0
Neo-brutalistLaute flache Blöcke in Ihren Farben mit dicken Rändern und harten Schatten.11.0.0
Soft friendlyWeiche Formen und abgerundete Karten in Tönen Ihrer Markenfarbe: warm und zugänglich.11.0.0
Lock screenDer Sperrbildschirm eines Telefons auf Ihrem Hintergrundbild, auf dem die Nachrichten als Mitteilungen Ihrer App eintreffen.11.0.0
Creator nativeIn der App gemacht: Ihr Bild hinter Textfeldern und Untertiteln in Ihrer Farbe.11.0.0
Keynote minimalEine Bühne für Produktstarts: immer nur eine Sache, riesige Schrift und ein Lichtstreifen in Ihrer Farbe.11.0.0
Clear civicZum Lesen gemacht: hoher Kontrast, große schlichte Schrift und nummerierte Schritte.11.0.0

Was sie annimmt​

Jede Variante nimmt denselben Inhalt an, sodass ein Dokument in jeder von ihnen erstellt werden kann.

A screenshot in a plain drawn phone or laptop, explained area by area: the screen scrolls or zooms to each of two to four highlighted areas in turn, outlines it while the rest pales, and its caption arrives beside the device with a line drawn from the area to it; a call to action closes it. metaData is the post's title, descriptions and hashtags and is never drawn.

FeldTypErforderlichLimitWas es ist
clipDatagroupyesClip data: Everything drawn: a kicker, the title, the device, the screenshot, the highlighted areas (where, a title and a line each), the call to action and the look. Areas are percentages of the screenshot's own width and height from its top left corner, so an area stays on its spot however the screen scrolls or zooms.
clipData.kickertextup to 20 charactersKicker: A word above the title, such as NEW APP, UPDATE or HOW TO.
clipData.titletextyesup to 80 charactersTitle: What the screen is and why it is worth a look. Shown from the first frame.
clipData.deviceenumphone, laptopDevice: The frame drawn round the screenshot: a phone for a tall app screen, a laptop for a wide web page. Left out, a screenshot wider than it is tall goes in the laptop and any other in the phone.
clipData.screenshotvideoyesmedia:// picture or video from the media library, alt text up to 120 charactersScreenshot or screen recording: The screen from the media library, as tall as the page it shows. Never cropped at the sides; a tall one scrolls, and a small area is brought close by zooming in. A video from the media library plays in its place, without its sound, and from its start again whenever it ends.
clipData.highlightslistyesat least 2, up to 4Highlighted areas: Two to four, shown in the order sent, each outlined on the screen in turn with its caption beside the device. Each adds a little over three seconds.
clipData.highlights[]groupArea
clipData.highlights[].xnumberyesfrom 0, to 100, 2 decimalsLeft edge, %: From 0 at the screenshot's left edge to 100 at its right.
clipData.highlights[].ynumberyesfrom 0, to 100, 2 decimalsTop edge, %: From 0 at the screenshot's top edge to 100 at its bottom.
clipData.highlights[].wnumberyesfrom 1, to 100, 2 decimalsWidth, %: Of the screenshot's width.
clipData.highlights[].hnumberyesfrom 1, to 100, 2 decimalsHeight, %: Of the screenshot's height.
clipData.highlights[].titletextyesup to 40 charactersTitle: What this part of the screen is or does, in a few words.
clipData.highlights[].texttextup to 110 charactersLine: One or two lines under the title.
clipData.ctatextup to 32 charactersCall to action: Written on the panel at the end, such as where to get the app or watch again.
clipData.styleWordsgroupStyle words: The few words some styles write into their own frame, each drawn exactly as written, in the language you write it in. A word left out is not drawn: no template adds a word of its own. The same keys in every format of the collections; each style draws only its own.
clipData.styleWords.livetextup to 16 charactersLive marker (Broadcast news): Written beside the light in Broadcast news' channel bug, such as LIVE. Left out, the light stands alone.
clipData.styleWords.bylinetextup to 12 charactersByline (Editorial): Written before the presenter's name in Editorial, such as By. Left out, the name stands alone.
clipData.styleWords.functionKeyslistup to 4Function keys (Data terminal): Data terminal's row of keys F1 to F4, one word each, in order, such as HELP, DATA, CHART and NEWS; the second is drawn held down, and a key that does not fit the row is left out. Left out, no keys are drawn.
clipData.styleWords.functionKeys[]textup to 12 charactersKey
clipData.styleWords.commandKeytextup to 10 charactersCommand key (Data terminal): The key at the end of Data terminal's row, in the rise colour, such as GO. Left out, none is drawn.
clipData.styleWords.realTimetextup to 12 charactersReal-time light (Data terminal): Written beside the blinking light in Data terminal's status bar, such as RT. Left out, the light stands alone.
clipData.styleWords.messageLabeltextup to 12 charactersMessage window label (Data terminal): The tab on Data terminal's message window round the presenter, such as MSG. Left out, the window has no tab.
clipData.styleWords.pictureLabeltextup to 12 charactersPicture panel label (Data terminal): Written in the strip along the top of Data terminal's picture panels, such as IMG. Left out, the strip stays empty.
clipData.lookgroupLook: How the clip looks and moves within its style. The same switches in every format of the collections. Leave a switch out, or set it to the style's own, and the style decides.
clipData.look.themeenumauto, brand, light, dark, boldTheme: The style's own choice; your brand's own colours and background; a light or dark page tinted with your brand colour; or your brand colour as the page.
clipData.look.paceenumauto, calm, standard, punchyPace: How things arrive: the style's own rhythm, calm fades, a standard rhythm, or punchy slams and cuts.
clipData.look.cornersenumauto, square, soft, roundCorners: The shape of cards, panels and marks.
clipData.look.alignenumauto, start, centreText alignment: Where the text lines up.
clipData.look.logoenumauto, freeLogo: The style's own: the logo on the style's plate (a card, a disc, a badge) so it reads on any page. As it is: the logo whole, with no plate, frame or crop, for a logo made to stand on the page, such as one with a transparent background. As it is, make sure your logo reads on the page of the theme you choose.
clipData.look.logoSizeenumauto, small, largeLogo size: Standard is the style's own size. Small draws the logo a fifth smaller, with its plate. Large draws it a quarter larger wherever the style has room for it, and at the standard size where it has none.
clipData.look.hideHeaderbooleanHide logo and title: Leaves out the line at the top of the clip: your logo, the title line and the style's decoration around them, so the content starts at the top. To leave it out of every clip, switch Logo and title line off in your brand's settings.
clipData.look.hideFooterbooleanHide footer line: Leaves out your footer line at the foot of the clip, with whatever the style draws only to carry it, so the content reaches further down. Your presenter and the source line stay. To leave it out of every clip, switch Footer line off in your brand's settings.
clipData.look.patternenumauto, none, dots, grid, linesBackground pattern: The fine texture behind the content. The style's own keeps what the style draws there, and some styles draw none. None leaves the background plain. Dots, Grid and Diagonal lines draw that pattern faintly instead, the same in every style, in the colour of your page.
metaDatagroupMeta data: Everything about the post that is never drawn in the clip: its title, its description in four lengths, one per kind of platform, and its hashtags. Reelwire adds the brand's description, link and hashtags after it. Left out, the post text is generated from the clip data.
metaData.titletextup to 100 charactersTitle: Used where the platform has a title of its own: Facebook Feed, LinkedIn, Pinterest and YouTube. Up to 100 characters, which every one of them takes.
metaData.captionTinytextup to 200 charactersTiny description (Pinterest, Threads, X): Up to 200 characters. The brand's description, link and hashtags follow it within the platform's limit.
metaData.captionShorttextup to 500 charactersShort description (Telegram, Threema, WeChat, WhatsApp): Up to 500 characters. The brand's description, link and hashtags follow it within the platform's limit.
metaData.captionMediumtextup to 1500 charactersMedium description (Discord, Facebook Reels, Instagram, LinkedIn, Signal, Slack, TikTok): Up to 1500 characters. The brand's description, link and hashtags follow it within the platform's limit.
metaData.captionLongtextup to 4000 charactersLong description (Facebook Feed, YouTube): Up to 4000 characters. The brand's description, link and hashtags follow it within the platform's limit.
metaData.hashtagslistup to 15Hashtags: Written without the #. Up to 15, which every platform takes.
metaData.hashtags[]textup to 60 charactersHashtag

locales enthält weitere Sprachen: unter jedem Sprachcode die Teile von clipData und metaData, die sich unterscheiden, über den Standard gelegt, sodass auch eine Sprache ohne eigene Fassung gerendert wird.

Ein Bild ist immer eine Datei aus Ihrer Mediathek: media://, gefolgt von ihrer ID oder ihrem Namen. Alles, was die Tabelle nicht aufführt, wird abgelehnt, ebenso alles über seinem Limit, mit einem Fehler 400 schema_validation, der das Feld nennt.

Fragen Sie Reelwire ohne Anmeldung nach dem vollständigen JSON Schema, dem Dokument, gegen das Ihr Inhalt geprüft wird:

curl "https://app.reelwire.io/v1/formats/template/tpl_366d6b2194a8?variant=Corporate%20glass&version=1.0.0"

Liefer-JSON​

Ihr eigenes System sendet dies an einen Ihrer Streams, POST /v1/stream, und jeder Kanal, der diesen Stream empfängt, erstellt daraus mit seiner Vorlage einen Clip. data ist das oben beschriebene Dokument; ein Stream mit leerer Feldzuordnung gibt es unverändert an die Vorlage weiter. Probieren Sie es zuerst mit POST /v1/stream/validate aus, das dieselbe Antwort gibt, ohne etwas zu veröffentlichen. Streams und Feeds erklärt den Rest, auch wie Sie stattdessen ein Dokument in Ihrer eigenen Form zuordnen.

{
"streamId": "st_your_stream_id",
"eventId": "01M2SQMKK3G1NVFXV31DCBVB95",
"occurredAt": "2026-09-23T07:00:00Z",
"locale": "en",
"data": {
"clipData": {
"kicker": "New in the editor",
"title": "The photo editor now selects the parts of a picture for you",
"device": "laptop",
"screenshot": {
"alt": "A landscape photo in the editor: a low evening sun over three snow-capped peaks and dark green foothills",
"url": "media://example-image.svg"
},
"highlights": [
{
"h": 33,
"w": 100,
"x": 0,
"y": 0,
"text": "The sky is selected for you, so the evening light can be lifted without touching the hills below",
"title": "The whole sky in one click"
},
{
"h": 24.5,
"w": 14.5,
"x": 64.5,
"y": 25,
"text": "Calm the glare of a low sun while the colours of the sky around it stay just as they were",
"title": "The sun on its own"
},
{
"h": 17.5,
"w": 58,
"x": 10,
"y": 41.5,
"text": "The snow on each peak is picked out, ready to brighten or sharpen in a single move",
"title": "Every snowy summit"
},
{
"h": 20,
"w": 100,
"x": 0,
"y": 80,
"text": "Open up the shadowed slopes at the foot of the picture without lightening the sky above",
"title": "Detail in the dark foreground"
}
],
"cta": "Try it in the editor today",
"styleWords": {
"live": "LIVE",
"byline": "By",
"functionKeys": [
"HELP",
"DATA",
"CHART",
"NEWS"
],
"commandKey": "GO",
"realTime": "RT",
"messageLabel": "MSG",
"pictureLabel": "IMG"
},
"look": {
"theme": "auto",
"pace": "auto",
"corners": "auto",
"align": "auto",
"logo": "auto",
"logoSize": "auto",
"hideHeader": false,
"hideFooter": false,
"pattern": "auto"
}
},
"metaData": {
"title": "The photo editor now selects the sky, the sun, the snow and the foreground for you",
"captionTiny": "The photo editor now selects the parts of a picture for you: the whole sky in one click, the sun on its own, every snowy summit and the dark foreground, each ready to adjust alone.",
"captionShort": "The photo editor now selects the parts of a picture for you. One click picks out the whole sky, so the light can be lifted without touching the hills. The sun is found on its own, so its glare can be calmed while the sky keeps its colour. The snow on every peak is selected, ready to brighten or sharpen. And the dark foreground gets its detail back without lightening the sky above. Try it in the editor today.",
"captionMedium": "The photo editor now selects the parts of a picture for you, so each one can be adjusted on its own.\n\nThe whole sky in one click. The sky is selected as soon as you ask, so the evening light can be lifted or cooled without touching the hills below.\n\nThe sun on its own. A low sun is found by itself, so its glare can be calmed while the colours of the sky around it stay as they were.\n\nEvery snowy summit. The snow on each peak is picked out, ready to brighten or sharpen in a single move.\n\nDetail in the dark foreground. The shadowed slopes at the foot of the picture get their detail back without the sky above them getting lighter.\n\nEvery selection can be widened, narrowed or painted over by hand. Try it in the editor today. Screens are illustrative.",
"captionLong": "The photo editor now selects the parts of a picture for you, so each one can be adjusted on its own without careful brushing by hand.\n\nThe whole sky in one click. The sky is selected as soon as you ask, edge to edge and around every ridge, so the evening light can be lifted, warmed or cooled without touching the hills below.\n\nThe sun on its own. A low sun is found by itself, so its glare can be calmed while the colours of the sky around it stay just as they were. It works on a moon or a street light too.\n\nEvery snowy summit. The snow on each peak is picked out, ready to brighten or sharpen in a single move, so a range of mountains no longer needs a mask for every top.\n\nDetail in the dark foreground. The shadowed slopes at the foot of the picture get their detail back without the sky above them getting lighter, which is where most evening pictures lose the most.\n\nEvery selection can be widened, narrowed or painted over by hand, and saved to use again on the next picture from the same walk. The update is free and works on every picture already in your library.\n\nTry it in the editor today. Screens are illustrative.",
"hashtags": [
"photoediting",
"photography",
"landscape",
"editor",
"newfeature"
]
}
}
}

Die Lieferung nennt keine Version: Welcher Build sie erstellt, entscheidet der Kanal, die neueste seiner Variante oder die, auf die er festgelegt ist. eventId ist eine ULID, die Sie einmal je Ereignis erzeugen: Dieselbe noch einmal zu senden, ändert nichts. occurredAt ist der Zeitpunkt des Geschehens, nicht der des Sendens. locale ist die Sprache des Textes in data, und data.locales enthält weitere Sprachen daneben.