Fix demo rendering and baseline requirements
This commit is contained in:
@@ -0,0 +1,93 @@
|
||||
{
|
||||
"theme": "flat-motion-graphics",
|
||||
"cuts": [
|
||||
{
|
||||
"id": "code-hook",
|
||||
"source": "",
|
||||
"type": "hero_title",
|
||||
"in_seconds": 0,
|
||||
"out_seconds": 3.5,
|
||||
"text": "From Code to Screen",
|
||||
"subtitle": "How a small system turns work into a polished release",
|
||||
"backgroundColor": "#0F172A"
|
||||
},
|
||||
{
|
||||
"id": "code-tip",
|
||||
"source": "",
|
||||
"type": "callout",
|
||||
"in_seconds": 3.5,
|
||||
"out_seconds": 7.5,
|
||||
"title": "Shipping Rule",
|
||||
"text": "Start with one visible win, then automate the repeatable path.",
|
||||
"callout_type": "tip",
|
||||
"accentColor": "#22D3EE",
|
||||
"backgroundColor": "#0F172A",
|
||||
"color": "#F8FAFC"
|
||||
},
|
||||
{
|
||||
"id": "code-compare",
|
||||
"source": "",
|
||||
"type": "comparison",
|
||||
"in_seconds": 7.5,
|
||||
"out_seconds": 13,
|
||||
"title": "Reusable systems beat one-off edits",
|
||||
"leftLabel": "Manual Fixes",
|
||||
"leftValue": "9 files",
|
||||
"rightLabel": "Shared Pattern",
|
||||
"rightValue": "1 flow",
|
||||
"accentColor": "#A78BFA",
|
||||
"backgroundColor": "#0F172A",
|
||||
"color": "#F8FAFC"
|
||||
},
|
||||
{
|
||||
"id": "code-progress",
|
||||
"source": "",
|
||||
"type": "progress_bar",
|
||||
"in_seconds": 13,
|
||||
"out_seconds": 17.5,
|
||||
"title": "Automation coverage",
|
||||
"progress": 0.82,
|
||||
"progressLabel": "82% of the release path is scripted",
|
||||
"progressColor": "#34D399",
|
||||
"backgroundColor": "#0F172A"
|
||||
},
|
||||
{
|
||||
"id": "code-kpis",
|
||||
"source": "",
|
||||
"type": "kpi_grid",
|
||||
"in_seconds": 17.5,
|
||||
"out_seconds": 24,
|
||||
"title": "Release pulse",
|
||||
"chartData": [
|
||||
{ "label": "PRs merged", "value": 14, "change": 18, "suffix": "" },
|
||||
{ "label": "Build minutes", "value": 11, "change": -22, "suffix": " min" },
|
||||
{ "label": "Bugs reopened", "value": 2, "change": -50, "suffix": "" }
|
||||
],
|
||||
"columns": 3,
|
||||
"chartColors": ["#22D3EE", "#34D399", "#F59E0B"],
|
||||
"chartAnimation": "cascade",
|
||||
"backgroundColor": "#0F172A"
|
||||
}
|
||||
],
|
||||
"overlays": [
|
||||
{
|
||||
"type": "section_title",
|
||||
"in_seconds": 7.8,
|
||||
"out_seconds": 10.6,
|
||||
"text": "Systems",
|
||||
"subtitle": "Design once, apply everywhere",
|
||||
"accentColor": "#A78BFA"
|
||||
},
|
||||
{
|
||||
"type": "stat_reveal",
|
||||
"in_seconds": 13.4,
|
||||
"out_seconds": 16.8,
|
||||
"text": "82%",
|
||||
"subtitle": "Automated delivery path",
|
||||
"accentColor": "#34D399",
|
||||
"position": "bottom-right"
|
||||
}
|
||||
],
|
||||
"captions": [],
|
||||
"audio": {}
|
||||
}
|
||||
@@ -0,0 +1,93 @@
|
||||
{
|
||||
"theme": "flat-motion-graphics",
|
||||
"cuts": [
|
||||
{
|
||||
"id": "focusflow-hook",
|
||||
"source": "",
|
||||
"type": "hero_title",
|
||||
"in_seconds": 0,
|
||||
"out_seconds": 3.5,
|
||||
"text": "FocusFlow",
|
||||
"subtitle": "A calm planning app that protects deep work",
|
||||
"backgroundColor": "#0F172A"
|
||||
},
|
||||
{
|
||||
"id": "focusflow-stat",
|
||||
"source": "",
|
||||
"type": "stat_card",
|
||||
"in_seconds": 3.5,
|
||||
"out_seconds": 7.5,
|
||||
"stat": "3h 12m",
|
||||
"subtitle": "Average weekly focus time recovered",
|
||||
"accentColor": "#F59E0B",
|
||||
"backgroundColor": "#0F172A"
|
||||
},
|
||||
{
|
||||
"id": "focusflow-bars",
|
||||
"source": "",
|
||||
"type": "bar_chart",
|
||||
"in_seconds": 7.5,
|
||||
"out_seconds": 12.5,
|
||||
"title": "Average context switches per day",
|
||||
"chartData": [
|
||||
{ "label": "Before", "value": 42 },
|
||||
{ "label": "After", "value": 18 }
|
||||
],
|
||||
"chartColors": ["#FB7185", "#34D399"],
|
||||
"showGrid": true,
|
||||
"showValues": true,
|
||||
"backgroundColor": "#0F172A"
|
||||
},
|
||||
{
|
||||
"id": "focusflow-breakdown",
|
||||
"source": "",
|
||||
"type": "pie_chart",
|
||||
"in_seconds": 12.5,
|
||||
"out_seconds": 17.5,
|
||||
"title": "Where reclaimed time goes",
|
||||
"chartData": [
|
||||
{ "label": "Priority work", "value": 74 },
|
||||
{ "label": "Planning", "value": 16 },
|
||||
{ "label": "Meetings", "value": 10 }
|
||||
],
|
||||
"chartColors": ["#34D399", "#22D3EE", "#A78BFA"],
|
||||
"donut": true,
|
||||
"centerLabel": "Priority work",
|
||||
"centerValue": "74%",
|
||||
"showLegend": true,
|
||||
"backgroundColor": "#0F172A"
|
||||
},
|
||||
{
|
||||
"id": "focusflow-close",
|
||||
"source": "",
|
||||
"type": "text_card",
|
||||
"in_seconds": 17.5,
|
||||
"out_seconds": 21.5,
|
||||
"text": "Fewer pings. Better mornings.",
|
||||
"subtitle": "Small product, measurable calm.",
|
||||
"color": "#F8FAFC",
|
||||
"backgroundColor": "#0F172A"
|
||||
}
|
||||
],
|
||||
"overlays": [
|
||||
{
|
||||
"type": "section_title",
|
||||
"in_seconds": 7.7,
|
||||
"out_seconds": 10.4,
|
||||
"text": "Traction",
|
||||
"subtitle": "Illustrative pilot results",
|
||||
"accentColor": "#F59E0B"
|
||||
},
|
||||
{
|
||||
"type": "stat_reveal",
|
||||
"in_seconds": 13.2,
|
||||
"out_seconds": 16.8,
|
||||
"text": "74%",
|
||||
"subtitle": "Time redirected to priority work",
|
||||
"accentColor": "#34D399",
|
||||
"position": "bottom-right"
|
||||
}
|
||||
],
|
||||
"captions": [],
|
||||
"audio": {}
|
||||
}
|
||||
@@ -0,0 +1,95 @@
|
||||
{
|
||||
"theme": "flat-motion-graphics",
|
||||
"cuts": [
|
||||
{
|
||||
"id": "world-hook",
|
||||
"source": "",
|
||||
"type": "hero_title",
|
||||
"in_seconds": 0,
|
||||
"out_seconds": 3.5,
|
||||
"text": "The World in Numbers",
|
||||
"subtitle": "A zero-key showcase built from Remotion components only",
|
||||
"backgroundColor": "#0F172A"
|
||||
},
|
||||
{
|
||||
"id": "world-population",
|
||||
"source": "",
|
||||
"type": "stat_card",
|
||||
"in_seconds": 3.5,
|
||||
"out_seconds": 7.5,
|
||||
"stat": "8.1B",
|
||||
"subtitle": "People sharing one connected planet",
|
||||
"accentColor": "#22D3EE",
|
||||
"backgroundColor": "#0F172A"
|
||||
},
|
||||
{
|
||||
"id": "world-cities",
|
||||
"source": "",
|
||||
"type": "bar_chart",
|
||||
"in_seconds": 7.5,
|
||||
"out_seconds": 13,
|
||||
"title": "Illustrative megacity population",
|
||||
"chartData": [
|
||||
{ "label": "Tokyo", "value": 37 },
|
||||
{ "label": "Delhi", "value": 33 },
|
||||
{ "label": "Shanghai", "value": 29 },
|
||||
{ "label": "Sao Paulo", "value": 22 }
|
||||
],
|
||||
"chartColors": ["#22D3EE", "#A78BFA", "#F59E0B", "#34D399"],
|
||||
"showGrid": true,
|
||||
"showValues": true,
|
||||
"backgroundColor": "#0F172A"
|
||||
},
|
||||
{
|
||||
"id": "world-energy",
|
||||
"source": "",
|
||||
"type": "pie_chart",
|
||||
"in_seconds": 13,
|
||||
"out_seconds": 18,
|
||||
"title": "Illustrative energy mix",
|
||||
"chartData": [
|
||||
{ "label": "Renewables", "value": 34 },
|
||||
{ "label": "Gas", "value": 27 },
|
||||
{ "label": "Coal", "value": 21 },
|
||||
{ "label": "Nuclear", "value": 18 }
|
||||
],
|
||||
"chartColors": ["#34D399", "#22D3EE", "#F97316", "#A78BFA"],
|
||||
"donut": true,
|
||||
"centerLabel": "Renewables",
|
||||
"centerValue": "34%",
|
||||
"showLegend": true,
|
||||
"backgroundColor": "#0F172A"
|
||||
},
|
||||
{
|
||||
"id": "world-close",
|
||||
"source": "",
|
||||
"type": "text_card",
|
||||
"in_seconds": 18,
|
||||
"out_seconds": 22,
|
||||
"text": "Big systems. Human-scale decisions.",
|
||||
"color": "#F8FAFC",
|
||||
"backgroundColor": "#0F172A"
|
||||
}
|
||||
],
|
||||
"overlays": [
|
||||
{
|
||||
"type": "section_title",
|
||||
"in_seconds": 7.8,
|
||||
"out_seconds": 10.8,
|
||||
"text": "Cities",
|
||||
"subtitle": "Dense hubs make scale visible",
|
||||
"accentColor": "#22D3EE"
|
||||
},
|
||||
{
|
||||
"type": "stat_reveal",
|
||||
"in_seconds": 14.2,
|
||||
"out_seconds": 17.6,
|
||||
"text": "34%",
|
||||
"subtitle": "Illustrative renewable share",
|
||||
"accentColor": "#34D399",
|
||||
"position": "bottom-right"
|
||||
}
|
||||
],
|
||||
"captions": [],
|
||||
"audio": {}
|
||||
}
|
||||
Reference in New Issue
Block a user