Antes y después

De uno a ocho elementos medidos dos veces en una misma escala: primero el punto del antes, después el punto del después, que se mueve desde él hasta su propio valor mientras su cifra cuenta hasta allí, el movimiento en el color de subida de la marca donde es mejor y en su color de bajada donde es peor: de 9 a 18 segundos. En nueve estilos, cada uno con los colores, fuentes, logo, presentador y fondo de su marca.

ID de la plantilla	tpl_cd6ed5cdaffd
Sectores	Todos los sectores
Variantes	Code diff, Corporate glass, Bento grid, Broadcast news, Editorial, Swiss grid, Neo-brutalist, Soft friendly, Sketch notes
Feeds predefinidos	Ninguno

Casos de uso

• Tiempos de carga antes y después de una actualización, precios antes y después de un cambio.
• Esta temporada junto a la anterior, o las cifras de una ciudad en dos años.
• Las mejores noticias con su color de subida, sea cual sea el sentido de mejor.

Variantes

Una variante es esta plantilla con otro diseño, y existe en versiones: compilaciones inmutables, la más reciente primero. Un canal sigue la versión más reciente de su variante, salvo que esté fijado a una.

Variante	Qué es	Versiones	Más reciente
Code diff	Un editor de noche en sus colores: paneles con una barra de pestañas y números de línea, su marca en chips encima.	1	1.0.0
Corporate glass	Tarjetas de cristal esmerilado sobre una aurora en los colores de su marca: tranquilo y premium.	1	1.0.0
Bento grid	Recuadros redondeados en los colores de su marca, cada uno con su propio movimiento: un aspecto moderno de producto.	1	1.0.0
Broadcast news	Un canal de noticias en sus colores: logotipo del canal en pantalla, rótulo inferior, teletipo y su presentador.	1	1.0.0
Editorial	Una página de revista con el tono de papel y la tipografía con serifa de su marca: cabecera, líneas finas y firma.	1	1.0.0
Swiss grid	Una cuadrícula estricta, tipografía grande y el color de su marca como único acento. Nada rebota.	1	1.0.0
Neo-brutalist	Bloques planos llamativos en sus colores con bordes gruesos y sombras duras.	1	1.0.0
Soft friendly	Formas suaves y tarjetas redondeadas en matices del color de su marca: cálido y cercano.	1	1.0.0
Sketch notes	Una página de cuaderno que escribe y garabatea sola con la tinta de su marca.	1	1.0.0

Qué acepta

Todas las variantes aceptan el mismo contenido, así que un documento se genera en cualquiera de ellas.

Before and after: one to eight things each measured twice on one scale, the before dot set first and the after dot moving from it to its own value while its figure counts there, the move in the brand's rise colour where it is better and its fall colour where it is worse. metaData is the post's title, descriptions and hashtags and is never drawn.

Campo	Tipo	Obligatorio	Límite	Qué es
clipData	group	yes		Clip data: Everything drawn: the title, the two words, the things and their two values, the note, the source and the look.
clipData.kicker	text		up to 20 characters	Kicker: A word or two above the title, such as FASTER.
clipData.title	text	yes	up to 80 characters	Title: What changed. Shown from the first frame.
clipData.beforeLabel	text	yes	up to 20 characters	Before word: What the first value is, in the key, such as Before or 2025.
clipData.afterLabel	text	yes	up to 20 characters	After word: What the second value is, in the key, such as After or 2026.
clipData.better	enum		higher, lower, neither	Better is: Which way a change is good news: drawn in your rise colour when it goes that way and your fall colour when it goes the other.
clipData.items	list	yes	at least 1, up to 8	Things: One to eight, in the order meant, each measured twice in the same unit. Each adds a second and a half.
clipData.items[]	group			Thing
clipData.items[].label	text	yes	up to 32 characters	Name
clipData.items[].before	number	yes	2 decimals	Before
clipData.items[].after	number	yes	2 decimals	After
clipData.prefix	text		up to 6 characters	Prefix: Before every figure, such as a currency sign.
clipData.unit	text		up to 10 characters	Unit: After every figure, such as s or %.
clipData.note	text		up to 100 characters	Note: One line under the things.
clipData.source	text		up to 70 characters	Source: Where the figures come from, at the foot. Drawn exactly as written.
clipData.styleWords	group			Style 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.live	text		up to 16 characters	Live marker (Broadcast news): Written beside the light in Broadcast news' channel bug, such as LIVE. Left out, the light stands alone.
clipData.styleWords.byline	text		up to 12 characters	Byline (Editorial): Written before the presenter's name in Editorial, such as By. Left out, the name stands alone.
clipData.styleWords.functionKeys	list		up to 4	Function 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[]	text		up to 12 characters	Key
clipData.styleWords.commandKey	text		up to 10 characters	Command 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.realTime	text		up to 12 characters	Real-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.messageLabel	text		up to 12 characters	Message 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.pictureLabel	text		up to 12 characters	Picture 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.look	group			Look: 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.theme	enum		auto, brand, light, dark, bold	Theme: 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.pace	enum		auto, calm, standard, punchy	Pace: How things arrive: the style's own rhythm, calm fades, a standard rhythm, or punchy slams and cuts.
clipData.look.corners	enum		auto, square, soft, round	Corners: The shape of cards, panels and marks.
clipData.look.align	enum		auto, start, centre	Text alignment: Where the text lines up.
clipData.look.logo	enum		auto, free	Logo: 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.logoSize	enum		auto, small, large	Logo 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.hideHeader	boolean			Hide 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.hideFooter	boolean			Hide 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.pattern	enum		auto, none, dots, grid, lines	Background 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.
metaData	group			Meta 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.title	text		up to 100 characters	Title: 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.captionTiny	text		up to 200 characters	Tiny description (Pinterest, Threads, X): Up to 200 characters. The brand's description, link and hashtags follow it within the platform's limit.
metaData.captionShort	text		up to 500 characters	Short description (Telegram, Threema, WeChat, WhatsApp): Up to 500 characters. The brand's description, link and hashtags follow it within the platform's limit.
metaData.captionMedium	text		up to 1500 characters	Medium 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.captionLong	text		up to 4000 characters	Long description (Facebook Feed, YouTube): Up to 4000 characters. The brand's description, link and hashtags follow it within the platform's limit.
metaData.hashtags	list		up to 15	Hashtags: Written without the #. Up to 15, which every platform takes.
metaData.hashtags[]	text		up to 60 characters	Hashtag

