Recipe card
What you need beside how to do it, a page each: a picture or video with the title and up to three facts such as time and servings, then the list of three to twelve things with their amounts, then two to eight numbered steps one by one, and the picture again: 17 to 29 seconds. In eleven styles, each wearing your brand's colours, fonts, logo, presenter and background.
| Template id | tpl_cef60d4a7989 |
|---|---|
| Markets | Every market |
| Variants | Corporate glass, Bento grid, Broadcast news, Editorial, Swiss grid, Neo-brutalist, Soft friendly, Hand marks, Outline, Infinite zoom, Paper collage |
| Ready-made feeds | None |
Use cases
- What you need beside how to do it: a recipe, a craft, a setup guide.
- The picture with the title and facts such as time and servings, then the list with its amounts.
- The steps one by one, numbered, and the picture again at the end.
Variants
A variant is this template drawn another way, and it comes in versions: immutable builds, the newest first. A channel follows the newest version of its variant, unless it is pinned to one.
| Variant | What it is | Versions | Newest |
|---|---|---|---|
| Corporate glass | Frosted glass cards over an aurora in your brand colours: calm and premium. | 1 | 1.0.0 |
| Bento grid | Rounded tiles in your brand colours, each moving on its own: a modern product look. | 1 | 1.0.0 |
| Broadcast news | A news channel in your colours: channel bug, lower third, ticker and your presenter. | 1 | 1.0.0 |
| Editorial | A magazine page in your paper tone and serif: masthead, hairline rules and a byline. | 1 | 1.0.0 |
| Swiss grid | A strict grid, large type and your brand colour as the one accent. Nothing bounces. | 1 | 1.0.0 |
| Neo-brutalist | Loud flat blocks in your colours with thick borders and hard shadows. | 1 | 1.0.0 |
| Soft friendly | Soft shapes and rounded cards in tints of your brand colour: warm and approachable. | 1 | 1.0.0 |
| Hand marks | A clean page with a marker in your colours: loops, underlines and ticks drawn on over clean type. | 1 | 1.0.0 |
| Outline | Everything drawn as a line in your colours: outlined cards and bars that draw themselves on, only what matters filled solid. | 1 | 1.0.0 |
| Infinite zoom | Nested frames in your colours and one continuous push in: every part grows out of the middle, never a cut. | 1 | 1.0.0 |
| Paper collage | Torn paper scraps and washi tape in your colours on a kraft board, every card taped on at a slight angle, moving in stop motion. | 1 | 1.0.0 |
What it accepts
Every variant takes the same content, so one document draws in any of them.
Recipe card: what you need beside how to do it, a page each: a picture or video with the title and up to three facts, the list of things with their amounts, the numbered steps one by one, and the picture again. Not only food: any how-to with what it needs. metaData is the post's title, descriptions and hashtags and is never drawn.
| Field | Type | Required | Limit | What it is |
|---|---|---|---|---|
clipData | group | yes | Clip data: Everything drawn: the title, the picture, the facts, the list and its title, the steps and their title, the source and the look. | |
clipData.kicker | text | up to 20 characters | Kicker: A word or two above the title, such as RECIPE or HOW TO. | |
clipData.title | text | yes | up to 80 characters | Title: What it makes or does. Shown from the first frame, and small over every page after the cover. |
clipData.picture | video | media:// picture or video from the media library, alt text up to 120 characters | Picture or video: What it makes, on the cover and again at the end. Left out, the cover is the title and the facts. 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.facts | list | up to 3 | Facts: Up to three short facts on the cover, such as how long it takes, how many it serves or how hard it is. | |
clipData.facts[] | group | Fact | ||
clipData.facts[].label | text | yes | up to 14 characters | Label: What it says, such as Time. |
clipData.facts[].value | text | yes | up to 14 characters | Value: Its value, such as 45 minutes. |
clipData.listTitle | text | up to 24 characters | List title: The title of the list page, such as You need. Left out, the page carries the title. | |
clipData.ingredients | list | yes | at least 3, up to 12 | What you need: Three to twelve things, each with its amount where it has one, in the order they are used. |
clipData.ingredients[] | group | Thing | ||
clipData.ingredients[].amount | text | up to 12 characters | Amount: How much, such as 200 g or 2. | |
clipData.ingredients[].name | text | yes | up to 32 characters | Name |
clipData.stepsTitle | text | up to 24 characters | Steps title: The title of the steps, such as How to. Left out, the pages carry the title. | |
clipData.steps | list | yes | at least 2, up to 8 | Steps: Two to eight steps in order, each a sentence or two, arriving one by one. Each adds two seconds. |
clipData.steps[] | group | Step | ||
clipData.steps[].text | text | yes | up to 120 characters | Step |
clipData.source | text | up to 70 characters | Source: A line at the foot, such as where the recipe comes from. 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 carries other languages: under each language code, the parts of clipData and metaData that differ, laid over the default, so a language with no copy still renders.
A picture is always a file from your media library: media:// followed by its id or its name.
Anything the table does not list is refused, and so is anything over its limit, with a 400
schema_validation error that names the field.
Ask Reelwire for the whole JSON Schema, the document your content is checked against, without signing in:
curl "https://app.reelwire.io/v1/formats/template/tpl_cef60d4a7989?variant=Corporate%20glass&version=1.0.0"
Delivery JSON
Your own system sends this to one of your streams, POST /v1/stream, and every channel listening to
that stream draws it with its template. data is the document described above; a stream with an
empty field map passes it to the template unchanged. Try it first on POST /v1/stream/validate,
which answers the same without publishing anything. Streams and feeds
explains the rest, including how to map a document of your own shape instead.
{
"streamId": "st_your_stream_id",
"eventId": "01M2SQMKK3G1NVFXV31DCBVB95",
"occurredAt": "2026-09-23T07:00:00Z",
"locale": "en",
"data": {
"clipData": {
"kicker": "Weekend baking",
"title": "Lemon drizzle cake",
"picture": {
"alt": "A lemon drizzle cake on a plate",
"url": "media://example-image.jpg"
},
"pictureFit": "auto",
"pictureFocus": "centre",
"facts": [
{
"label": "Time",
"value": "1 hour"
},
{
"label": "Serves",
"value": "8"
},
{
"label": "Level",
"value": "Easy"
}
],
"listTitle": "You need",
"ingredients": [
{
"name": "soft butter",
"amount": "225 g"
},
{
"name": "caster sugar",
"amount": "225 g"
},
{
"name": "eggs",
"amount": "4"
},
{
"name": "self-raising flour",
"amount": "275 g"
},
{
"name": "lemons, zest and juice",
"amount": "2"
},
{
"name": "icing sugar",
"amount": "100 g"
}
],
"stepsTitle": "How to",
"steps": [
{
"text": "Heat the oven to 180 degrees and line a loaf tin."
},
{
"text": "Beat the butter and sugar, then the eggs one at a time."
},
{
"text": "Fold in the flour and the zest of both lemons, and bake for 45 minutes."
},
{
"text": "Mix the lemon juice with the icing sugar and pour it over the warm cake."
}
],
"source": "Kite kitchen, recipe by Mia",
"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": "Lemon drizzle cake",
"captionTiny": "Lemon drizzle cake in one hour: six things from the cupboard and four steps. Easy, and it serves eight.",
"captionShort": "Our lemon drizzle cake takes an hour and serves eight. You need butter, sugar, eggs, self-raising flour, two lemons and some icing sugar. Beat, fold, bake for 45 minutes, then pour the lemon drizzle over the warm cake.",
"captionMedium": "Lemon drizzle cake, in one hour.\n\nYou need: 225 g soft butter, 225 g caster sugar, 4 eggs, 275 g self-raising flour, 2 lemons and 100 g icing sugar.\n\n1. Heat the oven to 180 degrees and line a loaf tin.\n2. Beat the butter and sugar, then the eggs one at a time.\n3. Fold in the flour and the zest, and bake for 45 minutes.\n4. Pour the lemon juice and icing sugar over the warm cake.\n\nServes eight. Save it for the weekend.",
"captionLong": "Lemon drizzle cake, in one hour.\n\nThis is the cake we bake when somebody has a birthday at the office: easy, quick, and it never lasts until the afternoon.\n\nYou need:\n225 g soft butter\n225 g caster sugar\n4 eggs\n275 g self-raising flour\n2 lemons, zest and juice\n100 g icing sugar\n\nHow to:\n1. Heat the oven to 180 degrees and line a loaf tin.\n2. Beat the butter and sugar until pale, then the eggs one at a time.\n3. Fold in the flour and the zest of both lemons, and bake for about 45 minutes, until a skewer comes out clean.\n4. Mix the lemon juice with the icing sugar and pour it over the cake while it is still warm.\n\nIt serves eight. Save it for the weekend and tell us how yours turned out.",
"hashtags": [
"recipe",
"baking",
"lemondrizzle",
"weekend",
"kite"
]
}
}
}
The delivery names no version: which build draws it is the channel's choice, the newest of its
variant or the one it is pinned to. eventId is a ULID you make once per event: sending the same
one again changes nothing. occurredAt is when the thing happened, not when you sent it. locale
is the language of the text in data, and data.locales carries other languages beside it.