Saltar al contenido principal

Timeline

Una línea de años con sus épocas sombreadas y de dos a ocho hitos: un marcador viaja de uno a otro, cada tarjeta gira con su año, título, línea y una imagen opcional, y termina con todos los hitos listados bajo la línea: de 11 a 31 segundos. En diez estilos, cada uno con los colores, fuentes, logo, presentador y fondo de su marca.

ID de la plantillatpl_f9a5586f07eb
SectoresTodos los sectores
VariantesCorporate glass, Bento grid, Broadcast news, Editorial, Swiss grid, Neo-brutalist, Soft friendly, Clear civic, Sketch notes, Data terminal
Feeds predefinidos2, listados abajo

Casos de uso​

  • La historia de una empresa, un lugar, un club o un producto, hito a hito.
  • Los hitos de un proyecto de principio a fin, con sus fases sombreadas sobre la línea.
  • De dos a ocho hitos, cada uno con su año, una línea y una imagen opcional de su biblioteca multimedia.

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.

VarianteQué esVersionesMás reciente
Corporate glassTarjetas de cristal esmerilado sobre una aurora en los colores de su marca: tranquilo y premium.11.0.0
Bento gridRecuadros redondeados en los colores de su marca, cada uno con su propio movimiento: un aspecto moderno de producto.11.0.0
Broadcast newsUn canal de noticias en sus colores: logotipo del canal en pantalla, rótulo inferior, teletipo y su presentador.11.0.0
EditorialUna página de revista con el tono de papel y la tipografía con serifa de su marca: cabecera, líneas finas y firma.11.0.0
Swiss gridUna cuadrícula estricta, tipografía grande y el color de su marca como único acento. Nada rebota.11.0.0
Neo-brutalistBloques planos llamativos en sus colores con bordes gruesos y sombras duras.11.0.0
Soft friendlyFormas suaves y tarjetas redondeadas en matices del color de su marca: cálido y cercano.11.0.0
Clear civicPensado para leer: alto contraste, tipografía grande y sencilla y pasos numerados.11.0.0
Sketch notesUna página de cuaderno que escribe y garabatea sola con la tinta de su marca.11.0.0
Data terminalUn terminal de mercado cuyo texto es del color de su marca, con las cifras barajándose hasta quedar en su sitio.11.0.0

Qué acepta​

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

A line of years with up to five eras laid on it and two to eight milestones: a marker travels the line from milestone to milestone, each popping up with its year, title, line and a picture where one is sent, and the clip ends on every milestone listed under the line. metaData is the post's title, descriptions and hashtags and is never drawn.

