Fix demo rendering and baseline requirements

This commit is contained in:
calesthio
2026-04-12 07:18:00 -07:00
parent cf3527fbbe
commit 1f2ed2f05d
8 changed files with 423 additions and 116 deletions
@@ -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": {}
}