{
"schemaVersion": 1,
"meta": {
"id": "scene-3-step-process-editable-v1",
"type": "scene",
"name": "3 Step Process - Editable Text",
"description": "Three hand-drawn pastel step cards with traced scalable vector artwork and eight native editable Kalam text fields.",
"timingSemantics": "scene-local-v1",
"tags": [
"3-step",
"process",
"doodle",
"hand-drawn",
"pastel",
"vector",
"reference-image"
],
"createdAt": "2026-10-08T00:00:00.000Z",
"durationMs": 8000,
"aspectRatio": "3:2",
"useCaseTags": [
"education",
"business"
],
"formatTags": [
"steps"
],
"styleTags": [
"clean-sketch"
]
},
"payload": {
"name": "3 Step Process - Editable Text",
"width": 1920,
"height": 1280,
"durationMs": 8000,
"background": {
"type": "solid",
"color": "#FFFFFF"
},
"objects": [
{
"id": "header-vector",
"type": "svg",
"x": 0,
"y": 0,
"width": 1920,
"height": 370,
"props": {
"name": "Header Vector",
"svg": ""
},
"animationType": "none"
},
{
"id": "flourishes-vector",
"type": "svg",
"x": 0,
"y": 0,
"width": 1920,
"height": 1280,
"props": {
"name": "Arrows, flourishes and sparkles",
"svg": ""
},
"animationType": "none"
},
{
"id": "blue-card-vector",
"type": "svg",
"x": 43,
"y": 370,
"width": 539,
"height": 814,
"props": {
"name": "Blue Card Vector",
"svg": ""
},
"animationType": "none"
},
{
"id": "yellow-card-vector",
"type": "svg",
"x": 692,
"y": 370,
"width": 522,
"height": 814,
"props": {
"name": "Yellow Card Vector",
"svg": ""
},
"animationType": "none"
},
{
"id": "pink-card-vector",
"type": "svg",
"x": 1350,
"y": 370,
"width": 535,
"height": 814,
"props": {
"name": "Pink Card Vector",
"svg": ""
},
"animationType": "none"
},
{
"id": "header-title",
"type": "text",
"x": 703,
"y": 100,
"width": 625,
"height": 105,
"textBoxSizing": "fixed",
"props": {
"name": "Header Title",
"text": "STEP PROCESS",
"fontFamily": "Kalam",
"fontSize": 84,
"fontWeight": "normal",
"fontStyle": "normal",
"fill": "#090909",
"letterSpacing": -0.25,
"lineHeight": 1.0,
"wrap": "none",
"verticalAlign": "middle",
"align": "center",
"strokeWidth": 0
},
"animationType": "none"
},
{
"id": "header-subtitle",
"type": "text",
"x": 483,
"y": 247,
"width": 972,
"height": 85,
"textBoxSizing": "fixed",
"props": {
"name": "Header Subtitle",
"text": "Fill in each step below — Title + Description",
"fontFamily": "Kalam",
"fontSize": 49,
"fontWeight": "normal",
"fontStyle": "normal",
"fill": "#81807E",
"letterSpacing": -0.1,
"lineHeight": 1.0,
"wrap": "none",
"verticalAlign": "middle",
"align": "center",
"strokeWidth": 0
},
"animationType": "none"
},
{
"id": "step-1-title",
"type": "text",
"x": 128,
"y": 825,
"width": 382,
"height": 110,
"textBoxSizing": "fixed",
"props": {
"name": "Step 1 Title",
"text": "Title Here",
"fontFamily": "Kalam",
"fontSize": 80,
"fontWeight": "normal",
"fontStyle": "normal",
"fill": "#090909",
"letterSpacing": -1.5,
"lineHeight": 1.0,
"wrap": "none",
"verticalAlign": "middle",
"align": "center",
"strokeWidth": 0
},
"animationType": "none"
},
{
"id": "step-1-description",
"type": "text",
"x": 119,
"y": 946,
"width": 415,
"height": 82,
"textBoxSizing": "fixed",
"props": {
"name": "Step 1 Description",
"text": "Description here...",
"fontFamily": "Kalam",
"fontSize": 49,
"fontWeight": "normal",
"fontStyle": "normal",
"fill": "#090909",
"letterSpacing": -1.0,
"lineHeight": 1.0,
"wrap": "none",
"verticalAlign": "middle",
"align": "center",
"strokeWidth": 0
},
"animationType": "none"
},
{
"id": "step-2-title",
"type": "text",
"x": 773,
"y": 825,
"width": 380,
"height": 110,
"textBoxSizing": "fixed",
"props": {
"name": "Step 2 Title",
"text": "Title Here",
"fontFamily": "Kalam",
"fontSize": 80,
"fontWeight": "normal",
"fontStyle": "normal",
"fill": "#090909",
"letterSpacing": -1.5,
"lineHeight": 1.0,
"wrap": "none",
"verticalAlign": "middle",
"align": "center",
"strokeWidth": 0
},
"animationType": "none"
},
{
"id": "step-2-description",
"type": "text",
"x": 760,
"y": 946,
"width": 420,
"height": 82,
"textBoxSizing": "fixed",
"props": {
"name": "Step 2 Description",
"text": "Description here...",
"fontFamily": "Kalam",
"fontSize": 49,
"fontWeight": "normal",
"fontStyle": "normal",
"fill": "#090909",
"letterSpacing": -1.0,
"lineHeight": 1.0,
"wrap": "none",
"verticalAlign": "middle",
"align": "center",
"strokeWidth": 0
},
"animationType": "none"
},
{
"id": "step-3-title",
"type": "text",
"x": 1415,
"y": 825,
"width": 380,
"height": 110,
"textBoxSizing": "fixed",
"props": {
"name": "Step 3 Title",
"text": "Title Here",
"fontFamily": "Kalam",
"fontSize": 80,
"fontWeight": "normal",
"fontStyle": "normal",
"fill": "#090909",
"letterSpacing": -1.5,
"lineHeight": 1.0,
"wrap": "none",
"verticalAlign": "middle",
"align": "center",
"strokeWidth": 0
},
"animationType": "none"
},
{
"id": "step-3-description",
"type": "text",
"x": 1402,
"y": 946,
"width": 421,
"height": 82,
"textBoxSizing": "fixed",
"props": {
"name": "Step 3 Description",
"text": "Description here...",
"fontFamily": "Kalam",
"fontSize": 49,
"fontWeight": "normal",
"fontStyle": "normal",
"fill": "#090909",
"letterSpacing": -1.0,
"lineHeight": 1.0,
"wrap": "none",
"verticalAlign": "middle",
"align": "center",
"strokeWidth": 0
},
"animationType": "none"
}
],
"timeline": {
"cameraMode": "static"
}
},
"requiredAssets": [],
"authoring": {
"editableSlots": [
{
"id": "header-title",
"kind": "text",
"label": "Main heading",
"objectIds": [
"header-title"
],
"propKey": "text",
"defaultValue": "STEP PROCESS",
"constraints": {
"maxChars": 32,
"placeholder": "STEP PROCESS"
},
"group": "Heading",
"order": 1
},
{
"id": "header-subtitle",
"kind": "text",
"label": "Subtitle",
"objectIds": [
"header-subtitle"
],
"propKey": "text",
"defaultValue": "Fill in each step below — Title + Description",
"constraints": {
"maxChars": 80,
"placeholder": "Fill in each step below — Title + Description"
},
"group": "Heading",
"order": 2
},
{
"id": "step-1-title",
"kind": "text",
"label": "Step 1 title",
"objectIds": [
"step-1-title"
],
"propKey": "text",
"defaultValue": "Title Here",
"constraints": {
"maxChars": 34,
"placeholder": "Title Here"
},
"group": "Step 1",
"order": 3
},
{
"id": "step-1-description",
"kind": "text",
"label": "Step 1 description",
"objectIds": [
"step-1-description"
],
"propKey": "text",
"defaultValue": "Description here...",
"constraints": {
"maxChars": 75,
"placeholder": "Description here..."
},
"group": "Step 1",
"order": 4
},
{
"id": "step-2-title",
"kind": "text",
"label": "Step 2 title",
"objectIds": [
"step-2-title"
],
"propKey": "text",
"defaultValue": "Title Here",
"constraints": {
"maxChars": 34,
"placeholder": "Title Here"
},
"group": "Step 2",
"order": 5
},
{
"id": "step-2-description",
"kind": "text",
"label": "Step 2 description",
"objectIds": [
"step-2-description"
],
"propKey": "text",
"defaultValue": "Description here...",
"constraints": {
"maxChars": 75,
"placeholder": "Description here..."
},
"group": "Step 2",
"order": 6
},
{
"id": "step-3-title",
"kind": "text",
"label": "Step 3 title",
"objectIds": [
"step-3-title"
],
"propKey": "text",
"defaultValue": "Title Here",
"constraints": {
"maxChars": 34,
"placeholder": "Title Here"
},
"group": "Step 3",
"order": 7
},
{
"id": "step-3-description",
"kind": "text",
"label": "Step 3 description",
"objectIds": [
"step-3-description"
],
"propKey": "text",
"defaultValue": "Description here...",
"constraints": {
"maxChars": 75,
"placeholder": "Description here..."
},
"group": "Step 3",
"order": 8
}
],
"primarySlotCount": 6,
"objectRoles": [
{
"objectId": "header-vector",
"role": "decoration",
"lockedByDefault": true,
"description": "Vector traced artwork; no raster image embedded."
},
{
"objectId": "flourishes-vector",
"role": "decoration",
"lockedByDefault": true,
"description": "Vector traced artwork; no raster image embedded."
},
{
"objectId": "blue-card-vector",
"role": "decoration",
"lockedByDefault": true,
"description": "Vector traced artwork; no raster image embedded."
},
{
"objectId": "yellow-card-vector",
"role": "decoration",
"lockedByDefault": true,
"description": "Vector traced artwork; no raster image embedded."
},
{
"objectId": "pink-card-vector",
"role": "decoration",
"lockedByDefault": true,
"description": "Vector traced artwork; no raster image embedded."
},
{
"objectId": "header-title",
"role": "content",
"lockedByDefault": false
},
{
"objectId": "header-subtitle",
"role": "content",
"lockedByDefault": false
},
{
"objectId": "step-1-title",
"role": "content",
"lockedByDefault": false
},
{
"objectId": "step-1-description",
"role": "content",
"lockedByDefault": false
},
{
"objectId": "step-2-title",
"role": "content",
"lockedByDefault": false
},
{
"objectId": "step-2-description",
"role": "content",
"lockedByDefault": false
},
{
"objectId": "step-3-title",
"role": "content",
"lockedByDefault": false
},
{
"objectId": "step-3-description",
"role": "content",
"lockedByDefault": false
}
]
}
}