CampoTipoObligatorioLímiteQué es
clipDatagroupyesClip data: Everything drawn: a kicker, the title, the span of years, the eras, two to eight milestones with their pictures, the source and the look.
clipData.kickertextup to 20 charactersKicker: A word above the title, such as OUR STORY or 50 YEARS.
clipData.titletextyesup to 80 charactersTitle: What the timeline tells. Shown above the line the whole time.
clipData.fromintegeryesFirst year: Where the line of years starts. A milestone outside the span widens it.
clipData.tointegeryesLast year: Where the line of years ends. At the end of the clip the marker runs on to it.
clipData.eraslistup to 5Eras: Up to five periods laid on the line as bands, each with its name over it. The era the marker is in is lit, and each milestone's card names its era.
clipData.eras[]groupEra
clipData.eras[].nametextyesup to 24 charactersName
clipData.eras[].fromintegeryesFrom: The year the era starts.
clipData.eras[].tointegeryesTo: The year the era ends.
clipData.milestoneslistyesat least 2, up to 8Milestones: Two to eight moments, each shown in turn as the marker reaches it, with its year, a title, a line and a picture where one is sent, then all of them listed at the end. They are put in the order of their years for you. Each adds a little over three seconds, so eight run about 31 seconds.
clipData.milestones[]groupMilestone
clipData.milestones[].yearintegeryesYear
clipData.milestones[].titletextyesup to 40 charactersTitle: What happened, in a few words.
clipData.milestones[].linetextup to 100 charactersLine: One or two sentences on what happened.
clipData.milestones[].picturevideomedia:// picture or video from the media library, alt text up to 120 charactersPicture or video: A picture from the media library, shown with the milestone and fitted to its frame as Picture fit says. A milestone without one shows its words larger. A video from the media library plays in its place, without its sound, and from its start again whenever it ends.
clipData.pictureFitenumauto, fill, wholePicture fit: Automatic, the default, fills the frame when a picture is close to its shape and shows it whole when filling would cut off more than a sixth of it, so no picture is cropped away. Fill the frame always crops to the frame, right for photographs; Show it whole never crops, right for logos and cut-out products.
clipData.pictureFocusenumcentre, top, bottom, left, rightPicture focus: Which part of a picture stays in view when it fills its frame and its edges are cropped: the middle, or one side.
clipData.sourcetextup to 70 charactersSource: Where the dates come from, shown small at the foot. Drawn exactly as written: write its label too, such as Source: at the start, as the template adds no word of its own.
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 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_f9a5586f07eb?variant=Corporate%20glass&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": "50 years",
"title": "From a church hall to a city landmark: fifty years of the Millbrook Arts Centre",
"from": 1976,
"to": 2026,
"eras": [
{
"to": 1991,
"from": 1976,
"name": "The church hall"
},
{
"to": 2014,
"from": 1991,
"name": "The old mill"
},
{
"to": 2026,
"from": 2014,
"name": "Mill and quay"
}
],
"milestones": [
{
"line": "In a rented church hall they print with ink dropped into water, and 400 people see the first show.",
"year": 1976,
"title": "Twelve painters open a studio",
"picture": {
"alt": "Clouds of red and blue ink in water",
"url": "media://example-image.png"
}
},
{
"line": "The centre buys the empty mill by the river, with room for three galleries, a cafe and a print room.",
"year": 1991,
"title": "A home in the old grain mill"
},
{
"line": "Artists who paint on screens get a prize of their own, and the winning works light up the mill.",
"year": 2003,
"title": "The first digital art prize",
"picture": {
"alt": "Soft waves of blue, violet and orange",
"url": "media://example-image.jpg"
}
},
{
"line": "Every primary school in the city brings its classes for a day of painting, paid for by the centre.",
"year": 2009,
"title": "A free day for every school"
},
{
"line": "A new hall beside the mill doubles the space and shows the city's collection of landscapes.",
"year": 2014,
"title": "A glass gallery on the quay",
"picture": {
"alt": "Hills under an evening sky, drawn in layers",
"url": "media://example-image.svg"
}
},
{
"line": "For the anniversary every room is free all year, with a show of work from each of the fifty years.",
"year": 2026,
"title": "Fifty years, free for everyone"
}
],
"pictureFit": "auto",
"pictureFocus": "centre",
"source": "Source: Millbrook Arts Centre archive",
"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": "Fifty years of the Millbrook Arts Centre, from a church hall to the quay",
"captionTiny": "The Millbrook Arts Centre turns fifty. Six moments from its story, from twelve painters in a church hall in 1976 to a year of free entry for the anniversary.",
"captionShort": "The Millbrook Arts Centre turns fifty. It began in 1976, when twelve painters rented a church hall and printed with ink dropped into water. In 1991 it moved into the old grain mill by the river, in 2003 it gave the first prize for digital art, and since 2009 every primary school in the city has spent a free day there. A glass gallery on the quay opened in 2014, and this year every room is free.",
"captionMedium": "The Millbrook Arts Centre turns fifty this year, and its story fits on one line of years. It began in 1976, when twelve painters rented a church hall and printed with ink dropped into still water; four hundred people came to see the first show. In 1991 the centre bought the empty grain mill by the river, with room for three galleries, a cafe and a print room. In 2003 it gave its first prize for digital art, and the winning works were shown in the mill's windows. Since 2009 every primary school in the city has brought its classes for a free day of painting, paid for by the centre. In 2014 a glass gallery opened on the quay beside the mill, doubling the space and giving the city's collection of landscapes a home. For the anniversary every room is free all year, with a show of work from each of the fifty years. The names and dates in this clip are illustrative.",
"captionLong": "The Millbrook Arts Centre turns fifty this year, and its story fits on one line of years. It began in 1976, when twelve painters rented a church hall and printed with ink dropped into still water, a technique one of them had brought back from a summer course; four hundred people came to see the first show in its first week. For fifteen years the church hall was the centre: classes in the evenings, a show every season, and a print room in the vestry. In 1991 the centre bought the empty grain mill by the river, with room for three galleries, a cafe and a larger print room, and the number of visitors doubled within two years. In 2003 it gave its first prize for digital art, for artists who paint on screens, and the winning works were shown in the mill's windows every evening that winter. Since 2009 every primary school in the city has brought its classes for a free day of painting, paid for by the centre and its members. In 2014 a glass gallery opened on the quay beside the mill, doubling the space and giving the city's collection of landscapes a permanent home. For the anniversary every room is free all year, with a show of work from each of the fifty years, chosen by the people who made and saw it. The centre's archive of posters, catalogues and photographs is open on the first Saturday of every month. The names and dates in this clip are illustrative.",
"hashtags": [
"art",
"gallery",
"history",
"anniversary",
"culture"
]
}
}
}

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.

Feeds predefinidos que se generan con ella​

Cada uno de estos feeds se genera con esta plantilla, en la variante que elija un canal al añadir el feed.