locales contiene otros idiomas: bajo cada código de idioma, las partes de clipData y metaData que cambian, superpuestas al contenido predeterminado, así que un idioma sin copia propia también se renderiza.

Una imagen es siempre un archivo de su biblioteca multimedia: media:// seguido de su ID o su nombre. Todo lo que la tabla no enumera se rechaza, y también todo lo que supera su límite, con un error 400 schema_validation que nombra el campo.

Pida a Reelwire, sin iniciar sesión, el JSON Schema completo, el documento con el que se valida su contenido:

curl "https://app.reelwire.io/v1/formats/template/tpl_cd6ed5cdaffd?variant=Code%20diff&version=1.0.0"

JSON de entrega

Su propio sistema envía esto a uno de sus streams, POST /v1/stream, y cada canal que recibe ese stream lo genera con su plantilla. data es el documento descrito arriba; un stream con una asignación de campos vacía lo pasa a la plantilla sin cambios. Pruébelo primero con POST /v1/stream/validate, que responde igual sin publicar nada. Streams y feeds explica el resto, incluido cómo asignar en su lugar un documento con su propia forma.

{
  "streamId": "st_your_stream_id",
  "eventId": "01M2SQMKK3G1NVFXV31DCBVB95",
  "occurredAt": "2026-09-23T07:00:00Z",
  "locale": "en",
  "data": {
    "clipData": {
      "kicker": "Faster",
      "title": "Every page loads in half the time since the update",
      "beforeLabel": "Version 3",
      "afterLabel": "Version 4",
      "better": "lower",
      "items": [
        {
          "after": 1.1,
          "label": "Home page",
          "before": 2.4
        },
        {
          "after": 1.4,
          "label": "Search",
          "before": 3.1
        },
        {
          "after": 1.9,
          "label": "Checkout",
          "before": 4.2
        },
        {
          "after": 1.3,
          "label": "Your account",
          "before": 2.8
        }
      ],
      "prefix": "",
      "unit": "s",
      "note": "Average time until a page is ready, on a phone, in October",
      "source": "Kite app measurements",
      "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": "Every page loads in half the time since the update",
      "captionTiny": "Since version 4 every page loads in about half the time: the home page in 1.1 s instead of 2.4 s, checkout in 1.9 s instead of 4.2 s.",
      "captionShort": "Version 4 is out, and you will feel it: every page of the app now loads in about half the time. The home page in 1.1 seconds instead of 2.4, search in 1.4 instead of 3.1, checkout in 1.9 instead of 4.2 and your account in 1.3 instead of 2.8.",
      "captionMedium": "Version 4 is out: every page loads in about half the time.\n\nHome page: 1.1 s, was 2.4 s.\nSearch: 1.4 s, was 3.1 s.\nCheckout: 1.9 s, was 4.2 s.\nYour account: 1.3 s, was 2.8 s.\n\nAverage time until a page is ready on a phone, measured in October. Update the app to get it.",
      "captionLong": "Version 4 is out, and every page of the app loads in about half the time.\n\nHome page: 1.1 seconds, down from 2.4.\nSearch: 1.4 seconds, down from 3.1.\nCheckout: 1.9 seconds, down from 4.2. This is the one we worked hardest on, because it is the one where waiting costs you most.\nYour account: 1.3 seconds, down from 2.8.\n\nThese are the average times until a page is ready to use on a phone, measured in October. If you have not updated yet, the update is waiting for you in the app store.",
      "hashtags": [
        "update",
        "performance",
        "app",
        "fintech",
        "kite"
      ]
    }
  }
}

La entrega no nombra ninguna versión: qué compilación la genera lo elige el canal, la más reciente de su variante o la que tenga fijada. eventId es un ULID que usted crea una vez por evento: enviar el mismo otra vez no cambia nada. occurredAt es cuándo ocurrió el hecho, no cuándo lo envió. locale es el idioma del texto en data, y data.locales contiene otros idiomas junto a él.