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 plantilla | tpl_f9a5586f07eb |
|---|---|
| Sectores | Todos los sectores |
| Variantes | Corporate glass, Bento grid, Broadcast news, Editorial, Swiss grid, Neo-brutalist, Soft friendly, Clear civic, Sketch notes, Data terminal |
| Feeds predefinidos | 2, 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.
| Variante | Qué es | Versiones | Más reciente |
|---|---|---|---|
| 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 |
| Clear civic | Pensado para leer: alto contraste, tipografía grande y sencilla y pasos numerados. | 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 |
| Data terminal | Un terminal de mercado cuyo texto es del color de su marca, con las cifras barajándose hasta quedar en su sitio. | 1 | 1.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.
| Campo | Tipo | Obligatorio | Límite | Qué es |
|---|---|---|---|---|
clipData | group | yes | Clip 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.kicker | text | up to 20 characters | Kicker: A word above the title, such as OUR STORY or 50 YEARS. | |
clipData.title | text | yes | up to 80 characters | Title: What the timeline tells. Shown above the line the whole time. |
clipData.from | integer | yes | First year: Where the line of years starts. A milestone outside the span widens it. | |
clipData.to | integer | yes | Last year: Where the line of years ends. At the end of the clip the marker runs on to it. | |
clipData.eras | list | up to 5 | Eras: 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[] | group | Era | ||
clipData.eras[].name | text | yes | up to 24 characters | Name |
clipData.eras[].from | integer | yes | From: The year the era starts. | |
clipData.eras[].to | integer | yes | To: The year the era ends. | |
clipData.milestones | list | yes | at least 2, up to 8 | Milestones: 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[] | group | Milestone | ||
clipData.milestones[].year | integer | yes | Year | |
clipData.milestones[].title | text | yes | up to 40 characters | Title: What happened, in a few words. |
clipData.milestones[].line | text | up to 100 characters | Line: One or two sentences on what happened. | |
clipData.milestones[].picture | video | media:// picture or video from the media library, alt text up to 120 characters | Picture 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.pictureFit | enum | auto, fill, whole | Picture 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.pictureFocus | enum | centre, top, bottom, left, right | Picture 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.source | text | up to 70 characters | Source: 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.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_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.