{ "schemaVersion": 1, "recipeId": "codex-word-tiles-collage", "status": "draft", "completed": false, "nativeIndex": { "path": "evidence/native-packages-first20-review03/codex-word-tiles-collage/index.json", "bytes": 157119, "sha256": "a9f5a003fb4729ac23f3936e2995993565614b76a1372196f732bc83e8247aa1" }, "source": { "endFrameExclusive": 254, "film": "Build and share apps in Codex", "fps": { "denominator": 1, "numerator": 60 }, "height": 1080, "sha256": "48fdcf37ab3bfa5d990c2bd0b979ae14cf1618e52d73bba14bd1451e4cc43fee", "startFrame": 140, "url": "https://www.youtube.com/watch?v=5UlRL_ImvQ0", "width": 1920 }, "boundProjectFiles": [ { "bytes": 140230, "path": "project/package-lock.json", "sha256": "d49a849f7eb399e171ed709b67e00e96104f1116e571c96e6e94952e14110922" }, { "bytes": 928, "path": "project/package.json", "sha256": "78bbb94c56da3bfd012607ca3ba88e063ee2a280a65ae6d99175cbe50b1e34fb" }, { "bytes": 1036048, "path": "project/public/art/codex-word-tiles-collage/contour-poster-adaptation.svg", "sha256": "31ffa6613b7d0181212b28e54ad5b36f8f763f91b0f1ed05f00896e28e0b62dc" }, { "bytes": 944820, "path": "project/public/art/codex-word-tiles-collage/contour-poster-original.svg", "sha256": "92614b16d8c10b2c15453661fad16a242ce1e452432cc11416ff3c048d650b27" }, { "bytes": 4312, "path": "project/public/art/codex-word-tiles-collage/index-badges-adaptation.svg", "sha256": "8b1dd5cce6d3d18c0c10743b6b5cf8dab4a62e625cdf1618768c535eead8ba6b" }, { "bytes": 4407, "path": "project/public/art/codex-word-tiles-collage/index-badges-original.svg", "sha256": "7e028b33087fbdd1808ba4c22211a43631e74f79984685bfd422ea5f996862e2" }, { "bytes": 1442, "path": "project/public/art/codex-word-tiles-collage/miniature-body-adaptation.svg", "sha256": "c3de0e100d0697da673bf378ced50fda958cf23c92e0bab9c54096fd9b958efb" }, { "bytes": 1554, "path": "project/public/art/codex-word-tiles-collage/miniature-body-original.svg", "sha256": "3db290c9031500ce241d0167b801cfb354f9840f733a907de3ee329b2ee74125" }, { "bytes": 666, "path": "project/public/art/codex-word-tiles-collage/miniature-wing-adaptation.svg", "sha256": "bf990b0cbfbc735b70d377ef757ff615de7ba1bcd7cc2ff320b5420fe2338cfd" }, { "bytes": 722, "path": "project/public/art/codex-word-tiles-collage/miniature-wing-original.svg", "sha256": "fa59b6796f3a88355f4fae544392359688959914a89c5231a27494038924c32a" }, { "bytes": 4307, "path": "project/public/art/codex-word-tiles-collage/ring-chart-adaptation.svg", "sha256": "42fe3038a080d4cb5a6b762a7091561a0eab9354755fa93526883786575f073f" }, { "bytes": 4307, "path": "project/public/art/codex-word-tiles-collage/ring-chart-original.svg", "sha256": "326ab2c5ed8cc9622998e1c0226ae73735dcd48651913f838dc7e8d157df2a8a" }, { "bytes": 169056, "path": "project/public/fonts/Geist.ttf", "sha256": "73894e0448cae90a92b6c2f8732b7bb9acb7b94c418bff559dad4a18e1de9659" }, { "bytes": 54672, "path": "project/recipes/codex-word-tiles-collage.json", "sha256": "55635995f82b5c0c385d511461643ce1e19bd4a5ac1fa3e86efc952160a69a1d" }, { "bytes": 193, "path": "project/remotion.config.ts", "sha256": "240cf99c8d4908d9e1904465dd1e3156b483e18e4470278d23ffa21d283956f1" }, { "bytes": 43198, "path": "project/scripts/lib.mjs", "sha256": "b6c6535fc7279ff63f3feecb696d3b3092d5efbcb1491d7e7b525933e8d5b0e8" }, { "bytes": 13012, "path": "project/scripts/render.mjs", "sha256": "efd75f96353eebb7a4c15ccad939aad8bb5d3cb9dbd790d3c48aa8d4f53a7886" }, { "bytes": 2067, "path": "project/scripts/verify.mjs", "sha256": "a99a2b9582e3735b3d49a784af0c471ab971759d555182b0854cdc9bba9a268e" }, { "bytes": 1000, "path": "project/src/Edit.tsx", "sha256": "ab99b024849190653a750d010be38b23a8a37356a071da858dca5bdc5c27fa0e" }, { "bytes": 1684, "path": "project/src/Root.tsx", "sha256": "9680a4c588bd063ba287a0c875f441ac348fe1a76a2d988a44685e3606922fbe" }, { "bytes": 8993, "path": "project/src/Treatment.tsx", "sha256": "619961bce2dd3ceb6ef66a4a2575956eda749a73dc4bb8d716d6534b3c96e1ce" }, { "bytes": 2449, "path": "project/src/assemble.ts", "sha256": "adb57e34e9f9d5fed4e2445b609f3ba40da3926b6360e7fd7eb15bd0a541d6df" }, { "bytes": 88, "path": "project/src/index.ts", "sha256": "2e0e358282a1b998a65387c653b97c2bb2eb7aae94cf200fc0b8d919f7be73a6" }, { "bytes": 411, "path": "project/src/library.ts", "sha256": "b3863be1ff2f053c8e3985f25160373a77da0b7cd2dbc020294124d6d3526b09" }, { "bytes": 1964, "path": "project/src/text-fit.ts", "sha256": "654cd5107172867298aca159cc5dbebced88c3ad11844f6eb47e022842091b38" }, { "bytes": 1861, "path": "project/src/timing.ts", "sha256": "b7228f76ac5fd8a3854e2e9777238a68f4ba7db105b2818a3dadd7f22865e434" }, { "bytes": 5347, "path": "project/src/types.ts", "sha256": "e9d1d73a9fa77f4886349459f8e5f9099678b7c4ad84c827b01b854306e77dd3" }, { "bytes": 10044, "path": "project/src/validate.ts", "sha256": "3bd5c305bc287eba524c3315e9a38de8ab4c43b3453d31c5ee93a413a34caf43" }, { "bytes": 381, "path": "project/tsconfig.json", "sha256": "a8c92231b0553e1d8c2f39926b4861156cae5eccb28e1780f2c720f3ab70602e" } ], "reviewedRenders": { "adaptation": { "bindingSha256": "e5c51e91d5169738cd757315d9a3a400b5819acbcbfad4d4edfd96376eb6b0af", "implementationDigest": "d8b9486d145a3c5c2eb163dba433e958b8310df238f13f0c354452a67f35cf22", "inputPropsSha256": "f8e8320ab37020b452099ab0b3c5ddbf20386d574e3f3b2cbf48ca1bbbd0acde", "manifest": { "bytes": 149087, "path": "renders/codex-word-tiles-collage/review02/adaptation.manifest.json", "sha256": "47c49aa31b00ecaa14ed5f8d4b1e74eba25b7bb8e31e7defee92e231c97f5f28" }, "movie": { "bytes": 238434, "path": "renders/codex-word-tiles-collage/review02/adaptation.mp4", "sha256": "bf475ce12e4d3b86c0390189ea7e21e662dc1591415652d89893771e3b68d688" } }, "default": { "bindingSha256": "b7834929f14573bbefc813aeca69ec739c7a8413d1e6338fbb51a8ee6c3a418c", "implementationDigest": "d8b9486d145a3c5c2eb163dba433e958b8310df238f13f0c354452a67f35cf22", "inputPropsSha256": "df602ec460d436d7e9e2d1ccaf04bd126e48b64c35504b71c26913893847d038", "manifest": { "bytes": 149014, "path": "renders/codex-word-tiles-collage/review02/original.manifest.json", "sha256": "f393e177693aeef9a7a971014bdd0b9530f47feb81614618d03e85232285da83" }, "movie": { "bytes": 263594, "path": "renders/codex-word-tiles-collage/review02/original.mp4", "sha256": "d32bada50c830505a870277e8144b12a377190472e9d80c95af1e0f8012aaf21" } } }, "renderBindings": { "adaptation": { "binding": { "version": 1, "compositionId": "Treatment", "implementation": { "files": { "src/assemble.ts": { "sha256": "adb57e34e9f9d5fed4e2445b609f3ba40da3926b6360e7fd7eb15bd0a541d6df", "resolvedPath": "src/assemble.ts" }, "src/Edit.tsx": { "sha256": "ab99b024849190653a750d010be38b23a8a37356a071da858dca5bdc5c27fa0e", "resolvedPath": "src/Edit.tsx" }, "src/index.ts": { "sha256": "2e0e358282a1b998a65387c653b97c2bb2eb7aae94cf200fc0b8d919f7be73a6", "resolvedPath": "src/index.ts" }, "src/library.ts": { "sha256": "b3863be1ff2f053c8e3985f25160373a77da0b7cd2dbc020294124d6d3526b09", "resolvedPath": "src/library.ts" }, "src/Root.tsx": { "sha256": "9680a4c588bd063ba287a0c875f441ac348fe1a76a2d988a44685e3606922fbe", "resolvedPath": "src/Root.tsx" }, "src/text-fit.ts": { "sha256": "654cd5107172867298aca159cc5dbebced88c3ad11844f6eb47e022842091b38", "resolvedPath": "src/text-fit.ts" }, "src/timing.ts": { "sha256": "b7228f76ac5fd8a3854e2e9777238a68f4ba7db105b2818a3dadd7f22865e434", "resolvedPath": "src/timing.ts" }, "src/Treatment.tsx": { "sha256": "619961bce2dd3ceb6ef66a4a2575956eda749a73dc4bb8d716d6534b3c96e1ce", "resolvedPath": "src/Treatment.tsx" }, "src/types.ts": { "sha256": "e9d1d73a9fa77f4886349459f8e5f9099678b7c4ad84c827b01b854306e77dd3", "resolvedPath": "src/types.ts" }, "src/validate.ts": { "sha256": "3bd5c305bc287eba524c3315e9a38de8ab4c43b3453d31c5ee93a413a34caf43", "resolvedPath": "src/validate.ts" }, "scripts/lib.mjs": { "sha256": "b6c6535fc7279ff63f3feecb696d3b3092d5efbcb1491d7e7b525933e8d5b0e8", "resolvedPath": "scripts/lib.mjs" }, "scripts/render.mjs": { "sha256": "efd75f96353eebb7a4c15ccad939aad8bb5d3cb9dbd790d3c48aa8d4f53a7886", "resolvedPath": "scripts/render.mjs" }, "scripts/verify.mjs": { "sha256": "a99a2b9582e3735b3d49a784af0c471ab971759d555182b0854cdc9bba9a268e", "resolvedPath": "scripts/verify.mjs" }, "package.json": { "sha256": "78bbb94c56da3bfd012607ca3ba88e063ee2a280a65ae6d99175cbe50b1e34fb", "resolvedPath": "package.json" }, "package-lock.json": { "sha256": "d49a849f7eb399e171ed709b67e00e96104f1116e571c96e6e94952e14110922", "resolvedPath": "package-lock.json" }, "tsconfig.json": { "sha256": "a8c92231b0553e1d8c2f39926b4861156cae5eccb28e1780f2c720f3ab70602e", "resolvedPath": "tsconfig.json" }, "remotion.config.ts": { "sha256": "240cf99c8d4908d9e1904465dd1e3156b483e18e4470278d23ffa21d283956f1", "resolvedPath": "remotion.config.ts" } }, "sha256": "d8b9486d145a3c5c2eb163dba433e958b8310df238f13f0c354452a67f35cf22", "scope": "src/**, scripts/{lib,render,verify}.mjs, package.json, package-lock.json, tsconfig.json, remotion.config.ts; authoring helpers, catalog, tests and node_modules excluded" }, "dependencies": { "sha256": "d49a849f7eb399e171ed709b67e00e96104f1116e571c96e6e94952e14110922", "nodeModules": "excluded; lock and exact direct versions bound, installed dependency bytes are not attested" }, "recipeFile": { "path": "recipes/codex-word-tiles-collage.json", "sha256": "55635995f82b5c0c385d511461643ce1e19bd4a5ac1fa3e86efc952160a69a1d" }, "inputSource": { "kind": "variant", "variant": "adaptation" }, "inputProps": { "recipe": { "schemaVersion": 1, "id": "codex-word-tiles-collage", "title": "Word tiles / surviving miniature collage", "description": "DRAFT — Three differently sized, translucent word blocks interrupt a smaller line, while five original miniature elements arrive around them. The lower-left plate crosses in front of the middle tile; tiles depart separately without collapsing the collage. Source-specific research implementation; not a fidelity approval or a production all-hands asset.", "families": [ "opening", "typography", "layered", "mask" ], "intents": [ "foreground/background interruption", "uncover several still-moving editorial miniatures" ], "tags": [ "draft", "ty-07", "typography-b", "original-assets", "native-cadence" ], "distinctness": { "mechanism": "Oversized colored word rectangles occupy different screen positions and occlude quieter text and miniature examples. Separate departures uncover the still-present collage.", "notEquivalentTo": [ "The approved Codex Apps ending collapses a field of portfolio windows. This earlier opening is a foreground/background occlusion treatment with differently sized word tiles; the backing examples remain rather than collapsing away." ] }, "source": { "film": "Build and share apps in Codex", "slug": "codex-apps", "url": "https://www.youtube.com/watch?v=5UlRL_ImvQ0", "sha256": "48fdcf37ab3bfa5d990c2bd0b979ae14cf1618e52d73bba14bd1451e4cc43fee", "fps": { "numerator": 60, "denominator": 1 }, "width": 1920, "height": 1080, "startFrame": 140, "endFrameExclusive": 254, "localMedia": "references/openai/media/codex-apps.mp4" }, "canvas": { "width": 1920, "height": 1080, "background": "$paper" }, "observations": [ { "kind": "measured", "statement": "A small centered line at f140 is interrupted by the large foreground block visible at f147. By f207 there are three word-tile positions over a miniature collage. The first tile is gone at f232, the right tile at f236, and the final center tile at f252; f253 retains the collage without those tiles.", "sourceFrames": [ 140, 147, 207, 225, 231, 232, 235, 236, 249, 251, 252, 253 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "measured", "statement": "The threshold foreground union touches the top edge at f147/f173 and extends to both right and bottom edges at f207. It is not a centered safe-area title. This union includes artwork and cannot supply a font size.", "sourceFrames": [ 147, 173, 207 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "estimate", "statement": "Large light sans-serif words sit in opaque/translucent purple and blue rectangles, overlapping a smaller dark title and moving miniature image examples. The three blocks use visibly different positions and dimensions.", "sourceFrames": [ 207, 225, 246 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "implementation-choice", "statement": "Bundled OFL Geist is a licensed substitute, not the source font. All lettering uses native TextLayer/FontGate, never an SVG element. Original SVGs contain only local vector geometry and internal gradient/filter references.", "sourceFrames": [], "evidence": [ "benchmarks/remotion-library/project/public/fonts/OFL.txt", "benchmarks/remotion-library/project/src/Treatment.tsx" ] }, { "kind": "unresolved", "statement": "Exact arrival choreography, alpha values and each block's true bounds are not fully fitted. The small animated content needs original moving assets; static screenshot substitution must not be silently accepted.", "sourceFrames": [], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07" ] }, { "kind": "measured", "statement": "Fresh full-resolution decode of f140–f213 resolves block onsets: the high-left tile hard-appears at f141, middle at f171, right at f201. Miniatures appear at f176 (diagram), f179 (upper poster), f181 (small moving figure), f196 (lower-right index), and f205 (upper-right outline). These are discrete additions, not simultaneous entrance tweens.", "sourceFrames": [ 140, 141, 170, 171, 176, 179, 181, 196, 200, 201, 205 ], "evidence": [ "references/openai/media/codex-apps.mp4" ] }, { "kind": "measured", "statement": "At native f207 the lower-left diagram plate is in front of the middle word block, not behind all three tiles. The paper at [900,820] is RGB [251,248,254], while the uncovered middle block at [1100,820] is [226,205,254]. The original diagram is therefore a front-crossing layer; its 0.9 alpha is an implementation fit.", "sourceFrames": [ 207 ], "evidence": [ "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png" ] }, { "kind": "estimate", "statement": "Native f207 supports fitted tile bounds: high-left x100..974, visible y0..611; middle x667..1335 from y493 beyond the bottom; right x1249..1999, y365..926, clipped at x1920. Alpha and hidden off-canvas extent are estimates. Background-title disappearance is fitted at f245.", "sourceFrames": [ 207, 232, 236, 245, 252 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "implementation-choice", "statement": "Revision04 replaces flat contours with an independently lit height-field mesh, chrome and five distributed two-line annotations; the index has five two-line rows with distinct shaded pictograms, rank emblems and footer detail; a shaded outlined paper bird/kite-fish has a separate flexing wing. Review02 holds the backing title at y487 through104 and independently fits the middle tile top to the source493–502px late movement, retaining occlusion without carrying the title down. Miniature clocks and tile exits remain unchanged.", "sourceFrames": [ 179, 199, 200, 231, 235, 240, 244, 250, 253 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "unresolved", "statement": "Original terrain-window/diagram/index/paper-bird-or-kite-fish/dial replace source app windows, data, mascot and glyph. Their semantics, surface geometry and detailed internal motion differ. Geist lowercase ascenders/descenders in try/ask/act differ from source word metrics; preserve the block geometry and inspect those type differences rather than claiming an exact font match. Alpha values and small-object travel remain fitted.", "sourceFrames": [ 147, 207, 225, 246, 253 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "measured", "statement": "Review01 native title ink remains at y505 in absolute234/235/236/240/244. A separate tint scan of source x685–694/y460–589 puts the lavender top at493 in231–235,494 in236/240,496 in244/245,497 in246/247,498 in248,499 in249,500 in250 and502 in251. These threshold rows have approximately one-pixel quantization; the source title does not follow the tile.", "sourceFrames": [ 231, 234, 235, 236, 240, 244, 245, 246, 247, 248, 249, 250, 251 ], "evidence": [ "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/decoded/codex-word-tiles-collage/source/0104.png" ] } ], "fields": { "paper": { "kind": "color", "description": "Opaque full-frame field; keep the documented luminance relationship to ink." }, "ink": { "kind": "color", "description": "Foreground ink; preserve contrast and density." }, "smallTitle": { "kind": "text", "description": "Original two-word background line. Visible at local 0 and behind translucent tiles through 104; gone at 105. Keep 98px Geist/600 within 650px.", "minLength": 7, "maxLength": 12, "maxLines": 1, "exactWords": 2 }, "wordOne": { "kind": "text", "description": "Short lowercase foreground word; 242px light Geist in the high-left block. Do not move its baseline to compensate for glyph changes.", "minLength": 2, "maxLength": 3, "maxLines": 1, "exactWords": 1 }, "wordTwo": { "kind": "text", "description": "Short lowercase foreground word; 242px light Geist in the lower-middle block.", "minLength": 2, "maxLength": 3, "maxLines": 1, "exactWords": 1 }, "wordThree": { "kind": "text", "description": "Short lowercase foreground word; 242px light Geist in the right-edge block.", "minLength": 2, "maxLength": 3, "maxLines": 1, "exactWords": 1 }, "firstTile": { "kind": "color", "description": "Translucent purple foreground fill; retain roughly 0.9 alpha." }, "secondTile": { "kind": "color", "description": "Pale translucent fill; retain rear-title visibility." }, "thirdTile": { "kind": "color", "description": "Blue foreground fill; retain faint miniature visibility." }, "posterLabel": { "kind": "text", "description": "Editorial miniature title, not an app UI label.", "minLength": 5, "maxLength": 20, "maxLines": 1 }, "chartOne": { "kind": "text", "description": "Original two-digit diagram value, not source demo data.", "minLength": 2, "maxLength": 2, "maxLines": 1, "exactLength": 2 }, "chartTwo": { "kind": "text", "description": "Original two-digit diagram value.", "minLength": 2, "maxLength": 2, "maxLines": 1, "exactLength": 2 }, "chartThree": { "kind": "text", "description": "Original two-digit diagram value.", "minLength": 2, "maxLength": 2, "maxLines": 1, "exactLength": 2 }, "indexTitle": { "kind": "text", "description": "Short editorial index heading.", "minLength": 5, "maxLength": 14, "maxLines": 1 }, "indexRow1": { "kind": "text", "description": "Original miniature index label; maximum seven letters at 19px.", "minLength": 3, "maxLength": 7, "maxLines": 1 }, "indexRow1Detail": { "kind": "text", "description": "Second line of original editorial index data, not source demo scores. Keep the two-line row density.", "minLength": 6, "maxLength": 12, "maxLines": 1 }, "posterSite1": { "kind": "text", "description": "Original two-line distributed surface annotation; exact two lines, maximum ten characters per line. Retain five annotations.", "minLength": 5, "maxLength": 21, "maxLines": 2, "exactLines": 2, "maxLineLength": 10 }, "indexRow2": { "kind": "text", "description": "Original miniature index label; maximum seven letters at 19px.", "minLength": 3, "maxLength": 7, "maxLines": 1 }, "indexRow2Detail": { "kind": "text", "description": "Second line of original editorial index data, not source demo scores. Keep the two-line row density.", "minLength": 6, "maxLength": 12, "maxLines": 1 }, "posterSite2": { "kind": "text", "description": "Original two-line distributed surface annotation; exact two lines, maximum ten characters per line. Retain five annotations.", "minLength": 5, "maxLength": 21, "maxLines": 2, "exactLines": 2, "maxLineLength": 10 }, "indexRow3": { "kind": "text", "description": "Original miniature index label; maximum seven letters at 19px.", "minLength": 3, "maxLength": 7, "maxLines": 1 }, "indexRow3Detail": { "kind": "text", "description": "Second line of original editorial index data, not source demo scores. Keep the two-line row density.", "minLength": 6, "maxLength": 12, "maxLines": 1 }, "posterSite3": { "kind": "text", "description": "Original two-line distributed surface annotation; exact two lines, maximum ten characters per line. Retain five annotations.", "minLength": 5, "maxLength": 21, "maxLines": 2, "exactLines": 2, "maxLineLength": 10 }, "indexRow4": { "kind": "text", "description": "Original miniature index label; maximum seven letters at 19px.", "minLength": 3, "maxLength": 7, "maxLines": 1 }, "indexRow4Detail": { "kind": "text", "description": "Second line of original editorial index data, not source demo scores. Keep the two-line row density.", "minLength": 6, "maxLength": 12, "maxLines": 1 }, "posterSite4": { "kind": "text", "description": "Original two-line distributed surface annotation; exact two lines, maximum ten characters per line. Retain five annotations.", "minLength": 5, "maxLength": 21, "maxLines": 2, "exactLines": 2, "maxLineLength": 10 }, "indexRow5": { "kind": "text", "description": "Original miniature index label; maximum seven letters at 19px.", "minLength": 3, "maxLength": 7, "maxLines": 1 }, "indexRow5Detail": { "kind": "text", "description": "Second line of original editorial index data, not source demo scores. Keep the two-line row density.", "minLength": 6, "maxLength": 12, "maxLines": 1 }, "posterSite5": { "kind": "text", "description": "Original two-line distributed surface annotation; exact two lines, maximum ten characters per line. Retain five annotations.", "minLength": 5, "maxLength": 21, "maxLines": 2, "exactLines": 2, "maxLineLength": 10 }, "posterMenu": { "kind": "text", "description": "Original miniature navigation labels; not a product demo.", "minLength": 15, "maxLength": 35, "maxLines": 1 }, "poster": { "kind": "image", "description": "Original shaded height-field mesh, window chrome, front/back surface lighting and contour detail. Native distributed labels are separate; no source screenshot or baked lettering.", "aspectRatio": { "numerator": 600, "denominator": 360 }, "minimumWidth": 600, "minimumHeight": 360, "fit": "contain" }, "chart": { "kind": "image", "description": "Original quiet line diagram. Native text values are separate. Keep bottom clipping and the 900×560 density; do not substitute a flat screenshot of a real app.", "aspectRatio": { "numerator": 900, "denominator": 560 }, "minimumWidth": 900, "minimumHeight": 560, "fit": "contain" }, "miniatureBody": { "kind": "image", "description": "Original shaded paper bird (default) or mechanical kite-fish (adaptation), with ink outlines, patterned panels, face and articulated details; not the source cat.", "aspectRatio": { "numerator": 200, "denominator": 150 }, "minimumWidth": 200, "minimumHeight": 150, "fit": "contain" }, "miniatureWing": { "kind": "image", "description": "Original separate shaded wing/fin with panel detail. Flexes over the body through the documented native transform track.", "aspectRatio": { "numerator": 200, "denominator": 150 }, "minimumWidth": 200, "minimumHeight": 150, "fit": "contain" }, "indexBadges": { "kind": "image", "description": "Five distinct shaded original pictograms, ranking emblems, stars, row dividers and footer chrome. Native two-line labels supply all lettering.", "aspectRatio": { "numerator": 400, "denominator": 458 }, "minimumWidth": 400, "minimumHeight": 458, "fit": "contain" }, "tileCue": { "kind": "path", "description": "Original outlined direction cue; replaces the source terminal/brand glyph. 80×135 units.", "viewBox": [ 0, 0, 80, 135 ] } }, "defaults": { "paper": "#ffffff", "ink": "#080808", "smallTitle": "With Loom", "wordOne": "try", "wordTwo": "ask", "wordThree": "act", "firstTile": "#a14bffed", "secondTile": "#d9bff6d9", "thirdTile": "#0069ffe6", "posterLabel": "CONTOUR / 07", "chartOne": "18", "chartTwo": "12", "chartThree": "07", "indexTitle": "FIELD INDEX", "indexRow1": "ASTER", "indexRow1Detail": "184 STUDIES", "posterSite1": "UPLAND\n248 m", "indexRow2": "RIDGE", "indexRow2Detail": "126 STUDIES", "posterSite2": "SADDLE\n186 m", "indexRow3": "DUNE", "indexRow3Detail": "098 STUDIES", "posterSite3": "BASIN\n092 m", "indexRow4": "COVE", "indexRow4Detail": "072 STUDIES", "posterSite4": "RIDGE\n214 m", "indexRow5": "LARCH", "indexRow5Detail": "061 STUDIES", "posterSite5": "LOWLAND\n078 m", "posterMenu": "Survey Elevation Notes", "poster": { "kind": "image", "path": "art/codex-word-tiles-collage/contour-poster-original.svg", "width": 600, "height": 360, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "chart": { "kind": "image", "path": "art/codex-word-tiles-collage/ring-chart-original.svg", "width": 900, "height": 560, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureBody": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-body-original.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureWing": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-wing-original.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "indexBadges": { "kind": "image", "path": "art/codex-word-tiles-collage/index-badges-original.svg", "width": 400, "height": 458, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "tileCue": "M7 66L34 66L34 26L70 66L34 106L34 75L7 75Z" }, "adaptation": { "paper": "#ffffff", "ink": "#080808", "smallTitle": "With Vale", "wordOne": "see", "wordTwo": "map", "wordThree": "do", "firstTile": "#9256e9ed", "secondTile": "#d2c7f4d9", "thirdTile": "#236be4e6", "posterLabel": "TERRAIN / 12", "chartOne": "21", "chartTwo": "09", "chartThree": "04", "indexTitle": "TRAIL INDEX", "indexRow1": "NORTH", "indexRow1Detail": "218 NOTES", "posterSite1": "NORTH\n317 m", "indexRow2": "SOUTH", "indexRow2Detail": "163 NOTES", "posterSite2": "PASS\n204 m", "indexRow3": "EAST", "indexRow3Detail": "142 NOTES", "posterSite3": "MARSH\n084 m", "indexRow4": "WEST", "indexRow4Detail": "089 NOTES", "posterSite4": "SUMMIT\n291 m", "indexRow5": "CENTER", "indexRow5Detail": "074 NOTES", "posterSite5": "DELTA\n063 m", "posterMenu": "Regions Relief Journal", "poster": { "kind": "image", "path": "art/codex-word-tiles-collage/contour-poster-adaptation.svg", "width": 600, "height": 360, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "chart": { "kind": "image", "path": "art/codex-word-tiles-collage/ring-chart-adaptation.svg", "width": 900, "height": 560, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureBody": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-body-adaptation.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureWing": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-wing-adaptation.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "indexBadges": { "kind": "image", "path": "art/codex-word-tiles-collage/index-badges-adaptation.svg", "width": 400, "height": 458, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "tileCue": "M10 39L38 13L66 39L38 65ZM10 91L38 65L66 91L38 117Z" }, "adaptationNotes": [ "“With Loom” / “try, ask, act” becomes “With Vale” / “see, map, do”. Both are invented presentation identities, not product claims.", "Poster terrain, five exact-two-line surface labels, ring geometry, all five index names/details, badge artwork, bird/body/wing imagery and cue paths change through documented slots. Keep the five-miniature density, occlusion order and local1/31/61 arrivals.", "Do not replace miniatures with static screenshots or source art; their internal movement is part of this recipe. All miniature typography remains native Geist.", "The backing title stays at y487 through local104 and cuts off at105. Its foreground lavender tile retains the source-measured late493–502px top movement independently; do not translate the title to conceal exposed caps. Original miniatures and other arrival/exit boundaries are unchanged." ], "invariants": [ "High-left, lower-middle and right-edge rectangles retain different dimensions, off-canvas extents and separate alpha; never convert to centered title cards.", "Foreground onsets 1/31/61 and exclusive exits 92/112/96 respectively; original backing title ends at 105.", "Poster and index remain below the word tiles; the diagram crosses above the middle block, with the paper figure above that diagram.", "All five miniature elements survive tile removal; there is no long globally still hold and no collapsing portfolio field.", "Native 1920×1080 canvas and exact source rate/interval; no active retiming or implicit aspect-ratio crop.", "Only documented content slots change between defaults and adaptation. Neither successful validation nor rendering changes DRAFT fidelity status." ], "unsupported": [ "Long words, uppercase source-sized replacements, source branding or claims that the original editorial cards are live app outputs.", "Flattening the foreground/backing layers, replacing cuts with slides, or reducing the number of miniature elements.", "Source footage, source identity artwork, demo data, remote assets, SVG scripts/animation, or SVG text depending on a page font.", "Arbitrary aspect ratios, automatic type shrinking, unreviewed timing changes, or use as an authentic Poe/product demo." ], "entry": { "field": "light", "description": "Small two-word line alone at local 0, interrupted immediately at local 1.", "continuityKeys": [ "paper", "smallTitle" ] }, "exit": { "field": "layered", "description": "All large tiles and the small title are absent; the five moving miniature elements survive in place.", "continuityKeys": [ "paper", "poster", "chart", "miniatureBody" ] }, "neighbors": { "before": [ "small centered premise" ], "after": [ "collage-backed title", "original miniature-to-detail cut" ], "rule": "Match the same miniature slots if extending the collage. Do not join this as the approved Codex Apps collapsing-window ending." }, "layers": [ { "id": "small-background-line", "kind": "text", "slot": "smallTitle", "start": 0, "end": 105, "x": 635, "y": 487, "width": 650, "height": 123, "fontSize": 98, "lineHeight": 1.1, "weight": 600, "color": "$ink", "align": "center" }, { "id": "topographic-card", "kind": "group", "start": 39, "end": 114, "width": 580, "height": 350, "children": [ { "id": "poster-stock", "kind": "rect", "start": 39, "end": 114, "x": 0, "y": 0, "width": 580, "height": 350, "fill": "#fbfafc", "shadow": "0 3px 16px #20202018" }, { "id": "poster-clip", "kind": "group", "start": 39, "end": 114, "width": 580, "height": 350, "children": [ { "id": "poster-art", "kind": "image", "slot": "poster", "start": 39, "end": 114, "x": [ { "frame": 39, "value": 0, "easing": "linear" }, { "frame": 70, "value": -14, "easing": "linear" }, { "frame": 113, "value": -23, "easing": "linear" } ], "y": [ { "frame": 39, "value": 0, "easing": "linear" }, { "frame": 113, "value": 8, "easing": "linear" } ], "width": 610, "height": 366, "fit": "contain" } ], "overflow": "hidden" }, { "id": "poster-label", "kind": "text", "slot": "posterLabel", "start": 39, "end": 114, "x": 25, "y": 31, "width": 205, "height": 22, "fontSize": 12, "lineHeight": 1.1, "weight": 650, "color": "#624083" }, { "id": "poster-menu", "kind": "text", "slot": "posterMenu", "start": 39, "end": 114, "x": 25, "y": 54, "width": 360, "height": 20, "fontSize": 10, "lineHeight": 1.1, "weight": 500, "color": "#826396" }, { "id": "poster-site-0", "kind": "text", "slot": "posterSite1", "start": 39, "end": 114, "x": 23, "y": 147, "width": 90, "height": 32, "fontSize": 11, "lineHeight": 1.1, "weight": 600, "color": "#4c356b" }, { "id": "poster-site-1", "kind": "text", "slot": "posterSite2", "start": 39, "end": 114, "x": 154, "y": 96, "width": 90, "height": 32, "fontSize": 11, "lineHeight": 1.1, "weight": 600, "color": "#4c356b" }, { "id": "poster-site-2", "kind": "text", "slot": "posterSite3", "start": 39, "end": 114, "x": 274, "y": 170, "width": 90, "height": 32, "fontSize": 11, "lineHeight": 1.1, "weight": 600, "color": "#ffffff" }, { "id": "poster-site-3", "kind": "text", "slot": "posterSite4", "start": 39, "end": 114, "x": 366, "y": 98, "width": 90, "height": 32, "fontSize": 11, "lineHeight": 1.1, "weight": 600, "color": "#4c356b" }, { "id": "poster-site-4", "kind": "text", "slot": "posterSite5", "start": 39, "end": 114, "x": 480, "y": 200, "width": 90, "height": 32, "fontSize": 11, "lineHeight": 1.1, "weight": 600, "color": "#4c356b" } ], "x": [ { "frame": 39, "value": 1075, "easing": "smooth" }, { "frame": 65, "value": 1058, "easing": "smooth" }, { "frame": 113, "value": 1064, "easing": "smooth" } ], "y": [ { "frame": 39, "value": 81, "easing": "smooth" }, { "frame": 65, "value": 71, "easing": "smooth" }, { "frame": 113, "value": 77, "easing": "smooth" } ] }, { "id": "editorial-index", "kind": "group", "start": 56, "end": 114, "width": 400, "height": 458, "children": [ { "id": "index-stock", "kind": "rect", "start": 56, "end": 114, "x": 0, "y": 0, "width": 400, "height": 458, "fill": "#fffcff", "stroke": "#eee6f3", "strokeWidth": 2, "shadow": "0 2px 9px #29202d0d" }, { "id": "index-active-band", "kind": "rect", "start": 56, "end": 114, "x": 14, "y": [ { "frame": 56, "value": 83, "easing": "smooth" }, { "frame": 84, "value": 83, "easing": "smooth" }, { "frame": 113, "value": 156, "easing": "smooth" } ], "width": 368, "height": 66, "fill": "#f4eafd" }, { "id": "index-pictograms", "kind": "image", "slot": "indexBadges", "start": 56, "end": 114, "x": 0, "y": 0, "width": 400, "height": 458, "fit": "contain" }, { "id": "index-title", "kind": "text", "slot": "indexTitle", "start": 56, "end": 114, "x": 28, "y": 388, "width": 307, "height": 19, "fontSize": 12, "lineHeight": 1.1, "weight": 600, "color": "#795293" }, { "id": "index-row-0", "kind": "text", "slot": "indexRow1", "start": 56, "end": 114, "x": 117, "y": 14, "width": 221, "height": 25, "fontSize": 19, "lineHeight": 1.1, "weight": 760, "color": "#6b3b9d" }, { "id": "index-detail-0", "kind": "text", "slot": "indexRow1Detail", "start": 56, "end": 114, "x": 117, "y": 38, "width": 221, "height": 24, "fontSize": 15, "lineHeight": 1.1, "weight": 550, "color": "#8d5abd" }, { "id": "index-row-1", "kind": "text", "slot": "indexRow2", "start": 56, "end": 114, "x": 117, "y": 87, "width": 221, "height": 25, "fontSize": 19, "lineHeight": 1.1, "weight": 760, "color": "#6b3b9d" }, { "id": "index-detail-1", "kind": "text", "slot": "indexRow2Detail", "start": 56, "end": 114, "x": 117, "y": 111, "width": 221, "height": 24, "fontSize": 15, "lineHeight": 1.1, "weight": 550, "color": "#8d5abd" }, { "id": "index-row-2", "kind": "text", "slot": "indexRow3", "start": 56, "end": 114, "x": 117, "y": 160, "width": 221, "height": 25, "fontSize": 19, "lineHeight": 1.1, "weight": 760, "color": "#6b3b9d" }, { "id": "index-detail-2", "kind": "text", "slot": "indexRow3Detail", "start": 56, "end": 114, "x": 117, "y": 184, "width": 221, "height": 24, "fontSize": 15, "lineHeight": 1.1, "weight": 550, "color": "#8d5abd" }, { "id": "index-row-3", "kind": "text", "slot": "indexRow4", "start": 56, "end": 114, "x": 117, "y": 233, "width": 221, "height": 25, "fontSize": 19, "lineHeight": 1.1, "weight": 760, "color": "#6b3b9d" }, { "id": "index-detail-3", "kind": "text", "slot": "indexRow4Detail", "start": 56, "end": 114, "x": 117, "y": 257, "width": 221, "height": 24, "fontSize": 15, "lineHeight": 1.1, "weight": 550, "color": "#8d5abd" }, { "id": "index-row-4", "kind": "text", "slot": "indexRow5", "start": 56, "end": 114, "x": 117, "y": 306, "width": 221, "height": 25, "fontSize": 19, "lineHeight": 1.1, "weight": 760, "color": "#6b3b9d" }, { "id": "index-detail-4", "kind": "text", "slot": "indexRow5Detail", "start": 56, "end": 114, "x": 117, "y": 330, "width": 221, "height": 24, "fontSize": 15, "lineHeight": 1.1, "weight": 550, "color": "#8d5abd" } ], "x": [ { "frame": 56, "value": 1394, "easing": "linear" }, { "frame": 113, "value": 1390, "easing": "linear" } ], "y": [ { "frame": 56, "value": 681, "easing": "linear" }, { "frame": 113, "value": 685, "easing": "linear" } ] }, { "id": "small-original-dial", "kind": "group", "start": 65, "end": 114, "width": 116, "height": 116, "children": [ { "id": "dial-circle", "kind": "ellipse", "start": 65, "end": 114, "x": 3, "y": 3, "width": 108, "height": 108, "fill": "#ffffff", "stroke": "#111111", "strokeWidth": 7 }, { "id": "dial-hand", "kind": "path", "start": 65, "end": 114, "path": "M58 20L58 56L36 70", "viewBox": [ 0, 0, 116, 116 ], "fill": "none", "width": 116, "height": 116, "stroke": "#111111", "strokeWidth": 7, "origin": [ 58, 58 ], "rotation": [ { "frame": 65, "value": -35, "easing": "smooth" }, { "frame": 113, "value": 35, "easing": "smooth" } ] } ], "x": 1704, "y": 180 }, { "id": "high-left-word-tile", "kind": "group", "start": 1, "end": 92, "width": 874, "height": 611, "children": [ { "id": "first-tile-fill", "kind": "rect", "start": 1, "end": 92, "x": 0, "y": -170, "width": 874, "height": 781, "fill": "$firstTile" }, { "id": "original-direction-cue", "kind": "path", "start": 1, "end": 92, "viewBox": [ 0, 0, 80, 135 ], "fill": "#ffffff", "slot": "tileCue", "x": 80, "y": 403, "width": 80, "height": 135 }, { "id": "first-word", "kind": "text", "slot": "wordOne", "start": 1, "end": 92, "x": 304, "y": 344, "width": 540, "height": 285, "fontSize": 242, "lineHeight": 1.05, "weight": 400, "color": "#ffffff" } ], "x": 100 }, { "id": "lower-middle-word-tile", "kind": "group", "start": 31, "end": 112, "width": 668, "height": 704, "children": [ { "id": "second-tile-fill", "kind": "rect", "start": 31, "end": 112, "x": 0, "y": 0, "width": 668, "height": 704, "fill": "$secondTile" }, { "id": "second-word", "kind": "text", "slot": "wordTwo", "start": 31, "end": 112, "x": 124, "y": 1, "width": 520, "height": 285, "fontSize": 242, "lineHeight": 1.05, "weight": 400, "color": "#ffffff" } ], "x": 667, "y": [ { "frame": 31, "value": 493, "easing": "linear" }, { "frame": 91, "value": 493, "easing": "linear" }, { "frame": 95, "value": 493, "easing": "linear" }, { "frame": 96, "value": 494, "easing": "linear" }, { "frame": 100, "value": 494, "easing": "linear" }, { "frame": 104, "value": 496, "easing": "linear" }, { "frame": 105, "value": 496, "easing": "linear" }, { "frame": 106, "value": 497, "easing": "linear" }, { "frame": 107, "value": 497, "easing": "linear" }, { "frame": 108, "value": 498, "easing": "linear" }, { "frame": 109, "value": 499, "easing": "linear" }, { "frame": 110, "value": 500, "easing": "linear" }, { "frame": 111, "value": 502, "easing": "linear" } ] }, { "id": "quiet-ring-chart", "kind": "group", "start": 36, "end": 114, "width": 900, "height": 560, "children": [ { "id": "line-chart-art", "kind": "image", "slot": "chart", "start": 36, "end": 114, "x": 0, "y": 0, "width": 900, "height": 560, "fit": "contain" }, { "id": "diagram-value-one", "kind": "text", "slot": "chartOne", "start": 36, "end": 114, "x": 156, "y": 218, "width": 160, "height": 115, "fontSize": 90, "lineHeight": 1.1, "weight": 450, "color": "$ink" }, { "id": "diagram-value-two", "kind": "text", "slot": "chartTwo", "start": 36, "end": 114, "x": 407, "y": 169, "width": 130, "height": 78, "fontSize": 63, "lineHeight": 1.1, "weight": 450, "color": "$ink" }, { "id": "diagram-value-three", "kind": "text", "slot": "chartThree", "start": 36, "end": 114, "x": 665, "y": 151, "width": 100, "height": 50, "fontSize": 42, "lineHeight": 1.1, "weight": 450, "color": "$ink" } ], "opacity": 0.9, "x": [ { "frame": 36, "value": 155, "easing": "smooth" }, { "frame": 65, "value": 159, "easing": "smooth" }, { "frame": 113, "value": 151, "easing": "smooth" } ], "y": [ { "frame": 36, "value": 790, "easing": "smooth" }, { "frame": 65, "value": 783, "easing": "smooth" }, { "frame": 113, "value": 797, "easing": "smooth" } ] }, { "id": "moving-paper-miniature", "kind": "group", "start": 41, "end": 114, "width": 200, "height": 150, "children": [ { "id": "paper-body", "kind": "image", "slot": "miniatureBody", "start": 41, "end": 114, "x": 0, "y": 0, "width": 200, "height": 150, "fit": "contain" }, { "id": "paper-wing", "kind": "image", "slot": "miniatureWing", "start": 41, "end": 114, "x": 0, "y": 0, "width": 200, "height": 150, "fit": "contain", "origin": [ 95, 90 ], "perspective": 600, "rotationX": [ { "frame": 41, "value": 18, "easing": "smooth" }, { "frame": 48, "value": -23, "easing": "smooth" }, { "frame": 57, "value": 27, "easing": "smooth" }, { "frame": 67, "value": -20, "easing": "smooth" }, { "frame": 78, "value": 23, "easing": "smooth" }, { "frame": 90, "value": -20, "easing": "smooth" }, { "frame": 104, "value": 17, "easing": "smooth" }, { "frame": 113, "value": -11, "easing": "smooth" } ] } ], "x": [ { "frame": 41, "value": 136, "easing": "smooth" }, { "frame": 64, "value": 148, "easing": "smooth" }, { "frame": 89, "value": 132, "easing": "smooth" }, { "frame": 113, "value": 143, "easing": "smooth" } ], "y": [ { "frame": 41, "value": 658, "easing": "smooth" }, { "frame": 50, "value": 688, "easing": "smooth" }, { "frame": 64, "value": 676, "easing": "smooth" }, { "frame": 76, "value": 690, "easing": "smooth" }, { "frame": 91, "value": 681, "easing": "smooth" }, { "frame": 104, "value": 696, "easing": "smooth" }, { "frame": 113, "value": 682, "easing": "smooth" } ], "rotation": [ { "frame": 41, "value": -7, "easing": "smooth" }, { "frame": 64, "value": 3, "easing": "smooth" }, { "frame": 91, "value": -4, "easing": "smooth" }, { "frame": 113, "value": 1, "easing": "smooth" } ], "origin": [ 100, 75 ] }, { "id": "right-edge-word-tile", "kind": "group", "start": 61, "end": 96, "width": 750, "height": 561, "children": [ { "id": "third-tile-fill", "kind": "rect", "start": 61, "end": 96, "x": 0, "y": 0, "width": 750, "height": 561, "fill": "$thirdTile" }, { "id": "third-word", "kind": "text", "slot": "wordThree", "start": 61, "end": 96, "x": 53, "y": -1, "width": 625, "height": 285, "fontSize": 242, "lineHeight": 1.05, "weight": 400, "color": "#ffffff" } ], "x": 1249, "y": 365 } ], "inspection": { "method": "Packet native anchors/consecutive strips and fresh FFmpeg decoding of the actual hash-checked local films. Additional onset/exit frames were inspected as temporary native crops. This is source inspection and original-pose authoring, not a synchronized render review. Main owns paired moving evidence and fresh-context review.", "limits": [ "DRAFT. No self-approval, publication, completed-example credit, or human real-time-viewing claim.", "Boundary/intermediate lists are LOCAL frames. Observation sourceFrames are ABSOLUTE film frames. PNG/contact-sheet inspection does not establish continuous playback.", "Render only through the main CLI after shared source/scripts have stabilized. No MP4 or sibling manifest is claimed by this generator.", "Review02 authoring responds to the review01 residual, not a fidelity pass. The unchanged review01 MP4s/comparisons/retest are historical. New consecutive native stills are diagnostics only; main owns review02 exports, synchronized comparison and fresh disposition. No earlier MP4 is rebound.", "Revision04 reauthors the assigned construction/phase findings. The prior fresh review remains changes-required until main performs a new bound comparison/review; no finding is self-cleared. Earlier canonical exports and evidence must not be rebound or replaced." ], "boundaryFrames": [ 0, 1, 30, 31, 35, 36, 38, 39, 40, 41, 55, 56, 60, 61, 64, 65, 91, 92, 95, 96, 104, 105, 111, 112, 113 ], "intermediateFrames": [ 7, 18, 33, 42, 43, 45, 52, 57, 58, 63, 70, 85, 90, 93, 94, 97, 98, 99, 100, 101, 102, 103, 106, 107, 108, 109, 110 ], "sourceEvidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] } }, "content": { "paper": "#ffffff", "ink": "#080808", "smallTitle": "With Vale", "wordOne": "see", "wordTwo": "map", "wordThree": "do", "firstTile": "#9256e9ed", "secondTile": "#d2c7f4d9", "thirdTile": "#236be4e6", "posterLabel": "TERRAIN / 12", "chartOne": "21", "chartTwo": "09", "chartThree": "04", "indexTitle": "TRAIL INDEX", "indexRow1": "NORTH", "indexRow1Detail": "218 NOTES", "posterSite1": "NORTH\n317 m", "indexRow2": "SOUTH", "indexRow2Detail": "163 NOTES", "posterSite2": "PASS\n204 m", "indexRow3": "EAST", "indexRow3Detail": "142 NOTES", "posterSite3": "MARSH\n084 m", "indexRow4": "WEST", "indexRow4Detail": "089 NOTES", "posterSite4": "SUMMIT\n291 m", "indexRow5": "CENTER", "indexRow5Detail": "074 NOTES", "posterSite5": "DELTA\n063 m", "posterMenu": "Regions Relief Journal", "poster": { "kind": "image", "path": "art/codex-word-tiles-collage/contour-poster-adaptation.svg", "width": 600, "height": 360, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "chart": { "kind": "image", "path": "art/codex-word-tiles-collage/ring-chart-adaptation.svg", "width": 900, "height": 560, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureBody": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-body-adaptation.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureWing": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-wing-adaptation.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "indexBadges": { "kind": "image", "path": "art/codex-word-tiles-collage/index-badges-adaptation.svg", "width": 400, "height": 458, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "tileCue": "M10 39L38 13L66 39L38 65ZM10 91L38 65L66 91L38 117Z" }, "holdBeforeFrames": 0, "holdAfterFrames": 0 }, "inputPropsSha256": "f8e8320ab37020b452099ab0b3c5ddbf20386d574e3f3b2cbf48ca1bbbd0acde", "shots": [ { "index": 0, "recipeId": "codex-word-tiles-collage", "recipeSha256": "aacaf3c5a5faa16891d7e67d15c081b74e1f7cfeb62b6918e05f6337104cccb0", "contentSha256": "43f9366c609207c51b10839cf9aabb0e9f4703510b564a145480beabfd64cde9", "inputPropsSha256": "f8e8320ab37020b452099ab0b3c5ddbf20386d574e3f3b2cbf48ca1bbbd0acde", "source": { "film": "Build and share apps in Codex", "slug": "codex-apps", "url": "https://www.youtube.com/watch?v=5UlRL_ImvQ0", "sha256": "48fdcf37ab3bfa5d990c2bd0b979ae14cf1618e52d73bba14bd1451e4cc43fee", "fps": { "numerator": 60, "denominator": 1 }, "width": 1920, "height": 1080, "startFrame": 140, "endFrameExclusive": 254, "localMedia": "references/openai/media/codex-apps.mp4" } } ], "assets": [ { "slot": "poster", "path": "public/art/codex-word-tiles-collage/contour-poster-adaptation.svg", "resolvedPath": "public/art/codex-word-tiles-collage/contour-poster-adaptation.svg", "sha256": "31ffa6613b7d0181212b28e54ad5b36f8f763f91b0f1ed05f00896e28e0b62dc", "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts.", "actual": { "width": 600, "height": 360, "method": "svg-viewport/viewBox" } }, { "slot": "chart", "path": "public/art/codex-word-tiles-collage/ring-chart-adaptation.svg", "resolvedPath": "public/art/codex-word-tiles-collage/ring-chart-adaptation.svg", "sha256": "42fe3038a080d4cb5a6b762a7091561a0eab9354755fa93526883786575f073f", "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts.", "actual": { "width": 900, "height": 560, "method": "svg-viewport/viewBox" } }, { "slot": "miniatureBody", "path": "public/art/codex-word-tiles-collage/miniature-body-adaptation.svg", "resolvedPath": "public/art/codex-word-tiles-collage/miniature-body-adaptation.svg", "sha256": "c3de0e100d0697da673bf378ced50fda958cf23c92e0bab9c54096fd9b958efb", "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts.", "actual": { "width": 200, "height": 150, "method": "svg-viewport/viewBox" } }, { "slot": "miniatureWing", "path": "public/art/codex-word-tiles-collage/miniature-wing-adaptation.svg", "resolvedPath": "public/art/codex-word-tiles-collage/miniature-wing-adaptation.svg", "sha256": "bf990b0cbfbc735b70d377ef757ff615de7ba1bcd7cc2ff320b5420fe2338cfd", "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts.", "actual": { "width": 200, "height": 150, "method": "svg-viewport/viewBox" } }, { "slot": "indexBadges", "path": "public/art/codex-word-tiles-collage/index-badges-adaptation.svg", "resolvedPath": "public/art/codex-word-tiles-collage/index-badges-adaptation.svg", "sha256": "8b1dd5cce6d3d18c0c10743b6b5cf8dab4a62e625cdf1618768c535eead8ba6b", "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts.", "actual": { "width": 400, "height": 458, "method": "svg-viewport/viewBox" } } ], "publicFiles": { "public/art/codex-word-tiles-collage/contour-poster-adaptation.svg": { "sha256": "31ffa6613b7d0181212b28e54ad5b36f8f763f91b0f1ed05f00896e28e0b62dc", "resolvedPath": "public/art/codex-word-tiles-collage/contour-poster-adaptation.svg" }, "public/art/codex-word-tiles-collage/index-badges-adaptation.svg": { "sha256": "8b1dd5cce6d3d18c0c10743b6b5cf8dab4a62e625cdf1618768c535eead8ba6b", "resolvedPath": "public/art/codex-word-tiles-collage/index-badges-adaptation.svg" }, "public/art/codex-word-tiles-collage/miniature-body-adaptation.svg": { "sha256": "c3de0e100d0697da673bf378ced50fda958cf23c92e0bab9c54096fd9b958efb", "resolvedPath": "public/art/codex-word-tiles-collage/miniature-body-adaptation.svg" }, "public/art/codex-word-tiles-collage/miniature-wing-adaptation.svg": { "sha256": "bf990b0cbfbc735b70d377ef757ff615de7ba1bcd7cc2ff320b5420fe2338cfd", "resolvedPath": "public/art/codex-word-tiles-collage/miniature-wing-adaptation.svg" }, "public/art/codex-word-tiles-collage/ring-chart-adaptation.svg": { "sha256": "42fe3038a080d4cb5a6b762a7091561a0eab9354755fa93526883786575f073f", "resolvedPath": "public/art/codex-word-tiles-collage/ring-chart-adaptation.svg" }, "public/fonts/Geist.ttf": { "sha256": "73894e0448cae90a92b6c2f8732b7bb9acb7b94c418bff559dad4a18e1de9659", "resolvedPath": "public/fonts/Geist.ttf" } }, "assetScope": "Selected content assets and literal staticFile() dependencies in shared source; unrelated recipes and public assets excluded. Rights declarations are preserved, not independently certified." }, "bindingSha256": "e5c51e91d5169738cd757315d9a3a400b5819acbcbfad4d4edfd96376eb6b0af", "implementationDigest": "d8b9486d145a3c5c2eb163dba433e958b8310df238f13f0c354452a67f35cf22", "fileHashes": { "package-lock.json": "d49a849f7eb399e171ed709b67e00e96104f1116e571c96e6e94952e14110922", "package.json": "78bbb94c56da3bfd012607ca3ba88e063ee2a280a65ae6d99175cbe50b1e34fb", "public/art/codex-word-tiles-collage/contour-poster-adaptation.svg": "31ffa6613b7d0181212b28e54ad5b36f8f763f91b0f1ed05f00896e28e0b62dc", "public/art/codex-word-tiles-collage/index-badges-adaptation.svg": "8b1dd5cce6d3d18c0c10743b6b5cf8dab4a62e625cdf1618768c535eead8ba6b", "public/art/codex-word-tiles-collage/miniature-body-adaptation.svg": "c3de0e100d0697da673bf378ced50fda958cf23c92e0bab9c54096fd9b958efb", "public/art/codex-word-tiles-collage/miniature-wing-adaptation.svg": "bf990b0cbfbc735b70d377ef757ff615de7ba1bcd7cc2ff320b5420fe2338cfd", "public/art/codex-word-tiles-collage/ring-chart-adaptation.svg": "42fe3038a080d4cb5a6b762a7091561a0eab9354755fa93526883786575f073f", "public/fonts/Geist.ttf": "73894e0448cae90a92b6c2f8732b7bb9acb7b94c418bff559dad4a18e1de9659", "recipes/codex-word-tiles-collage.json": "55635995f82b5c0c385d511461643ce1e19bd4a5ac1fa3e86efc952160a69a1d", "remotion.config.ts": "240cf99c8d4908d9e1904465dd1e3156b483e18e4470278d23ffa21d283956f1", "scripts/lib.mjs": "b6c6535fc7279ff63f3feecb696d3b3092d5efbcb1491d7e7b525933e8d5b0e8", "scripts/render.mjs": "efd75f96353eebb7a4c15ccad939aad8bb5d3cb9dbd790d3c48aa8d4f53a7886", "scripts/verify.mjs": "a99a2b9582e3735b3d49a784af0c471ab971759d555182b0854cdc9bba9a268e", "src/assemble.ts": "adb57e34e9f9d5fed4e2445b609f3ba40da3926b6360e7fd7eb15bd0a541d6df", "src/Edit.tsx": "ab99b024849190653a750d010be38b23a8a37356a071da858dca5bdc5c27fa0e", "src/index.ts": "2e0e358282a1b998a65387c653b97c2bb2eb7aae94cf200fc0b8d919f7be73a6", "src/library.ts": "b3863be1ff2f053c8e3985f25160373a77da0b7cd2dbc020294124d6d3526b09", "src/Root.tsx": "9680a4c588bd063ba287a0c875f441ac348fe1a76a2d988a44685e3606922fbe", "src/text-fit.ts": "654cd5107172867298aca159cc5dbebced88c3ad11844f6eb47e022842091b38", "src/timing.ts": "b7228f76ac5fd8a3854e2e9777238a68f4ba7db105b2818a3dadd7f22865e434", "src/Treatment.tsx": "619961bce2dd3ceb6ef66a4a2575956eda749a73dc4bb8d716d6534b3c96e1ce", "src/types.ts": "e9d1d73a9fa77f4886349459f8e5f9099678b7c4ad84c827b01b854306e77dd3", "src/validate.ts": "3bd5c305bc287eba524c3315e9a38de8ab4c43b3453d31c5ee93a413a34caf43", "tsconfig.json": "a8c92231b0553e1d8c2f39926b4861156cae5eccb28e1780f2c720f3ab70602e" }, "inputProps": { "recipe": { "schemaVersion": 1, "id": "codex-word-tiles-collage", "title": "Word tiles / surviving miniature collage", "description": "DRAFT — Three differently sized, translucent word blocks interrupt a smaller line, while five original miniature elements arrive around them. The lower-left plate crosses in front of the middle tile; tiles depart separately without collapsing the collage. Source-specific research implementation; not a fidelity approval or a production all-hands asset.", "families": [ "opening", "typography", "layered", "mask" ], "intents": [ "foreground/background interruption", "uncover several still-moving editorial miniatures" ], "tags": [ "draft", "ty-07", "typography-b", "original-assets", "native-cadence" ], "distinctness": { "mechanism": "Oversized colored word rectangles occupy different screen positions and occlude quieter text and miniature examples. Separate departures uncover the still-present collage.", "notEquivalentTo": [ "The approved Codex Apps ending collapses a field of portfolio windows. This earlier opening is a foreground/background occlusion treatment with differently sized word tiles; the backing examples remain rather than collapsing away." ] }, "source": { "film": "Build and share apps in Codex", "slug": "codex-apps", "url": "https://www.youtube.com/watch?v=5UlRL_ImvQ0", "sha256": "48fdcf37ab3bfa5d990c2bd0b979ae14cf1618e52d73bba14bd1451e4cc43fee", "fps": { "numerator": 60, "denominator": 1 }, "width": 1920, "height": 1080, "startFrame": 140, "endFrameExclusive": 254, "localMedia": "references/openai/media/codex-apps.mp4" }, "canvas": { "width": 1920, "height": 1080, "background": "$paper" }, "observations": [ { "kind": "measured", "statement": "A small centered line at f140 is interrupted by the large foreground block visible at f147. By f207 there are three word-tile positions over a miniature collage. The first tile is gone at f232, the right tile at f236, and the final center tile at f252; f253 retains the collage without those tiles.", "sourceFrames": [ 140, 147, 207, 225, 231, 232, 235, 236, 249, 251, 252, 253 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "measured", "statement": "The threshold foreground union touches the top edge at f147/f173 and extends to both right and bottom edges at f207. It is not a centered safe-area title. This union includes artwork and cannot supply a font size.", "sourceFrames": [ 147, 173, 207 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "estimate", "statement": "Large light sans-serif words sit in opaque/translucent purple and blue rectangles, overlapping a smaller dark title and moving miniature image examples. The three blocks use visibly different positions and dimensions.", "sourceFrames": [ 207, 225, 246 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "implementation-choice", "statement": "Bundled OFL Geist is a licensed substitute, not the source font. All lettering uses native TextLayer/FontGate, never an SVG element. Original SVGs contain only local vector geometry and internal gradient/filter references.", "sourceFrames": [], "evidence": [ "benchmarks/remotion-library/project/public/fonts/OFL.txt", "benchmarks/remotion-library/project/src/Treatment.tsx" ] }, { "kind": "unresolved", "statement": "Exact arrival choreography, alpha values and each block's true bounds are not fully fitted. The small animated content needs original moving assets; static screenshot substitution must not be silently accepted.", "sourceFrames": [], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07" ] }, { "kind": "measured", "statement": "Fresh full-resolution decode of f140–f213 resolves block onsets: the high-left tile hard-appears at f141, middle at f171, right at f201. Miniatures appear at f176 (diagram), f179 (upper poster), f181 (small moving figure), f196 (lower-right index), and f205 (upper-right outline). These are discrete additions, not simultaneous entrance tweens.", "sourceFrames": [ 140, 141, 170, 171, 176, 179, 181, 196, 200, 201, 205 ], "evidence": [ "references/openai/media/codex-apps.mp4" ] }, { "kind": "measured", "statement": "At native f207 the lower-left diagram plate is in front of the middle word block, not behind all three tiles. The paper at [900,820] is RGB [251,248,254], while the uncovered middle block at [1100,820] is [226,205,254]. The original diagram is therefore a front-crossing layer; its 0.9 alpha is an implementation fit.", "sourceFrames": [ 207 ], "evidence": [ "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png" ] }, { "kind": "estimate", "statement": "Native f207 supports fitted tile bounds: high-left x100..974, visible y0..611; middle x667..1335 from y493 beyond the bottom; right x1249..1999, y365..926, clipped at x1920. Alpha and hidden off-canvas extent are estimates. Background-title disappearance is fitted at f245.", "sourceFrames": [ 207, 232, 236, 245, 252 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "implementation-choice", "statement": "Revision04 replaces flat contours with an independently lit height-field mesh, chrome and five distributed two-line annotations; the index has five two-line rows with distinct shaded pictograms, rank emblems and footer detail; a shaded outlined paper bird/kite-fish has a separate flexing wing. Review02 holds the backing title at y487 through104 and independently fits the middle tile top to the source493–502px late movement, retaining occlusion without carrying the title down. Miniature clocks and tile exits remain unchanged.", "sourceFrames": [ 179, 199, 200, 231, 235, 240, 244, 250, 253 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "unresolved", "statement": "Original terrain-window/diagram/index/paper-bird-or-kite-fish/dial replace source app windows, data, mascot and glyph. Their semantics, surface geometry and detailed internal motion differ. Geist lowercase ascenders/descenders in try/ask/act differ from source word metrics; preserve the block geometry and inspect those type differences rather than claiming an exact font match. Alpha values and small-object travel remain fitted.", "sourceFrames": [ 147, 207, 225, 246, 253 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "measured", "statement": "Review01 native title ink remains at y505 in absolute234/235/236/240/244. A separate tint scan of source x685–694/y460–589 puts the lavender top at493 in231–235,494 in236/240,496 in244/245,497 in246/247,498 in248,499 in249,500 in250 and502 in251. These threshold rows have approximately one-pixel quantization; the source title does not follow the tile.", "sourceFrames": [ 231, 234, 235, 236, 240, 244, 245, 246, 247, 248, 249, 250, 251 ], "evidence": [ "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/decoded/codex-word-tiles-collage/source/0104.png" ] } ], "fields": { "paper": { "kind": "color", "description": "Opaque full-frame field; keep the documented luminance relationship to ink." }, "ink": { "kind": "color", "description": "Foreground ink; preserve contrast and density." }, "smallTitle": { "kind": "text", "description": "Original two-word background line. Visible at local 0 and behind translucent tiles through 104; gone at 105. Keep 98px Geist/600 within 650px.", "minLength": 7, "maxLength": 12, "maxLines": 1, "exactWords": 2 }, "wordOne": { "kind": "text", "description": "Short lowercase foreground word; 242px light Geist in the high-left block. Do not move its baseline to compensate for glyph changes.", "minLength": 2, "maxLength": 3, "maxLines": 1, "exactWords": 1 }, "wordTwo": { "kind": "text", "description": "Short lowercase foreground word; 242px light Geist in the lower-middle block.", "minLength": 2, "maxLength": 3, "maxLines": 1, "exactWords": 1 }, "wordThree": { "kind": "text", "description": "Short lowercase foreground word; 242px light Geist in the right-edge block.", "minLength": 2, "maxLength": 3, "maxLines": 1, "exactWords": 1 }, "firstTile": { "kind": "color", "description": "Translucent purple foreground fill; retain roughly 0.9 alpha." }, "secondTile": { "kind": "color", "description": "Pale translucent fill; retain rear-title visibility." }, "thirdTile": { "kind": "color", "description": "Blue foreground fill; retain faint miniature visibility." }, "posterLabel": { "kind": "text", "description": "Editorial miniature title, not an app UI label.", "minLength": 5, "maxLength": 20, "maxLines": 1 }, "chartOne": { "kind": "text", "description": "Original two-digit diagram value, not source demo data.", "minLength": 2, "maxLength": 2, "maxLines": 1, "exactLength": 2 }, "chartTwo": { "kind": "text", "description": "Original two-digit diagram value.", "minLength": 2, "maxLength": 2, "maxLines": 1, "exactLength": 2 }, "chartThree": { "kind": "text", "description": "Original two-digit diagram value.", "minLength": 2, "maxLength": 2, "maxLines": 1, "exactLength": 2 }, "indexTitle": { "kind": "text", "description": "Short editorial index heading.", "minLength": 5, "maxLength": 14, "maxLines": 1 }, "indexRow1": { "kind": "text", "description": "Original miniature index label; maximum seven letters at 19px.", "minLength": 3, "maxLength": 7, "maxLines": 1 }, "indexRow1Detail": { "kind": "text", "description": "Second line of original editorial index data, not source demo scores. Keep the two-line row density.", "minLength": 6, "maxLength": 12, "maxLines": 1 }, "posterSite1": { "kind": "text", "description": "Original two-line distributed surface annotation; exact two lines, maximum ten characters per line. Retain five annotations.", "minLength": 5, "maxLength": 21, "maxLines": 2, "exactLines": 2, "maxLineLength": 10 }, "indexRow2": { "kind": "text", "description": "Original miniature index label; maximum seven letters at 19px.", "minLength": 3, "maxLength": 7, "maxLines": 1 }, "indexRow2Detail": { "kind": "text", "description": "Second line of original editorial index data, not source demo scores. Keep the two-line row density.", "minLength": 6, "maxLength": 12, "maxLines": 1 }, "posterSite2": { "kind": "text", "description": "Original two-line distributed surface annotation; exact two lines, maximum ten characters per line. Retain five annotations.", "minLength": 5, "maxLength": 21, "maxLines": 2, "exactLines": 2, "maxLineLength": 10 }, "indexRow3": { "kind": "text", "description": "Original miniature index label; maximum seven letters at 19px.", "minLength": 3, "maxLength": 7, "maxLines": 1 }, "indexRow3Detail": { "kind": "text", "description": "Second line of original editorial index data, not source demo scores. Keep the two-line row density.", "minLength": 6, "maxLength": 12, "maxLines": 1 }, "posterSite3": { "kind": "text", "description": "Original two-line distributed surface annotation; exact two lines, maximum ten characters per line. Retain five annotations.", "minLength": 5, "maxLength": 21, "maxLines": 2, "exactLines": 2, "maxLineLength": 10 }, "indexRow4": { "kind": "text", "description": "Original miniature index label; maximum seven letters at 19px.", "minLength": 3, "maxLength": 7, "maxLines": 1 }, "indexRow4Detail": { "kind": "text", "description": "Second line of original editorial index data, not source demo scores. Keep the two-line row density.", "minLength": 6, "maxLength": 12, "maxLines": 1 }, "posterSite4": { "kind": "text", "description": "Original two-line distributed surface annotation; exact two lines, maximum ten characters per line. Retain five annotations.", "minLength": 5, "maxLength": 21, "maxLines": 2, "exactLines": 2, "maxLineLength": 10 }, "indexRow5": { "kind": "text", "description": "Original miniature index label; maximum seven letters at 19px.", "minLength": 3, "maxLength": 7, "maxLines": 1 }, "indexRow5Detail": { "kind": "text", "description": "Second line of original editorial index data, not source demo scores. Keep the two-line row density.", "minLength": 6, "maxLength": 12, "maxLines": 1 }, "posterSite5": { "kind": "text", "description": "Original two-line distributed surface annotation; exact two lines, maximum ten characters per line. Retain five annotations.", "minLength": 5, "maxLength": 21, "maxLines": 2, "exactLines": 2, "maxLineLength": 10 }, "posterMenu": { "kind": "text", "description": "Original miniature navigation labels; not a product demo.", "minLength": 15, "maxLength": 35, "maxLines": 1 }, "poster": { "kind": "image", "description": "Original shaded height-field mesh, window chrome, front/back surface lighting and contour detail. Native distributed labels are separate; no source screenshot or baked lettering.", "aspectRatio": { "numerator": 600, "denominator": 360 }, "minimumWidth": 600, "minimumHeight": 360, "fit": "contain" }, "chart": { "kind": "image", "description": "Original quiet line diagram. Native text values are separate. Keep bottom clipping and the 900×560 density; do not substitute a flat screenshot of a real app.", "aspectRatio": { "numerator": 900, "denominator": 560 }, "minimumWidth": 900, "minimumHeight": 560, "fit": "contain" }, "miniatureBody": { "kind": "image", "description": "Original shaded paper bird (default) or mechanical kite-fish (adaptation), with ink outlines, patterned panels, face and articulated details; not the source cat.", "aspectRatio": { "numerator": 200, "denominator": 150 }, "minimumWidth": 200, "minimumHeight": 150, "fit": "contain" }, "miniatureWing": { "kind": "image", "description": "Original separate shaded wing/fin with panel detail. Flexes over the body through the documented native transform track.", "aspectRatio": { "numerator": 200, "denominator": 150 }, "minimumWidth": 200, "minimumHeight": 150, "fit": "contain" }, "indexBadges": { "kind": "image", "description": "Five distinct shaded original pictograms, ranking emblems, stars, row dividers and footer chrome. Native two-line labels supply all lettering.", "aspectRatio": { "numerator": 400, "denominator": 458 }, "minimumWidth": 400, "minimumHeight": 458, "fit": "contain" }, "tileCue": { "kind": "path", "description": "Original outlined direction cue; replaces the source terminal/brand glyph. 80×135 units.", "viewBox": [ 0, 0, 80, 135 ] } }, "defaults": { "paper": "#ffffff", "ink": "#080808", "smallTitle": "With Loom", "wordOne": "try", "wordTwo": "ask", "wordThree": "act", "firstTile": "#a14bffed", "secondTile": "#d9bff6d9", "thirdTile": "#0069ffe6", "posterLabel": "CONTOUR / 07", "chartOne": "18", "chartTwo": "12", "chartThree": "07", "indexTitle": "FIELD INDEX", "indexRow1": "ASTER", "indexRow1Detail": "184 STUDIES", "posterSite1": "UPLAND\n248 m", "indexRow2": "RIDGE", "indexRow2Detail": "126 STUDIES", "posterSite2": "SADDLE\n186 m", "indexRow3": "DUNE", "indexRow3Detail": "098 STUDIES", "posterSite3": "BASIN\n092 m", "indexRow4": "COVE", "indexRow4Detail": "072 STUDIES", "posterSite4": "RIDGE\n214 m", "indexRow5": "LARCH", "indexRow5Detail": "061 STUDIES", "posterSite5": "LOWLAND\n078 m", "posterMenu": "Survey Elevation Notes", "poster": { "kind": "image", "path": "art/codex-word-tiles-collage/contour-poster-original.svg", "width": 600, "height": 360, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "chart": { "kind": "image", "path": "art/codex-word-tiles-collage/ring-chart-original.svg", "width": 900, "height": 560, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureBody": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-body-original.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureWing": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-wing-original.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "indexBadges": { "kind": "image", "path": "art/codex-word-tiles-collage/index-badges-original.svg", "width": 400, "height": 458, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "tileCue": "M7 66L34 66L34 26L70 66L34 106L34 75L7 75Z" }, "adaptation": { "paper": "#ffffff", "ink": "#080808", "smallTitle": "With Vale", "wordOne": "see", "wordTwo": "map", "wordThree": "do", "firstTile": "#9256e9ed", "secondTile": "#d2c7f4d9", "thirdTile": "#236be4e6", "posterLabel": "TERRAIN / 12", "chartOne": "21", "chartTwo": "09", "chartThree": "04", "indexTitle": "TRAIL INDEX", "indexRow1": "NORTH", "indexRow1Detail": "218 NOTES", "posterSite1": "NORTH\n317 m", "indexRow2": "SOUTH", "indexRow2Detail": "163 NOTES", "posterSite2": "PASS\n204 m", "indexRow3": "EAST", "indexRow3Detail": "142 NOTES", "posterSite3": "MARSH\n084 m", "indexRow4": "WEST", "indexRow4Detail": "089 NOTES", "posterSite4": "SUMMIT\n291 m", "indexRow5": "CENTER", "indexRow5Detail": "074 NOTES", "posterSite5": "DELTA\n063 m", "posterMenu": "Regions Relief Journal", "poster": { "kind": "image", "path": "art/codex-word-tiles-collage/contour-poster-adaptation.svg", "width": 600, "height": 360, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "chart": { "kind": "image", "path": "art/codex-word-tiles-collage/ring-chart-adaptation.svg", "width": 900, "height": 560, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureBody": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-body-adaptation.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureWing": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-wing-adaptation.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "indexBadges": { "kind": "image", "path": "art/codex-word-tiles-collage/index-badges-adaptation.svg", "width": 400, "height": 458, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "tileCue": "M10 39L38 13L66 39L38 65ZM10 91L38 65L66 91L38 117Z" }, "adaptationNotes": [ "“With Loom” / “try, ask, act” becomes “With Vale” / “see, map, do”. Both are invented presentation identities, not product claims.", "Poster terrain, five exact-two-line surface labels, ring geometry, all five index names/details, badge artwork, bird/body/wing imagery and cue paths change through documented slots. Keep the five-miniature density, occlusion order and local1/31/61 arrivals.", "Do not replace miniatures with static screenshots or source art; their internal movement is part of this recipe. All miniature typography remains native Geist.", "The backing title stays at y487 through local104 and cuts off at105. Its foreground lavender tile retains the source-measured late493–502px top movement independently; do not translate the title to conceal exposed caps. Original miniatures and other arrival/exit boundaries are unchanged." ], "invariants": [ "High-left, lower-middle and right-edge rectangles retain different dimensions, off-canvas extents and separate alpha; never convert to centered title cards.", "Foreground onsets 1/31/61 and exclusive exits 92/112/96 respectively; original backing title ends at 105.", "Poster and index remain below the word tiles; the diagram crosses above the middle block, with the paper figure above that diagram.", "All five miniature elements survive tile removal; there is no long globally still hold and no collapsing portfolio field.", "Native 1920×1080 canvas and exact source rate/interval; no active retiming or implicit aspect-ratio crop.", "Only documented content slots change between defaults and adaptation. Neither successful validation nor rendering changes DRAFT fidelity status." ], "unsupported": [ "Long words, uppercase source-sized replacements, source branding or claims that the original editorial cards are live app outputs.", "Flattening the foreground/backing layers, replacing cuts with slides, or reducing the number of miniature elements.", "Source footage, source identity artwork, demo data, remote assets, SVG scripts/animation, or SVG text depending on a page font.", "Arbitrary aspect ratios, automatic type shrinking, unreviewed timing changes, or use as an authentic Poe/product demo." ], "entry": { "field": "light", "description": "Small two-word line alone at local 0, interrupted immediately at local 1.", "continuityKeys": [ "paper", "smallTitle" ] }, "exit": { "field": "layered", "description": "All large tiles and the small title are absent; the five moving miniature elements survive in place.", "continuityKeys": [ "paper", "poster", "chart", "miniatureBody" ] }, "neighbors": { "before": [ "small centered premise" ], "after": [ "collage-backed title", "original miniature-to-detail cut" ], "rule": "Match the same miniature slots if extending the collage. Do not join this as the approved Codex Apps collapsing-window ending." }, "layers": [ { "id": "small-background-line", "kind": "text", "slot": "smallTitle", "start": 0, "end": 105, "x": 635, "y": 487, "width": 650, "height": 123, "fontSize": 98, "lineHeight": 1.1, "weight": 600, "color": "$ink", "align": "center" }, { "id": "topographic-card", "kind": "group", "start": 39, "end": 114, "width": 580, "height": 350, "children": [ { "id": "poster-stock", "kind": "rect", "start": 39, "end": 114, "x": 0, "y": 0, "width": 580, "height": 350, "fill": "#fbfafc", "shadow": "0 3px 16px #20202018" }, { "id": "poster-clip", "kind": "group", "start": 39, "end": 114, "width": 580, "height": 350, "children": [ { "id": "poster-art", "kind": "image", "slot": "poster", "start": 39, "end": 114, "x": [ { "frame": 39, "value": 0, "easing": "linear" }, { "frame": 70, "value": -14, "easing": "linear" }, { "frame": 113, "value": -23, "easing": "linear" } ], "y": [ { "frame": 39, "value": 0, "easing": "linear" }, { "frame": 113, "value": 8, "easing": "linear" } ], "width": 610, "height": 366, "fit": "contain" } ], "overflow": "hidden" }, { "id": "poster-label", "kind": "text", "slot": "posterLabel", "start": 39, "end": 114, "x": 25, "y": 31, "width": 205, "height": 22, "fontSize": 12, "lineHeight": 1.1, "weight": 650, "color": "#624083" }, { "id": "poster-menu", "kind": "text", "slot": "posterMenu", "start": 39, "end": 114, "x": 25, "y": 54, "width": 360, "height": 20, "fontSize": 10, "lineHeight": 1.1, "weight": 500, "color": "#826396" }, { "id": "poster-site-0", "kind": "text", "slot": "posterSite1", "start": 39, "end": 114, "x": 23, "y": 147, "width": 90, "height": 32, "fontSize": 11, "lineHeight": 1.1, "weight": 600, "color": "#4c356b" }, { "id": "poster-site-1", "kind": "text", "slot": "posterSite2", "start": 39, "end": 114, "x": 154, "y": 96, "width": 90, "height": 32, "fontSize": 11, "lineHeight": 1.1, "weight": 600, "color": "#4c356b" }, { "id": "poster-site-2", "kind": "text", "slot": "posterSite3", "start": 39, "end": 114, "x": 274, "y": 170, "width": 90, "height": 32, "fontSize": 11, "lineHeight": 1.1, "weight": 600, "color": "#ffffff" }, { "id": "poster-site-3", "kind": "text", "slot": "posterSite4", "start": 39, "end": 114, "x": 366, "y": 98, "width": 90, "height": 32, "fontSize": 11, "lineHeight": 1.1, "weight": 600, "color": "#4c356b" }, { "id": "poster-site-4", "kind": "text", "slot": "posterSite5", "start": 39, "end": 114, "x": 480, "y": 200, "width": 90, "height": 32, "fontSize": 11, "lineHeight": 1.1, "weight": 600, "color": "#4c356b" } ], "x": [ { "frame": 39, "value": 1075, "easing": "smooth" }, { "frame": 65, "value": 1058, "easing": "smooth" }, { "frame": 113, "value": 1064, "easing": "smooth" } ], "y": [ { "frame": 39, "value": 81, "easing": "smooth" }, { "frame": 65, "value": 71, "easing": "smooth" }, { "frame": 113, "value": 77, "easing": "smooth" } ] }, { "id": "editorial-index", "kind": "group", "start": 56, "end": 114, "width": 400, "height": 458, "children": [ { "id": "index-stock", "kind": "rect", "start": 56, "end": 114, "x": 0, "y": 0, "width": 400, "height": 458, "fill": "#fffcff", "stroke": "#eee6f3", "strokeWidth": 2, "shadow": "0 2px 9px #29202d0d" }, { "id": "index-active-band", "kind": "rect", "start": 56, "end": 114, "x": 14, "y": [ { "frame": 56, "value": 83, "easing": "smooth" }, { "frame": 84, "value": 83, "easing": "smooth" }, { "frame": 113, "value": 156, "easing": "smooth" } ], "width": 368, "height": 66, "fill": "#f4eafd" }, { "id": "index-pictograms", "kind": "image", "slot": "indexBadges", "start": 56, "end": 114, "x": 0, "y": 0, "width": 400, "height": 458, "fit": "contain" }, { "id": "index-title", "kind": "text", "slot": "indexTitle", "start": 56, "end": 114, "x": 28, "y": 388, "width": 307, "height": 19, "fontSize": 12, "lineHeight": 1.1, "weight": 600, "color": "#795293" }, { "id": "index-row-0", "kind": "text", "slot": "indexRow1", "start": 56, "end": 114, "x": 117, "y": 14, "width": 221, "height": 25, "fontSize": 19, "lineHeight": 1.1, "weight": 760, "color": "#6b3b9d" }, { "id": "index-detail-0", "kind": "text", "slot": "indexRow1Detail", "start": 56, "end": 114, "x": 117, "y": 38, "width": 221, "height": 24, "fontSize": 15, "lineHeight": 1.1, "weight": 550, "color": "#8d5abd" }, { "id": "index-row-1", "kind": "text", "slot": "indexRow2", "start": 56, "end": 114, "x": 117, "y": 87, "width": 221, "height": 25, "fontSize": 19, "lineHeight": 1.1, "weight": 760, "color": "#6b3b9d" }, { "id": "index-detail-1", "kind": "text", "slot": "indexRow2Detail", "start": 56, "end": 114, "x": 117, "y": 111, "width": 221, "height": 24, "fontSize": 15, "lineHeight": 1.1, "weight": 550, "color": "#8d5abd" }, { "id": "index-row-2", "kind": "text", "slot": "indexRow3", "start": 56, "end": 114, "x": 117, "y": 160, "width": 221, "height": 25, "fontSize": 19, "lineHeight": 1.1, "weight": 760, "color": "#6b3b9d" }, { "id": "index-detail-2", "kind": "text", "slot": "indexRow3Detail", "start": 56, "end": 114, "x": 117, "y": 184, "width": 221, "height": 24, "fontSize": 15, "lineHeight": 1.1, "weight": 550, "color": "#8d5abd" }, { "id": "index-row-3", "kind": "text", "slot": "indexRow4", "start": 56, "end": 114, "x": 117, "y": 233, "width": 221, "height": 25, "fontSize": 19, "lineHeight": 1.1, "weight": 760, "color": "#6b3b9d" }, { "id": "index-detail-3", "kind": "text", "slot": "indexRow4Detail", "start": 56, "end": 114, "x": 117, "y": 257, "width": 221, "height": 24, "fontSize": 15, "lineHeight": 1.1, "weight": 550, "color": "#8d5abd" }, { "id": "index-row-4", "kind": "text", "slot": "indexRow5", "start": 56, "end": 114, "x": 117, "y": 306, "width": 221, "height": 25, "fontSize": 19, "lineHeight": 1.1, "weight": 760, "color": "#6b3b9d" }, { "id": "index-detail-4", "kind": "text", "slot": "indexRow5Detail", "start": 56, "end": 114, "x": 117, "y": 330, "width": 221, "height": 24, "fontSize": 15, "lineHeight": 1.1, "weight": 550, "color": "#8d5abd" } ], "x": [ { "frame": 56, "value": 1394, "easing": "linear" }, { "frame": 113, "value": 1390, "easing": "linear" } ], "y": [ { "frame": 56, "value": 681, "easing": "linear" }, { "frame": 113, "value": 685, "easing": "linear" } ] }, { "id": "small-original-dial", "kind": "group", "start": 65, "end": 114, "width": 116, "height": 116, "children": [ { "id": "dial-circle", "kind": "ellipse", "start": 65, "end": 114, "x": 3, "y": 3, "width": 108, "height": 108, "fill": "#ffffff", "stroke": "#111111", "strokeWidth": 7 }, { "id": "dial-hand", "kind": "path", "start": 65, "end": 114, "path": "M58 20L58 56L36 70", "viewBox": [ 0, 0, 116, 116 ], "fill": "none", "width": 116, "height": 116, "stroke": "#111111", "strokeWidth": 7, "origin": [ 58, 58 ], "rotation": [ { "frame": 65, "value": -35, "easing": "smooth" }, { "frame": 113, "value": 35, "easing": "smooth" } ] } ], "x": 1704, "y": 180 }, { "id": "high-left-word-tile", "kind": "group", "start": 1, "end": 92, "width": 874, "height": 611, "children": [ { "id": "first-tile-fill", "kind": "rect", "start": 1, "end": 92, "x": 0, "y": -170, "width": 874, "height": 781, "fill": "$firstTile" }, { "id": "original-direction-cue", "kind": "path", "start": 1, "end": 92, "viewBox": [ 0, 0, 80, 135 ], "fill": "#ffffff", "slot": "tileCue", "x": 80, "y": 403, "width": 80, "height": 135 }, { "id": "first-word", "kind": "text", "slot": "wordOne", "start": 1, "end": 92, "x": 304, "y": 344, "width": 540, "height": 285, "fontSize": 242, "lineHeight": 1.05, "weight": 400, "color": "#ffffff" } ], "x": 100 }, { "id": "lower-middle-word-tile", "kind": "group", "start": 31, "end": 112, "width": 668, "height": 704, "children": [ { "id": "second-tile-fill", "kind": "rect", "start": 31, "end": 112, "x": 0, "y": 0, "width": 668, "height": 704, "fill": "$secondTile" }, { "id": "second-word", "kind": "text", "slot": "wordTwo", "start": 31, "end": 112, "x": 124, "y": 1, "width": 520, "height": 285, "fontSize": 242, "lineHeight": 1.05, "weight": 400, "color": "#ffffff" } ], "x": 667, "y": [ { "frame": 31, "value": 493, "easing": "linear" }, { "frame": 91, "value": 493, "easing": "linear" }, { "frame": 95, "value": 493, "easing": "linear" }, { "frame": 96, "value": 494, "easing": "linear" }, { "frame": 100, "value": 494, "easing": "linear" }, { "frame": 104, "value": 496, "easing": "linear" }, { "frame": 105, "value": 496, "easing": "linear" }, { "frame": 106, "value": 497, "easing": "linear" }, { "frame": 107, "value": 497, "easing": "linear" }, { "frame": 108, "value": 498, "easing": "linear" }, { "frame": 109, "value": 499, "easing": "linear" }, { "frame": 110, "value": 500, "easing": "linear" }, { "frame": 111, "value": 502, "easing": "linear" } ] }, { "id": "quiet-ring-chart", "kind": "group", "start": 36, "end": 114, "width": 900, "height": 560, "children": [ { "id": "line-chart-art", "kind": "image", "slot": "chart", "start": 36, "end": 114, "x": 0, "y": 0, "width": 900, "height": 560, "fit": "contain" }, { "id": "diagram-value-one", "kind": "text", "slot": "chartOne", "start": 36, "end": 114, "x": 156, "y": 218, "width": 160, "height": 115, "fontSize": 90, "lineHeight": 1.1, "weight": 450, "color": "$ink" }, { "id": "diagram-value-two", "kind": "text", "slot": "chartTwo", "start": 36, "end": 114, "x": 407, "y": 169, "width": 130, "height": 78, "fontSize": 63, "lineHeight": 1.1, "weight": 450, "color": "$ink" }, { "id": "diagram-value-three", "kind": "text", "slot": "chartThree", "start": 36, "end": 114, "x": 665, "y": 151, "width": 100, "height": 50, "fontSize": 42, "lineHeight": 1.1, "weight": 450, "color": "$ink" } ], "opacity": 0.9, "x": [ { "frame": 36, "value": 155, "easing": "smooth" }, { "frame": 65, "value": 159, "easing": "smooth" }, { "frame": 113, "value": 151, "easing": "smooth" } ], "y": [ { "frame": 36, "value": 790, "easing": "smooth" }, { "frame": 65, "value": 783, "easing": "smooth" }, { "frame": 113, "value": 797, "easing": "smooth" } ] }, { "id": "moving-paper-miniature", "kind": "group", "start": 41, "end": 114, "width": 200, "height": 150, "children": [ { "id": "paper-body", "kind": "image", "slot": "miniatureBody", "start": 41, "end": 114, "x": 0, "y": 0, "width": 200, "height": 150, "fit": "contain" }, { "id": "paper-wing", "kind": "image", "slot": "miniatureWing", "start": 41, "end": 114, "x": 0, "y": 0, "width": 200, "height": 150, "fit": "contain", "origin": [ 95, 90 ], "perspective": 600, "rotationX": [ { "frame": 41, "value": 18, "easing": "smooth" }, { "frame": 48, "value": -23, "easing": "smooth" }, { "frame": 57, "value": 27, "easing": "smooth" }, { "frame": 67, "value": -20, "easing": "smooth" }, { "frame": 78, "value": 23, "easing": "smooth" }, { "frame": 90, "value": -20, "easing": "smooth" }, { "frame": 104, "value": 17, "easing": "smooth" }, { "frame": 113, "value": -11, "easing": "smooth" } ] } ], "x": [ { "frame": 41, "value": 136, "easing": "smooth" }, { "frame": 64, "value": 148, "easing": "smooth" }, { "frame": 89, "value": 132, "easing": "smooth" }, { "frame": 113, "value": 143, "easing": "smooth" } ], "y": [ { "frame": 41, "value": 658, "easing": "smooth" }, { "frame": 50, "value": 688, "easing": "smooth" }, { "frame": 64, "value": 676, "easing": "smooth" }, { "frame": 76, "value": 690, "easing": "smooth" }, { "frame": 91, "value": 681, "easing": "smooth" }, { "frame": 104, "value": 696, "easing": "smooth" }, { "frame": 113, "value": 682, "easing": "smooth" } ], "rotation": [ { "frame": 41, "value": -7, "easing": "smooth" }, { "frame": 64, "value": 3, "easing": "smooth" }, { "frame": 91, "value": -4, "easing": "smooth" }, { "frame": 113, "value": 1, "easing": "smooth" } ], "origin": [ 100, 75 ] }, { "id": "right-edge-word-tile", "kind": "group", "start": 61, "end": 96, "width": 750, "height": 561, "children": [ { "id": "third-tile-fill", "kind": "rect", "start": 61, "end": 96, "x": 0, "y": 0, "width": 750, "height": 561, "fill": "$thirdTile" }, { "id": "third-word", "kind": "text", "slot": "wordThree", "start": 61, "end": 96, "x": 53, "y": -1, "width": 625, "height": 285, "fontSize": 242, "lineHeight": 1.05, "weight": 400, "color": "#ffffff" } ], "x": 1249, "y": 365 } ], "inspection": { "method": "Packet native anchors/consecutive strips and fresh FFmpeg decoding of the actual hash-checked local films. Additional onset/exit frames were inspected as temporary native crops. This is source inspection and original-pose authoring, not a synchronized render review. Main owns paired moving evidence and fresh-context review.", "limits": [ "DRAFT. No self-approval, publication, completed-example credit, or human real-time-viewing claim.", "Boundary/intermediate lists are LOCAL frames. Observation sourceFrames are ABSOLUTE film frames. PNG/contact-sheet inspection does not establish continuous playback.", "Render only through the main CLI after shared source/scripts have stabilized. No MP4 or sibling manifest is claimed by this generator.", "Review02 authoring responds to the review01 residual, not a fidelity pass. The unchanged review01 MP4s/comparisons/retest are historical. New consecutive native stills are diagnostics only; main owns review02 exports, synchronized comparison and fresh disposition. No earlier MP4 is rebound.", "Revision04 reauthors the assigned construction/phase findings. The prior fresh review remains changes-required until main performs a new bound comparison/review; no finding is self-cleared. Earlier canonical exports and evidence must not be rebound or replaced." ], "boundaryFrames": [ 0, 1, 30, 31, 35, 36, 38, 39, 40, 41, 55, 56, 60, 61, 64, 65, 91, 92, 95, 96, 104, 105, 111, 112, 113 ], "intermediateFrames": [ 7, 18, 33, 42, 43, 45, 52, 57, 58, 63, 70, 85, 90, 93, 94, 97, 98, 99, 100, 101, 102, 103, 106, 107, 108, 109, 110 ], "sourceEvidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] } }, "content": { "paper": "#ffffff", "ink": "#080808", "smallTitle": "With Vale", "wordOne": "see", "wordTwo": "map", "wordThree": "do", "firstTile": "#9256e9ed", "secondTile": "#d2c7f4d9", "thirdTile": "#236be4e6", "posterLabel": "TERRAIN / 12", "chartOne": "21", "chartTwo": "09", "chartThree": "04", "indexTitle": "TRAIL INDEX", "indexRow1": "NORTH", "indexRow1Detail": "218 NOTES", "posterSite1": "NORTH\n317 m", "indexRow2": "SOUTH", "indexRow2Detail": "163 NOTES", "posterSite2": "PASS\n204 m", "indexRow3": "EAST", "indexRow3Detail": "142 NOTES", "posterSite3": "MARSH\n084 m", "indexRow4": "WEST", "indexRow4Detail": "089 NOTES", "posterSite4": "SUMMIT\n291 m", "indexRow5": "CENTER", "indexRow5Detail": "074 NOTES", "posterSite5": "DELTA\n063 m", "posterMenu": "Regions Relief Journal", "poster": { "kind": "image", "path": "art/codex-word-tiles-collage/contour-poster-adaptation.svg", "width": 600, "height": 360, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "chart": { "kind": "image", "path": "art/codex-word-tiles-collage/ring-chart-adaptation.svg", "width": 900, "height": 560, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureBody": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-body-adaptation.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureWing": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-wing-adaptation.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "indexBadges": { "kind": "image", "path": "art/codex-word-tiles-collage/index-badges-adaptation.svg", "width": 400, "height": 458, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "tileCue": "M10 39L38 13L66 39L38 65ZM10 91L38 65L66 91L38 117Z" }, "holdBeforeFrames": 0, "holdAfterFrames": 0 }, "inputs": { "paper": "#ffffff", "ink": "#080808", "smallTitle": "With Vale", "wordOne": "see", "wordTwo": "map", "wordThree": "do", "firstTile": "#9256e9ed", "secondTile": "#d2c7f4d9", "thirdTile": "#236be4e6", "posterLabel": "TERRAIN / 12", "chartOne": "21", "chartTwo": "09", "chartThree": "04", "indexTitle": "TRAIL INDEX", "indexRow1": "NORTH", "indexRow1Detail": "218 NOTES", "posterSite1": "NORTH\n317 m", "indexRow2": "SOUTH", "indexRow2Detail": "163 NOTES", "posterSite2": "PASS\n204 m", "indexRow3": "EAST", "indexRow3Detail": "142 NOTES", "posterSite3": "MARSH\n084 m", "indexRow4": "WEST", "indexRow4Detail": "089 NOTES", "posterSite4": "SUMMIT\n291 m", "indexRow5": "CENTER", "indexRow5Detail": "074 NOTES", "posterSite5": "DELTA\n063 m", "posterMenu": "Regions Relief Journal", "poster": { "kind": "image", "path": "art/codex-word-tiles-collage/contour-poster-adaptation.svg", "width": 600, "height": 360, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "chart": { "kind": "image", "path": "art/codex-word-tiles-collage/ring-chart-adaptation.svg", "width": 900, "height": 560, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureBody": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-body-adaptation.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureWing": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-wing-adaptation.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "indexBadges": { "kind": "image", "path": "art/codex-word-tiles-collage/index-badges-adaptation.svg", "width": 400, "height": 458, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "tileCue": "M10 39L38 13L66 39L38 65ZM10 91L38 65L66 91L38 117Z" } }, "default": { "binding": { "version": 1, "compositionId": "Treatment", "implementation": { "files": { "src/assemble.ts": { "sha256": "adb57e34e9f9d5fed4e2445b609f3ba40da3926b6360e7fd7eb15bd0a541d6df", "resolvedPath": "src/assemble.ts" }, "src/Edit.tsx": { "sha256": "ab99b024849190653a750d010be38b23a8a37356a071da858dca5bdc5c27fa0e", "resolvedPath": "src/Edit.tsx" }, "src/index.ts": { "sha256": "2e0e358282a1b998a65387c653b97c2bb2eb7aae94cf200fc0b8d919f7be73a6", "resolvedPath": "src/index.ts" }, "src/library.ts": { "sha256": "b3863be1ff2f053c8e3985f25160373a77da0b7cd2dbc020294124d6d3526b09", "resolvedPath": "src/library.ts" }, "src/Root.tsx": { "sha256": "9680a4c588bd063ba287a0c875f441ac348fe1a76a2d988a44685e3606922fbe", "resolvedPath": "src/Root.tsx" }, "src/text-fit.ts": { "sha256": "654cd5107172867298aca159cc5dbebced88c3ad11844f6eb47e022842091b38", "resolvedPath": "src/text-fit.ts" }, "src/timing.ts": { "sha256": "b7228f76ac5fd8a3854e2e9777238a68f4ba7db105b2818a3dadd7f22865e434", "resolvedPath": "src/timing.ts" }, "src/Treatment.tsx": { "sha256": "619961bce2dd3ceb6ef66a4a2575956eda749a73dc4bb8d716d6534b3c96e1ce", "resolvedPath": "src/Treatment.tsx" }, "src/types.ts": { "sha256": "e9d1d73a9fa77f4886349459f8e5f9099678b7c4ad84c827b01b854306e77dd3", "resolvedPath": "src/types.ts" }, "src/validate.ts": { "sha256": "3bd5c305bc287eba524c3315e9a38de8ab4c43b3453d31c5ee93a413a34caf43", "resolvedPath": "src/validate.ts" }, "scripts/lib.mjs": { "sha256": "b6c6535fc7279ff63f3feecb696d3b3092d5efbcb1491d7e7b525933e8d5b0e8", "resolvedPath": "scripts/lib.mjs" }, "scripts/render.mjs": { "sha256": "efd75f96353eebb7a4c15ccad939aad8bb5d3cb9dbd790d3c48aa8d4f53a7886", "resolvedPath": "scripts/render.mjs" }, "scripts/verify.mjs": { "sha256": "a99a2b9582e3735b3d49a784af0c471ab971759d555182b0854cdc9bba9a268e", "resolvedPath": "scripts/verify.mjs" }, "package.json": { "sha256": "78bbb94c56da3bfd012607ca3ba88e063ee2a280a65ae6d99175cbe50b1e34fb", "resolvedPath": "package.json" }, "package-lock.json": { "sha256": "d49a849f7eb399e171ed709b67e00e96104f1116e571c96e6e94952e14110922", "resolvedPath": "package-lock.json" }, "tsconfig.json": { "sha256": "a8c92231b0553e1d8c2f39926b4861156cae5eccb28e1780f2c720f3ab70602e", "resolvedPath": "tsconfig.json" }, "remotion.config.ts": { "sha256": "240cf99c8d4908d9e1904465dd1e3156b483e18e4470278d23ffa21d283956f1", "resolvedPath": "remotion.config.ts" } }, "sha256": "d8b9486d145a3c5c2eb163dba433e958b8310df238f13f0c354452a67f35cf22", "scope": "src/**, scripts/{lib,render,verify}.mjs, package.json, package-lock.json, tsconfig.json, remotion.config.ts; authoring helpers, catalog, tests and node_modules excluded" }, "dependencies": { "sha256": "d49a849f7eb399e171ed709b67e00e96104f1116e571c96e6e94952e14110922", "nodeModules": "excluded; lock and exact direct versions bound, installed dependency bytes are not attested" }, "recipeFile": { "path": "recipes/codex-word-tiles-collage.json", "sha256": "55635995f82b5c0c385d511461643ce1e19bd4a5ac1fa3e86efc952160a69a1d" }, "inputSource": { "kind": "variant", "variant": "default" }, "inputProps": { "recipe": { "schemaVersion": 1, "id": "codex-word-tiles-collage", "title": "Word tiles / surviving miniature collage", "description": "DRAFT — Three differently sized, translucent word blocks interrupt a smaller line, while five original miniature elements arrive around them. The lower-left plate crosses in front of the middle tile; tiles depart separately without collapsing the collage. Source-specific research implementation; not a fidelity approval or a production all-hands asset.", "families": [ "opening", "typography", "layered", "mask" ], "intents": [ "foreground/background interruption", "uncover several still-moving editorial miniatures" ], "tags": [ "draft", "ty-07", "typography-b", "original-assets", "native-cadence" ], "distinctness": { "mechanism": "Oversized colored word rectangles occupy different screen positions and occlude quieter text and miniature examples. Separate departures uncover the still-present collage.", "notEquivalentTo": [ "The approved Codex Apps ending collapses a field of portfolio windows. This earlier opening is a foreground/background occlusion treatment with differently sized word tiles; the backing examples remain rather than collapsing away." ] }, "source": { "film": "Build and share apps in Codex", "slug": "codex-apps", "url": "https://www.youtube.com/watch?v=5UlRL_ImvQ0", "sha256": "48fdcf37ab3bfa5d990c2bd0b979ae14cf1618e52d73bba14bd1451e4cc43fee", "fps": { "numerator": 60, "denominator": 1 }, "width": 1920, "height": 1080, "startFrame": 140, "endFrameExclusive": 254, "localMedia": "references/openai/media/codex-apps.mp4" }, "canvas": { "width": 1920, "height": 1080, "background": "$paper" }, "observations": [ { "kind": "measured", "statement": "A small centered line at f140 is interrupted by the large foreground block visible at f147. By f207 there are three word-tile positions over a miniature collage. The first tile is gone at f232, the right tile at f236, and the final center tile at f252; f253 retains the collage without those tiles.", "sourceFrames": [ 140, 147, 207, 225, 231, 232, 235, 236, 249, 251, 252, 253 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "measured", "statement": "The threshold foreground union touches the top edge at f147/f173 and extends to both right and bottom edges at f207. It is not a centered safe-area title. This union includes artwork and cannot supply a font size.", "sourceFrames": [ 147, 173, 207 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "estimate", "statement": "Large light sans-serif words sit in opaque/translucent purple and blue rectangles, overlapping a smaller dark title and moving miniature image examples. The three blocks use visibly different positions and dimensions.", "sourceFrames": [ 207, 225, 246 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "implementation-choice", "statement": "Bundled OFL Geist is a licensed substitute, not the source font. All lettering uses native TextLayer/FontGate, never an SVG element. Original SVGs contain only local vector geometry and internal gradient/filter references.", "sourceFrames": [], "evidence": [ "benchmarks/remotion-library/project/public/fonts/OFL.txt", "benchmarks/remotion-library/project/src/Treatment.tsx" ] }, { "kind": "unresolved", "statement": "Exact arrival choreography, alpha values and each block's true bounds are not fully fitted. The small animated content needs original moving assets; static screenshot substitution must not be silently accepted.", "sourceFrames": [], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07" ] }, { "kind": "measured", "statement": "Fresh full-resolution decode of f140–f213 resolves block onsets: the high-left tile hard-appears at f141, middle at f171, right at f201. Miniatures appear at f176 (diagram), f179 (upper poster), f181 (small moving figure), f196 (lower-right index), and f205 (upper-right outline). These are discrete additions, not simultaneous entrance tweens.", "sourceFrames": [ 140, 141, 170, 171, 176, 179, 181, 196, 200, 201, 205 ], "evidence": [ "references/openai/media/codex-apps.mp4" ] }, { "kind": "measured", "statement": "At native f207 the lower-left diagram plate is in front of the middle word block, not behind all three tiles. The paper at [900,820] is RGB [251,248,254], while the uncovered middle block at [1100,820] is [226,205,254]. The original diagram is therefore a front-crossing layer; its 0.9 alpha is an implementation fit.", "sourceFrames": [ 207 ], "evidence": [ "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png" ] }, { "kind": "estimate", "statement": "Native f207 supports fitted tile bounds: high-left x100..974, visible y0..611; middle x667..1335 from y493 beyond the bottom; right x1249..1999, y365..926, clipped at x1920. Alpha and hidden off-canvas extent are estimates. Background-title disappearance is fitted at f245.", "sourceFrames": [ 207, 232, 236, 245, 252 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "implementation-choice", "statement": "Revision04 replaces flat contours with an independently lit height-field mesh, chrome and five distributed two-line annotations; the index has five two-line rows with distinct shaded pictograms, rank emblems and footer detail; a shaded outlined paper bird/kite-fish has a separate flexing wing. Review02 holds the backing title at y487 through104 and independently fits the middle tile top to the source493–502px late movement, retaining occlusion without carrying the title down. Miniature clocks and tile exits remain unchanged.", "sourceFrames": [ 179, 199, 200, 231, 235, 240, 244, 250, 253 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "unresolved", "statement": "Original terrain-window/diagram/index/paper-bird-or-kite-fish/dial replace source app windows, data, mascot and glyph. Their semantics, surface geometry and detailed internal motion differ. Geist lowercase ascenders/descenders in try/ask/act differ from source word metrics; preserve the block geometry and inspect those type differences rather than claiming an exact font match. Alpha values and small-object travel remain fitted.", "sourceFrames": [ 147, 207, 225, 246, 253 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "measured", "statement": "Review01 native title ink remains at y505 in absolute234/235/236/240/244. A separate tint scan of source x685–694/y460–589 puts the lavender top at493 in231–235,494 in236/240,496 in244/245,497 in246/247,498 in248,499 in249,500 in250 and502 in251. These threshold rows have approximately one-pixel quantization; the source title does not follow the tile.", "sourceFrames": [ 231, 234, 235, 236, 240, 244, 245, 246, 247, 248, 249, 250, 251 ], "evidence": [ "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/decoded/codex-word-tiles-collage/source/0104.png" ] } ], "fields": { "paper": { "kind": "color", "description": "Opaque full-frame field; keep the documented luminance relationship to ink." }, "ink": { "kind": "color", "description": "Foreground ink; preserve contrast and density." }, "smallTitle": { "kind": "text", "description": "Original two-word background line. Visible at local 0 and behind translucent tiles through 104; gone at 105. Keep 98px Geist/600 within 650px.", "minLength": 7, "maxLength": 12, "maxLines": 1, "exactWords": 2 }, "wordOne": { "kind": "text", "description": "Short lowercase foreground word; 242px light Geist in the high-left block. Do not move its baseline to compensate for glyph changes.", "minLength": 2, "maxLength": 3, "maxLines": 1, "exactWords": 1 }, "wordTwo": { "kind": "text", "description": "Short lowercase foreground word; 242px light Geist in the lower-middle block.", "minLength": 2, "maxLength": 3, "maxLines": 1, "exactWords": 1 }, "wordThree": { "kind": "text", "description": "Short lowercase foreground word; 242px light Geist in the right-edge block.", "minLength": 2, "maxLength": 3, "maxLines": 1, "exactWords": 1 }, "firstTile": { "kind": "color", "description": "Translucent purple foreground fill; retain roughly 0.9 alpha." }, "secondTile": { "kind": "color", "description": "Pale translucent fill; retain rear-title visibility." }, "thirdTile": { "kind": "color", "description": "Blue foreground fill; retain faint miniature visibility." }, "posterLabel": { "kind": "text", "description": "Editorial miniature title, not an app UI label.", "minLength": 5, "maxLength": 20, "maxLines": 1 }, "chartOne": { "kind": "text", "description": "Original two-digit diagram value, not source demo data.", "minLength": 2, "maxLength": 2, "maxLines": 1, "exactLength": 2 }, "chartTwo": { "kind": "text", "description": "Original two-digit diagram value.", "minLength": 2, "maxLength": 2, "maxLines": 1, "exactLength": 2 }, "chartThree": { "kind": "text", "description": "Original two-digit diagram value.", "minLength": 2, "maxLength": 2, "maxLines": 1, "exactLength": 2 }, "indexTitle": { "kind": "text", "description": "Short editorial index heading.", "minLength": 5, "maxLength": 14, "maxLines": 1 }, "indexRow1": { "kind": "text", "description": "Original miniature index label; maximum seven letters at 19px.", "minLength": 3, "maxLength": 7, "maxLines": 1 }, "indexRow1Detail": { "kind": "text", "description": "Second line of original editorial index data, not source demo scores. Keep the two-line row density.", "minLength": 6, "maxLength": 12, "maxLines": 1 }, "posterSite1": { "kind": "text", "description": "Original two-line distributed surface annotation; exact two lines, maximum ten characters per line. Retain five annotations.", "minLength": 5, "maxLength": 21, "maxLines": 2, "exactLines": 2, "maxLineLength": 10 }, "indexRow2": { "kind": "text", "description": "Original miniature index label; maximum seven letters at 19px.", "minLength": 3, "maxLength": 7, "maxLines": 1 }, "indexRow2Detail": { "kind": "text", "description": "Second line of original editorial index data, not source demo scores. Keep the two-line row density.", "minLength": 6, "maxLength": 12, "maxLines": 1 }, "posterSite2": { "kind": "text", "description": "Original two-line distributed surface annotation; exact two lines, maximum ten characters per line. Retain five annotations.", "minLength": 5, "maxLength": 21, "maxLines": 2, "exactLines": 2, "maxLineLength": 10 }, "indexRow3": { "kind": "text", "description": "Original miniature index label; maximum seven letters at 19px.", "minLength": 3, "maxLength": 7, "maxLines": 1 }, "indexRow3Detail": { "kind": "text", "description": "Second line of original editorial index data, not source demo scores. Keep the two-line row density.", "minLength": 6, "maxLength": 12, "maxLines": 1 }, "posterSite3": { "kind": "text", "description": "Original two-line distributed surface annotation; exact two lines, maximum ten characters per line. Retain five annotations.", "minLength": 5, "maxLength": 21, "maxLines": 2, "exactLines": 2, "maxLineLength": 10 }, "indexRow4": { "kind": "text", "description": "Original miniature index label; maximum seven letters at 19px.", "minLength": 3, "maxLength": 7, "maxLines": 1 }, "indexRow4Detail": { "kind": "text", "description": "Second line of original editorial index data, not source demo scores. Keep the two-line row density.", "minLength": 6, "maxLength": 12, "maxLines": 1 }, "posterSite4": { "kind": "text", "description": "Original two-line distributed surface annotation; exact two lines, maximum ten characters per line. Retain five annotations.", "minLength": 5, "maxLength": 21, "maxLines": 2, "exactLines": 2, "maxLineLength": 10 }, "indexRow5": { "kind": "text", "description": "Original miniature index label; maximum seven letters at 19px.", "minLength": 3, "maxLength": 7, "maxLines": 1 }, "indexRow5Detail": { "kind": "text", "description": "Second line of original editorial index data, not source demo scores. Keep the two-line row density.", "minLength": 6, "maxLength": 12, "maxLines": 1 }, "posterSite5": { "kind": "text", "description": "Original two-line distributed surface annotation; exact two lines, maximum ten characters per line. Retain five annotations.", "minLength": 5, "maxLength": 21, "maxLines": 2, "exactLines": 2, "maxLineLength": 10 }, "posterMenu": { "kind": "text", "description": "Original miniature navigation labels; not a product demo.", "minLength": 15, "maxLength": 35, "maxLines": 1 }, "poster": { "kind": "image", "description": "Original shaded height-field mesh, window chrome, front/back surface lighting and contour detail. Native distributed labels are separate; no source screenshot or baked lettering.", "aspectRatio": { "numerator": 600, "denominator": 360 }, "minimumWidth": 600, "minimumHeight": 360, "fit": "contain" }, "chart": { "kind": "image", "description": "Original quiet line diagram. Native text values are separate. Keep bottom clipping and the 900×560 density; do not substitute a flat screenshot of a real app.", "aspectRatio": { "numerator": 900, "denominator": 560 }, "minimumWidth": 900, "minimumHeight": 560, "fit": "contain" }, "miniatureBody": { "kind": "image", "description": "Original shaded paper bird (default) or mechanical kite-fish (adaptation), with ink outlines, patterned panels, face and articulated details; not the source cat.", "aspectRatio": { "numerator": 200, "denominator": 150 }, "minimumWidth": 200, "minimumHeight": 150, "fit": "contain" }, "miniatureWing": { "kind": "image", "description": "Original separate shaded wing/fin with panel detail. Flexes over the body through the documented native transform track.", "aspectRatio": { "numerator": 200, "denominator": 150 }, "minimumWidth": 200, "minimumHeight": 150, "fit": "contain" }, "indexBadges": { "kind": "image", "description": "Five distinct shaded original pictograms, ranking emblems, stars, row dividers and footer chrome. Native two-line labels supply all lettering.", "aspectRatio": { "numerator": 400, "denominator": 458 }, "minimumWidth": 400, "minimumHeight": 458, "fit": "contain" }, "tileCue": { "kind": "path", "description": "Original outlined direction cue; replaces the source terminal/brand glyph. 80×135 units.", "viewBox": [ 0, 0, 80, 135 ] } }, "defaults": { "paper": "#ffffff", "ink": "#080808", "smallTitle": "With Loom", "wordOne": "try", "wordTwo": "ask", "wordThree": "act", "firstTile": "#a14bffed", "secondTile": "#d9bff6d9", "thirdTile": "#0069ffe6", "posterLabel": "CONTOUR / 07", "chartOne": "18", "chartTwo": "12", "chartThree": "07", "indexTitle": "FIELD INDEX", "indexRow1": "ASTER", "indexRow1Detail": "184 STUDIES", "posterSite1": "UPLAND\n248 m", "indexRow2": "RIDGE", "indexRow2Detail": "126 STUDIES", "posterSite2": "SADDLE\n186 m", "indexRow3": "DUNE", "indexRow3Detail": "098 STUDIES", "posterSite3": "BASIN\n092 m", "indexRow4": "COVE", "indexRow4Detail": "072 STUDIES", "posterSite4": "RIDGE\n214 m", "indexRow5": "LARCH", "indexRow5Detail": "061 STUDIES", "posterSite5": "LOWLAND\n078 m", "posterMenu": "Survey Elevation Notes", "poster": { "kind": "image", "path": "art/codex-word-tiles-collage/contour-poster-original.svg", "width": 600, "height": 360, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "chart": { "kind": "image", "path": "art/codex-word-tiles-collage/ring-chart-original.svg", "width": 900, "height": 560, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureBody": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-body-original.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureWing": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-wing-original.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "indexBadges": { "kind": "image", "path": "art/codex-word-tiles-collage/index-badges-original.svg", "width": 400, "height": 458, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "tileCue": "M7 66L34 66L34 26L70 66L34 106L34 75L7 75Z" }, "adaptation": { "paper": "#ffffff", "ink": "#080808", "smallTitle": "With Vale", "wordOne": "see", "wordTwo": "map", "wordThree": "do", "firstTile": "#9256e9ed", "secondTile": "#d2c7f4d9", "thirdTile": "#236be4e6", "posterLabel": "TERRAIN / 12", "chartOne": "21", "chartTwo": "09", "chartThree": "04", "indexTitle": "TRAIL INDEX", "indexRow1": "NORTH", "indexRow1Detail": "218 NOTES", "posterSite1": "NORTH\n317 m", "indexRow2": "SOUTH", "indexRow2Detail": "163 NOTES", "posterSite2": "PASS\n204 m", "indexRow3": "EAST", "indexRow3Detail": "142 NOTES", "posterSite3": "MARSH\n084 m", "indexRow4": "WEST", "indexRow4Detail": "089 NOTES", "posterSite4": "SUMMIT\n291 m", "indexRow5": "CENTER", "indexRow5Detail": "074 NOTES", "posterSite5": "DELTA\n063 m", "posterMenu": "Regions Relief Journal", "poster": { "kind": "image", "path": "art/codex-word-tiles-collage/contour-poster-adaptation.svg", "width": 600, "height": 360, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "chart": { "kind": "image", "path": "art/codex-word-tiles-collage/ring-chart-adaptation.svg", "width": 900, "height": 560, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureBody": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-body-adaptation.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureWing": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-wing-adaptation.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "indexBadges": { "kind": "image", "path": "art/codex-word-tiles-collage/index-badges-adaptation.svg", "width": 400, "height": 458, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "tileCue": "M10 39L38 13L66 39L38 65ZM10 91L38 65L66 91L38 117Z" }, "adaptationNotes": [ "“With Loom” / “try, ask, act” becomes “With Vale” / “see, map, do”. Both are invented presentation identities, not product claims.", "Poster terrain, five exact-two-line surface labels, ring geometry, all five index names/details, badge artwork, bird/body/wing imagery and cue paths change through documented slots. Keep the five-miniature density, occlusion order and local1/31/61 arrivals.", "Do not replace miniatures with static screenshots or source art; their internal movement is part of this recipe. All miniature typography remains native Geist.", "The backing title stays at y487 through local104 and cuts off at105. Its foreground lavender tile retains the source-measured late493–502px top movement independently; do not translate the title to conceal exposed caps. Original miniatures and other arrival/exit boundaries are unchanged." ], "invariants": [ "High-left, lower-middle and right-edge rectangles retain different dimensions, off-canvas extents and separate alpha; never convert to centered title cards.", "Foreground onsets 1/31/61 and exclusive exits 92/112/96 respectively; original backing title ends at 105.", "Poster and index remain below the word tiles; the diagram crosses above the middle block, with the paper figure above that diagram.", "All five miniature elements survive tile removal; there is no long globally still hold and no collapsing portfolio field.", "Native 1920×1080 canvas and exact source rate/interval; no active retiming or implicit aspect-ratio crop.", "Only documented content slots change between defaults and adaptation. Neither successful validation nor rendering changes DRAFT fidelity status." ], "unsupported": [ "Long words, uppercase source-sized replacements, source branding or claims that the original editorial cards are live app outputs.", "Flattening the foreground/backing layers, replacing cuts with slides, or reducing the number of miniature elements.", "Source footage, source identity artwork, demo data, remote assets, SVG scripts/animation, or SVG text depending on a page font.", "Arbitrary aspect ratios, automatic type shrinking, unreviewed timing changes, or use as an authentic Poe/product demo." ], "entry": { "field": "light", "description": "Small two-word line alone at local 0, interrupted immediately at local 1.", "continuityKeys": [ "paper", "smallTitle" ] }, "exit": { "field": "layered", "description": "All large tiles and the small title are absent; the five moving miniature elements survive in place.", "continuityKeys": [ "paper", "poster", "chart", "miniatureBody" ] }, "neighbors": { "before": [ "small centered premise" ], "after": [ "collage-backed title", "original miniature-to-detail cut" ], "rule": "Match the same miniature slots if extending the collage. Do not join this as the approved Codex Apps collapsing-window ending." }, "layers": [ { "id": "small-background-line", "kind": "text", "slot": "smallTitle", "start": 0, "end": 105, "x": 635, "y": 487, "width": 650, "height": 123, "fontSize": 98, "lineHeight": 1.1, "weight": 600, "color": "$ink", "align": "center" }, { "id": "topographic-card", "kind": "group", "start": 39, "end": 114, "width": 580, "height": 350, "children": [ { "id": "poster-stock", "kind": "rect", "start": 39, "end": 114, "x": 0, "y": 0, "width": 580, "height": 350, "fill": "#fbfafc", "shadow": "0 3px 16px #20202018" }, { "id": "poster-clip", "kind": "group", "start": 39, "end": 114, "width": 580, "height": 350, "children": [ { "id": "poster-art", "kind": "image", "slot": "poster", "start": 39, "end": 114, "x": [ { "frame": 39, "value": 0, "easing": "linear" }, { "frame": 70, "value": -14, "easing": "linear" }, { "frame": 113, "value": -23, "easing": "linear" } ], "y": [ { "frame": 39, "value": 0, "easing": "linear" }, { "frame": 113, "value": 8, "easing": "linear" } ], "width": 610, "height": 366, "fit": "contain" } ], "overflow": "hidden" }, { "id": "poster-label", "kind": "text", "slot": "posterLabel", "start": 39, "end": 114, "x": 25, "y": 31, "width": 205, "height": 22, "fontSize": 12, "lineHeight": 1.1, "weight": 650, "color": "#624083" }, { "id": "poster-menu", "kind": "text", "slot": "posterMenu", "start": 39, "end": 114, "x": 25, "y": 54, "width": 360, "height": 20, "fontSize": 10, "lineHeight": 1.1, "weight": 500, "color": "#826396" }, { "id": "poster-site-0", "kind": "text", "slot": "posterSite1", "start": 39, "end": 114, "x": 23, "y": 147, "width": 90, "height": 32, "fontSize": 11, "lineHeight": 1.1, "weight": 600, "color": "#4c356b" }, { "id": "poster-site-1", "kind": "text", "slot": "posterSite2", "start": 39, "end": 114, "x": 154, "y": 96, "width": 90, "height": 32, "fontSize": 11, "lineHeight": 1.1, "weight": 600, "color": "#4c356b" }, { "id": "poster-site-2", "kind": "text", "slot": "posterSite3", "start": 39, "end": 114, "x": 274, "y": 170, "width": 90, "height": 32, "fontSize": 11, "lineHeight": 1.1, "weight": 600, "color": "#ffffff" }, { "id": "poster-site-3", "kind": "text", "slot": "posterSite4", "start": 39, "end": 114, "x": 366, "y": 98, "width": 90, "height": 32, "fontSize": 11, "lineHeight": 1.1, "weight": 600, "color": "#4c356b" }, { "id": "poster-site-4", "kind": "text", "slot": "posterSite5", "start": 39, "end": 114, "x": 480, "y": 200, "width": 90, "height": 32, "fontSize": 11, "lineHeight": 1.1, "weight": 600, "color": "#4c356b" } ], "x": [ { "frame": 39, "value": 1075, "easing": "smooth" }, { "frame": 65, "value": 1058, "easing": "smooth" }, { "frame": 113, "value": 1064, "easing": "smooth" } ], "y": [ { "frame": 39, "value": 81, "easing": "smooth" }, { "frame": 65, "value": 71, "easing": "smooth" }, { "frame": 113, "value": 77, "easing": "smooth" } ] }, { "id": "editorial-index", "kind": "group", "start": 56, "end": 114, "width": 400, "height": 458, "children": [ { "id": "index-stock", "kind": "rect", "start": 56, "end": 114, "x": 0, "y": 0, "width": 400, "height": 458, "fill": "#fffcff", "stroke": "#eee6f3", "strokeWidth": 2, "shadow": "0 2px 9px #29202d0d" }, { "id": "index-active-band", "kind": "rect", "start": 56, "end": 114, "x": 14, "y": [ { "frame": 56, "value": 83, "easing": "smooth" }, { "frame": 84, "value": 83, "easing": "smooth" }, { "frame": 113, "value": 156, "easing": "smooth" } ], "width": 368, "height": 66, "fill": "#f4eafd" }, { "id": "index-pictograms", "kind": "image", "slot": "indexBadges", "start": 56, "end": 114, "x": 0, "y": 0, "width": 400, "height": 458, "fit": "contain" }, { "id": "index-title", "kind": "text", "slot": "indexTitle", "start": 56, "end": 114, "x": 28, "y": 388, "width": 307, "height": 19, "fontSize": 12, "lineHeight": 1.1, "weight": 600, "color": "#795293" }, { "id": "index-row-0", "kind": "text", "slot": "indexRow1", "start": 56, "end": 114, "x": 117, "y": 14, "width": 221, "height": 25, "fontSize": 19, "lineHeight": 1.1, "weight": 760, "color": "#6b3b9d" }, { "id": "index-detail-0", "kind": "text", "slot": "indexRow1Detail", "start": 56, "end": 114, "x": 117, "y": 38, "width": 221, "height": 24, "fontSize": 15, "lineHeight": 1.1, "weight": 550, "color": "#8d5abd" }, { "id": "index-row-1", "kind": "text", "slot": "indexRow2", "start": 56, "end": 114, "x": 117, "y": 87, "width": 221, "height": 25, "fontSize": 19, "lineHeight": 1.1, "weight": 760, "color": "#6b3b9d" }, { "id": "index-detail-1", "kind": "text", "slot": "indexRow2Detail", "start": 56, "end": 114, "x": 117, "y": 111, "width": 221, "height": 24, "fontSize": 15, "lineHeight": 1.1, "weight": 550, "color": "#8d5abd" }, { "id": "index-row-2", "kind": "text", "slot": "indexRow3", "start": 56, "end": 114, "x": 117, "y": 160, "width": 221, "height": 25, "fontSize": 19, "lineHeight": 1.1, "weight": 760, "color": "#6b3b9d" }, { "id": "index-detail-2", "kind": "text", "slot": "indexRow3Detail", "start": 56, "end": 114, "x": 117, "y": 184, "width": 221, "height": 24, "fontSize": 15, "lineHeight": 1.1, "weight": 550, "color": "#8d5abd" }, { "id": "index-row-3", "kind": "text", "slot": "indexRow4", "start": 56, "end": 114, "x": 117, "y": 233, "width": 221, "height": 25, "fontSize": 19, "lineHeight": 1.1, "weight": 760, "color": "#6b3b9d" }, { "id": "index-detail-3", "kind": "text", "slot": "indexRow4Detail", "start": 56, "end": 114, "x": 117, "y": 257, "width": 221, "height": 24, "fontSize": 15, "lineHeight": 1.1, "weight": 550, "color": "#8d5abd" }, { "id": "index-row-4", "kind": "text", "slot": "indexRow5", "start": 56, "end": 114, "x": 117, "y": 306, "width": 221, "height": 25, "fontSize": 19, "lineHeight": 1.1, "weight": 760, "color": "#6b3b9d" }, { "id": "index-detail-4", "kind": "text", "slot": "indexRow5Detail", "start": 56, "end": 114, "x": 117, "y": 330, "width": 221, "height": 24, "fontSize": 15, "lineHeight": 1.1, "weight": 550, "color": "#8d5abd" } ], "x": [ { "frame": 56, "value": 1394, "easing": "linear" }, { "frame": 113, "value": 1390, "easing": "linear" } ], "y": [ { "frame": 56, "value": 681, "easing": "linear" }, { "frame": 113, "value": 685, "easing": "linear" } ] }, { "id": "small-original-dial", "kind": "group", "start": 65, "end": 114, "width": 116, "height": 116, "children": [ { "id": "dial-circle", "kind": "ellipse", "start": 65, "end": 114, "x": 3, "y": 3, "width": 108, "height": 108, "fill": "#ffffff", "stroke": "#111111", "strokeWidth": 7 }, { "id": "dial-hand", "kind": "path", "start": 65, "end": 114, "path": "M58 20L58 56L36 70", "viewBox": [ 0, 0, 116, 116 ], "fill": "none", "width": 116, "height": 116, "stroke": "#111111", "strokeWidth": 7, "origin": [ 58, 58 ], "rotation": [ { "frame": 65, "value": -35, "easing": "smooth" }, { "frame": 113, "value": 35, "easing": "smooth" } ] } ], "x": 1704, "y": 180 }, { "id": "high-left-word-tile", "kind": "group", "start": 1, "end": 92, "width": 874, "height": 611, "children": [ { "id": "first-tile-fill", "kind": "rect", "start": 1, "end": 92, "x": 0, "y": -170, "width": 874, "height": 781, "fill": "$firstTile" }, { "id": "original-direction-cue", "kind": "path", "start": 1, "end": 92, "viewBox": [ 0, 0, 80, 135 ], "fill": "#ffffff", "slot": "tileCue", "x": 80, "y": 403, "width": 80, "height": 135 }, { "id": "first-word", "kind": "text", "slot": "wordOne", "start": 1, "end": 92, "x": 304, "y": 344, "width": 540, "height": 285, "fontSize": 242, "lineHeight": 1.05, "weight": 400, "color": "#ffffff" } ], "x": 100 }, { "id": "lower-middle-word-tile", "kind": "group", "start": 31, "end": 112, "width": 668, "height": 704, "children": [ { "id": "second-tile-fill", "kind": "rect", "start": 31, "end": 112, "x": 0, "y": 0, "width": 668, "height": 704, "fill": "$secondTile" }, { "id": "second-word", "kind": "text", "slot": "wordTwo", "start": 31, "end": 112, "x": 124, "y": 1, "width": 520, "height": 285, "fontSize": 242, "lineHeight": 1.05, "weight": 400, "color": "#ffffff" } ], "x": 667, "y": [ { "frame": 31, "value": 493, "easing": "linear" }, { "frame": 91, "value": 493, "easing": "linear" }, { "frame": 95, "value": 493, "easing": "linear" }, { "frame": 96, "value": 494, "easing": "linear" }, { "frame": 100, "value": 494, "easing": "linear" }, { "frame": 104, "value": 496, "easing": "linear" }, { "frame": 105, "value": 496, "easing": "linear" }, { "frame": 106, "value": 497, "easing": "linear" }, { "frame": 107, "value": 497, "easing": "linear" }, { "frame": 108, "value": 498, "easing": "linear" }, { "frame": 109, "value": 499, "easing": "linear" }, { "frame": 110, "value": 500, "easing": "linear" }, { "frame": 111, "value": 502, "easing": "linear" } ] }, { "id": "quiet-ring-chart", "kind": "group", "start": 36, "end": 114, "width": 900, "height": 560, "children": [ { "id": "line-chart-art", "kind": "image", "slot": "chart", "start": 36, "end": 114, "x": 0, "y": 0, "width": 900, "height": 560, "fit": "contain" }, { "id": "diagram-value-one", "kind": "text", "slot": "chartOne", "start": 36, "end": 114, "x": 156, "y": 218, "width": 160, "height": 115, "fontSize": 90, "lineHeight": 1.1, "weight": 450, "color": "$ink" }, { "id": "diagram-value-two", "kind": "text", "slot": "chartTwo", "start": 36, "end": 114, "x": 407, "y": 169, "width": 130, "height": 78, "fontSize": 63, "lineHeight": 1.1, "weight": 450, "color": "$ink" }, { "id": "diagram-value-three", "kind": "text", "slot": "chartThree", "start": 36, "end": 114, "x": 665, "y": 151, "width": 100, "height": 50, "fontSize": 42, "lineHeight": 1.1, "weight": 450, "color": "$ink" } ], "opacity": 0.9, "x": [ { "frame": 36, "value": 155, "easing": "smooth" }, { "frame": 65, "value": 159, "easing": "smooth" }, { "frame": 113, "value": 151, "easing": "smooth" } ], "y": [ { "frame": 36, "value": 790, "easing": "smooth" }, { "frame": 65, "value": 783, "easing": "smooth" }, { "frame": 113, "value": 797, "easing": "smooth" } ] }, { "id": "moving-paper-miniature", "kind": "group", "start": 41, "end": 114, "width": 200, "height": 150, "children": [ { "id": "paper-body", "kind": "image", "slot": "miniatureBody", "start": 41, "end": 114, "x": 0, "y": 0, "width": 200, "height": 150, "fit": "contain" }, { "id": "paper-wing", "kind": "image", "slot": "miniatureWing", "start": 41, "end": 114, "x": 0, "y": 0, "width": 200, "height": 150, "fit": "contain", "origin": [ 95, 90 ], "perspective": 600, "rotationX": [ { "frame": 41, "value": 18, "easing": "smooth" }, { "frame": 48, "value": -23, "easing": "smooth" }, { "frame": 57, "value": 27, "easing": "smooth" }, { "frame": 67, "value": -20, "easing": "smooth" }, { "frame": 78, "value": 23, "easing": "smooth" }, { "frame": 90, "value": -20, "easing": "smooth" }, { "frame": 104, "value": 17, "easing": "smooth" }, { "frame": 113, "value": -11, "easing": "smooth" } ] } ], "x": [ { "frame": 41, "value": 136, "easing": "smooth" }, { "frame": 64, "value": 148, "easing": "smooth" }, { "frame": 89, "value": 132, "easing": "smooth" }, { "frame": 113, "value": 143, "easing": "smooth" } ], "y": [ { "frame": 41, "value": 658, "easing": "smooth" }, { "frame": 50, "value": 688, "easing": "smooth" }, { "frame": 64, "value": 676, "easing": "smooth" }, { "frame": 76, "value": 690, "easing": "smooth" }, { "frame": 91, "value": 681, "easing": "smooth" }, { "frame": 104, "value": 696, "easing": "smooth" }, { "frame": 113, "value": 682, "easing": "smooth" } ], "rotation": [ { "frame": 41, "value": -7, "easing": "smooth" }, { "frame": 64, "value": 3, "easing": "smooth" }, { "frame": 91, "value": -4, "easing": "smooth" }, { "frame": 113, "value": 1, "easing": "smooth" } ], "origin": [ 100, 75 ] }, { "id": "right-edge-word-tile", "kind": "group", "start": 61, "end": 96, "width": 750, "height": 561, "children": [ { "id": "third-tile-fill", "kind": "rect", "start": 61, "end": 96, "x": 0, "y": 0, "width": 750, "height": 561, "fill": "$thirdTile" }, { "id": "third-word", "kind": "text", "slot": "wordThree", "start": 61, "end": 96, "x": 53, "y": -1, "width": 625, "height": 285, "fontSize": 242, "lineHeight": 1.05, "weight": 400, "color": "#ffffff" } ], "x": 1249, "y": 365 } ], "inspection": { "method": "Packet native anchors/consecutive strips and fresh FFmpeg decoding of the actual hash-checked local films. Additional onset/exit frames were inspected as temporary native crops. This is source inspection and original-pose authoring, not a synchronized render review. Main owns paired moving evidence and fresh-context review.", "limits": [ "DRAFT. No self-approval, publication, completed-example credit, or human real-time-viewing claim.", "Boundary/intermediate lists are LOCAL frames. Observation sourceFrames are ABSOLUTE film frames. PNG/contact-sheet inspection does not establish continuous playback.", "Render only through the main CLI after shared source/scripts have stabilized. No MP4 or sibling manifest is claimed by this generator.", "Review02 authoring responds to the review01 residual, not a fidelity pass. The unchanged review01 MP4s/comparisons/retest are historical. New consecutive native stills are diagnostics only; main owns review02 exports, synchronized comparison and fresh disposition. No earlier MP4 is rebound.", "Revision04 reauthors the assigned construction/phase findings. The prior fresh review remains changes-required until main performs a new bound comparison/review; no finding is self-cleared. Earlier canonical exports and evidence must not be rebound or replaced." ], "boundaryFrames": [ 0, 1, 30, 31, 35, 36, 38, 39, 40, 41, 55, 56, 60, 61, 64, 65, 91, 92, 95, 96, 104, 105, 111, 112, 113 ], "intermediateFrames": [ 7, 18, 33, 42, 43, 45, 52, 57, 58, 63, 70, 85, 90, 93, 94, 97, 98, 99, 100, 101, 102, 103, 106, 107, 108, 109, 110 ], "sourceEvidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] } }, "content": { "paper": "#ffffff", "ink": "#080808", "smallTitle": "With Loom", "wordOne": "try", "wordTwo": "ask", "wordThree": "act", "firstTile": "#a14bffed", "secondTile": "#d9bff6d9", "thirdTile": "#0069ffe6", "posterLabel": "CONTOUR / 07", "chartOne": "18", "chartTwo": "12", "chartThree": "07", "indexTitle": "FIELD INDEX", "indexRow1": "ASTER", "indexRow1Detail": "184 STUDIES", "posterSite1": "UPLAND\n248 m", "indexRow2": "RIDGE", "indexRow2Detail": "126 STUDIES", "posterSite2": "SADDLE\n186 m", "indexRow3": "DUNE", "indexRow3Detail": "098 STUDIES", "posterSite3": "BASIN\n092 m", "indexRow4": "COVE", "indexRow4Detail": "072 STUDIES", "posterSite4": "RIDGE\n214 m", "indexRow5": "LARCH", "indexRow5Detail": "061 STUDIES", "posterSite5": "LOWLAND\n078 m", "posterMenu": "Survey Elevation Notes", "poster": { "kind": "image", "path": "art/codex-word-tiles-collage/contour-poster-original.svg", "width": 600, "height": 360, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "chart": { "kind": "image", "path": "art/codex-word-tiles-collage/ring-chart-original.svg", "width": 900, "height": 560, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureBody": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-body-original.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureWing": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-wing-original.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "indexBadges": { "kind": "image", "path": "art/codex-word-tiles-collage/index-badges-original.svg", "width": 400, "height": 458, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "tileCue": "M7 66L34 66L34 26L70 66L34 106L34 75L7 75Z" }, "holdBeforeFrames": 0, "holdAfterFrames": 0 }, "inputPropsSha256": "df602ec460d436d7e9e2d1ccaf04bd126e48b64c35504b71c26913893847d038", "shots": [ { "index": 0, "recipeId": "codex-word-tiles-collage", "recipeSha256": "aacaf3c5a5faa16891d7e67d15c081b74e1f7cfeb62b6918e05f6337104cccb0", "contentSha256": "eefee9c5a29eba807e9f57539bffa54165784cb9980d014de69b1f9b96a8d946", "inputPropsSha256": "df602ec460d436d7e9e2d1ccaf04bd126e48b64c35504b71c26913893847d038", "source": { "film": "Build and share apps in Codex", "slug": "codex-apps", "url": "https://www.youtube.com/watch?v=5UlRL_ImvQ0", "sha256": "48fdcf37ab3bfa5d990c2bd0b979ae14cf1618e52d73bba14bd1451e4cc43fee", "fps": { "numerator": 60, "denominator": 1 }, "width": 1920, "height": 1080, "startFrame": 140, "endFrameExclusive": 254, "localMedia": "references/openai/media/codex-apps.mp4" } } ], "assets": [ { "slot": "poster", "path": "public/art/codex-word-tiles-collage/contour-poster-original.svg", "resolvedPath": "public/art/codex-word-tiles-collage/contour-poster-original.svg", "sha256": "92614b16d8c10b2c15453661fad16a242ce1e452432cc11416ff3c048d650b27", "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts.", "actual": { "width": 600, "height": 360, "method": "svg-viewport/viewBox" } }, { "slot": "chart", "path": "public/art/codex-word-tiles-collage/ring-chart-original.svg", "resolvedPath": "public/art/codex-word-tiles-collage/ring-chart-original.svg", "sha256": "326ab2c5ed8cc9622998e1c0226ae73735dcd48651913f838dc7e8d157df2a8a", "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts.", "actual": { "width": 900, "height": 560, "method": "svg-viewport/viewBox" } }, { "slot": "miniatureBody", "path": "public/art/codex-word-tiles-collage/miniature-body-original.svg", "resolvedPath": "public/art/codex-word-tiles-collage/miniature-body-original.svg", "sha256": "3db290c9031500ce241d0167b801cfb354f9840f733a907de3ee329b2ee74125", "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts.", "actual": { "width": 200, "height": 150, "method": "svg-viewport/viewBox" } }, { "slot": "miniatureWing", "path": "public/art/codex-word-tiles-collage/miniature-wing-original.svg", "resolvedPath": "public/art/codex-word-tiles-collage/miniature-wing-original.svg", "sha256": "fa59b6796f3a88355f4fae544392359688959914a89c5231a27494038924c32a", "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts.", "actual": { "width": 200, "height": 150, "method": "svg-viewport/viewBox" } }, { "slot": "indexBadges", "path": "public/art/codex-word-tiles-collage/index-badges-original.svg", "resolvedPath": "public/art/codex-word-tiles-collage/index-badges-original.svg", "sha256": "7e028b33087fbdd1808ba4c22211a43631e74f79984685bfd422ea5f996862e2", "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts.", "actual": { "width": 400, "height": 458, "method": "svg-viewport/viewBox" } } ], "publicFiles": { "public/art/codex-word-tiles-collage/contour-poster-original.svg": { "sha256": "92614b16d8c10b2c15453661fad16a242ce1e452432cc11416ff3c048d650b27", "resolvedPath": "public/art/codex-word-tiles-collage/contour-poster-original.svg" }, "public/art/codex-word-tiles-collage/index-badges-original.svg": { "sha256": "7e028b33087fbdd1808ba4c22211a43631e74f79984685bfd422ea5f996862e2", "resolvedPath": "public/art/codex-word-tiles-collage/index-badges-original.svg" }, "public/art/codex-word-tiles-collage/miniature-body-original.svg": { "sha256": "3db290c9031500ce241d0167b801cfb354f9840f733a907de3ee329b2ee74125", "resolvedPath": "public/art/codex-word-tiles-collage/miniature-body-original.svg" }, "public/art/codex-word-tiles-collage/miniature-wing-original.svg": { "sha256": "fa59b6796f3a88355f4fae544392359688959914a89c5231a27494038924c32a", "resolvedPath": "public/art/codex-word-tiles-collage/miniature-wing-original.svg" }, "public/art/codex-word-tiles-collage/ring-chart-original.svg": { "sha256": "326ab2c5ed8cc9622998e1c0226ae73735dcd48651913f838dc7e8d157df2a8a", "resolvedPath": "public/art/codex-word-tiles-collage/ring-chart-original.svg" }, "public/fonts/Geist.ttf": { "sha256": "73894e0448cae90a92b6c2f8732b7bb9acb7b94c418bff559dad4a18e1de9659", "resolvedPath": "public/fonts/Geist.ttf" } }, "assetScope": "Selected content assets and literal staticFile() dependencies in shared source; unrelated recipes and public assets excluded. Rights declarations are preserved, not independently certified." }, "bindingSha256": "b7834929f14573bbefc813aeca69ec739c7a8413d1e6338fbb51a8ee6c3a418c", "implementationDigest": "d8b9486d145a3c5c2eb163dba433e958b8310df238f13f0c354452a67f35cf22", "fileHashes": { "package-lock.json": "d49a849f7eb399e171ed709b67e00e96104f1116e571c96e6e94952e14110922", "package.json": "78bbb94c56da3bfd012607ca3ba88e063ee2a280a65ae6d99175cbe50b1e34fb", "public/art/codex-word-tiles-collage/contour-poster-original.svg": "92614b16d8c10b2c15453661fad16a242ce1e452432cc11416ff3c048d650b27", "public/art/codex-word-tiles-collage/index-badges-original.svg": "7e028b33087fbdd1808ba4c22211a43631e74f79984685bfd422ea5f996862e2", "public/art/codex-word-tiles-collage/miniature-body-original.svg": "3db290c9031500ce241d0167b801cfb354f9840f733a907de3ee329b2ee74125", "public/art/codex-word-tiles-collage/miniature-wing-original.svg": "fa59b6796f3a88355f4fae544392359688959914a89c5231a27494038924c32a", "public/art/codex-word-tiles-collage/ring-chart-original.svg": "326ab2c5ed8cc9622998e1c0226ae73735dcd48651913f838dc7e8d157df2a8a", "public/fonts/Geist.ttf": "73894e0448cae90a92b6c2f8732b7bb9acb7b94c418bff559dad4a18e1de9659", "recipes/codex-word-tiles-collage.json": "55635995f82b5c0c385d511461643ce1e19bd4a5ac1fa3e86efc952160a69a1d", "remotion.config.ts": "240cf99c8d4908d9e1904465dd1e3156b483e18e4470278d23ffa21d283956f1", "scripts/lib.mjs": "b6c6535fc7279ff63f3feecb696d3b3092d5efbcb1491d7e7b525933e8d5b0e8", "scripts/render.mjs": "efd75f96353eebb7a4c15ccad939aad8bb5d3cb9dbd790d3c48aa8d4f53a7886", "scripts/verify.mjs": "a99a2b9582e3735b3d49a784af0c471ab971759d555182b0854cdc9bba9a268e", "src/assemble.ts": "adb57e34e9f9d5fed4e2445b609f3ba40da3926b6360e7fd7eb15bd0a541d6df", "src/Edit.tsx": "ab99b024849190653a750d010be38b23a8a37356a071da858dca5bdc5c27fa0e", "src/index.ts": "2e0e358282a1b998a65387c653b97c2bb2eb7aae94cf200fc0b8d919f7be73a6", "src/library.ts": "b3863be1ff2f053c8e3985f25160373a77da0b7cd2dbc020294124d6d3526b09", "src/Root.tsx": "9680a4c588bd063ba287a0c875f441ac348fe1a76a2d988a44685e3606922fbe", "src/text-fit.ts": "654cd5107172867298aca159cc5dbebced88c3ad11844f6eb47e022842091b38", "src/timing.ts": "b7228f76ac5fd8a3854e2e9777238a68f4ba7db105b2818a3dadd7f22865e434", "src/Treatment.tsx": "619961bce2dd3ceb6ef66a4a2575956eda749a73dc4bb8d716d6534b3c96e1ce", "src/types.ts": "e9d1d73a9fa77f4886349459f8e5f9099678b7c4ad84c827b01b854306e77dd3", "src/validate.ts": "3bd5c305bc287eba524c3315e9a38de8ab4c43b3453d31c5ee93a413a34caf43", "tsconfig.json": "a8c92231b0553e1d8c2f39926b4861156cae5eccb28e1780f2c720f3ab70602e" }, "inputProps": { "recipe": { "schemaVersion": 1, "id": "codex-word-tiles-collage", "title": "Word tiles / surviving miniature collage", "description": "DRAFT — Three differently sized, translucent word blocks interrupt a smaller line, while five original miniature elements arrive around them. The lower-left plate crosses in front of the middle tile; tiles depart separately without collapsing the collage. Source-specific research implementation; not a fidelity approval or a production all-hands asset.", "families": [ "opening", "typography", "layered", "mask" ], "intents": [ "foreground/background interruption", "uncover several still-moving editorial miniatures" ], "tags": [ "draft", "ty-07", "typography-b", "original-assets", "native-cadence" ], "distinctness": { "mechanism": "Oversized colored word rectangles occupy different screen positions and occlude quieter text and miniature examples. Separate departures uncover the still-present collage.", "notEquivalentTo": [ "The approved Codex Apps ending collapses a field of portfolio windows. This earlier opening is a foreground/background occlusion treatment with differently sized word tiles; the backing examples remain rather than collapsing away." ] }, "source": { "film": "Build and share apps in Codex", "slug": "codex-apps", "url": "https://www.youtube.com/watch?v=5UlRL_ImvQ0", "sha256": "48fdcf37ab3bfa5d990c2bd0b979ae14cf1618e52d73bba14bd1451e4cc43fee", "fps": { "numerator": 60, "denominator": 1 }, "width": 1920, "height": 1080, "startFrame": 140, "endFrameExclusive": 254, "localMedia": "references/openai/media/codex-apps.mp4" }, "canvas": { "width": 1920, "height": 1080, "background": "$paper" }, "observations": [ { "kind": "measured", "statement": "A small centered line at f140 is interrupted by the large foreground block visible at f147. By f207 there are three word-tile positions over a miniature collage. The first tile is gone at f232, the right tile at f236, and the final center tile at f252; f253 retains the collage without those tiles.", "sourceFrames": [ 140, 147, 207, 225, 231, 232, 235, 236, 249, 251, 252, 253 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "measured", "statement": "The threshold foreground union touches the top edge at f147/f173 and extends to both right and bottom edges at f207. It is not a centered safe-area title. This union includes artwork and cannot supply a font size.", "sourceFrames": [ 147, 173, 207 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "estimate", "statement": "Large light sans-serif words sit in opaque/translucent purple and blue rectangles, overlapping a smaller dark title and moving miniature image examples. The three blocks use visibly different positions and dimensions.", "sourceFrames": [ 207, 225, 246 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "implementation-choice", "statement": "Bundled OFL Geist is a licensed substitute, not the source font. All lettering uses native TextLayer/FontGate, never an SVG element. Original SVGs contain only local vector geometry and internal gradient/filter references.", "sourceFrames": [], "evidence": [ "benchmarks/remotion-library/project/public/fonts/OFL.txt", "benchmarks/remotion-library/project/src/Treatment.tsx" ] }, { "kind": "unresolved", "statement": "Exact arrival choreography, alpha values and each block's true bounds are not fully fitted. The small animated content needs original moving assets; static screenshot substitution must not be silently accepted.", "sourceFrames": [], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07" ] }, { "kind": "measured", "statement": "Fresh full-resolution decode of f140–f213 resolves block onsets: the high-left tile hard-appears at f141, middle at f171, right at f201. Miniatures appear at f176 (diagram), f179 (upper poster), f181 (small moving figure), f196 (lower-right index), and f205 (upper-right outline). These are discrete additions, not simultaneous entrance tweens.", "sourceFrames": [ 140, 141, 170, 171, 176, 179, 181, 196, 200, 201, 205 ], "evidence": [ "references/openai/media/codex-apps.mp4" ] }, { "kind": "measured", "statement": "At native f207 the lower-left diagram plate is in front of the middle word block, not behind all three tiles. The paper at [900,820] is RGB [251,248,254], while the uncovered middle block at [1100,820] is [226,205,254]. The original diagram is therefore a front-crossing layer; its 0.9 alpha is an implementation fit.", "sourceFrames": [ 207 ], "evidence": [ "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png" ] }, { "kind": "estimate", "statement": "Native f207 supports fitted tile bounds: high-left x100..974, visible y0..611; middle x667..1335 from y493 beyond the bottom; right x1249..1999, y365..926, clipped at x1920. Alpha and hidden off-canvas extent are estimates. Background-title disappearance is fitted at f245.", "sourceFrames": [ 207, 232, 236, 245, 252 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "implementation-choice", "statement": "Revision04 replaces flat contours with an independently lit height-field mesh, chrome and five distributed two-line annotations; the index has five two-line rows with distinct shaded pictograms, rank emblems and footer detail; a shaded outlined paper bird/kite-fish has a separate flexing wing. Review02 holds the backing title at y487 through104 and independently fits the middle tile top to the source493–502px late movement, retaining occlusion without carrying the title down. Miniature clocks and tile exits remain unchanged.", "sourceFrames": [ 179, 199, 200, 231, 235, 240, 244, 250, 253 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "unresolved", "statement": "Original terrain-window/diagram/index/paper-bird-or-kite-fish/dial replace source app windows, data, mascot and glyph. Their semantics, surface geometry and detailed internal motion differ. Geist lowercase ascenders/descenders in try/ask/act differ from source word metrics; preserve the block geometry and inspect those type differences rather than claiming an exact font match. Alpha values and small-object travel remain fitted.", "sourceFrames": [ 147, 207, 225, 246, 253 ], "evidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] }, { "kind": "measured", "statement": "Review01 native title ink remains at y505 in absolute234/235/236/240/244. A separate tint scan of source x685–694/y460–589 puts the lavender top at493 in231–235,494 in236/240,496 in244/245,497 in246/247,498 in248,499 in249,500 in250 and502 in251. These threshold rows have approximately one-pixel quantization; the source title does not follow the tile.", "sourceFrames": [ 231, 234, 235, 236, 240, 244, 245, 246, 247, 248, 249, 250, 251 ], "evidence": [ "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/decoded/codex-word-tiles-collage/source/0104.png" ] } ], "fields": { "paper": { "kind": "color", "description": "Opaque full-frame field; keep the documented luminance relationship to ink." }, "ink": { "kind": "color", "description": "Foreground ink; preserve contrast and density." }, "smallTitle": { "kind": "text", "description": "Original two-word background line. Visible at local 0 and behind translucent tiles through 104; gone at 105. Keep 98px Geist/600 within 650px.", "minLength": 7, "maxLength": 12, "maxLines": 1, "exactWords": 2 }, "wordOne": { "kind": "text", "description": "Short lowercase foreground word; 242px light Geist in the high-left block. Do not move its baseline to compensate for glyph changes.", "minLength": 2, "maxLength": 3, "maxLines": 1, "exactWords": 1 }, "wordTwo": { "kind": "text", "description": "Short lowercase foreground word; 242px light Geist in the lower-middle block.", "minLength": 2, "maxLength": 3, "maxLines": 1, "exactWords": 1 }, "wordThree": { "kind": "text", "description": "Short lowercase foreground word; 242px light Geist in the right-edge block.", "minLength": 2, "maxLength": 3, "maxLines": 1, "exactWords": 1 }, "firstTile": { "kind": "color", "description": "Translucent purple foreground fill; retain roughly 0.9 alpha." }, "secondTile": { "kind": "color", "description": "Pale translucent fill; retain rear-title visibility." }, "thirdTile": { "kind": "color", "description": "Blue foreground fill; retain faint miniature visibility." }, "posterLabel": { "kind": "text", "description": "Editorial miniature title, not an app UI label.", "minLength": 5, "maxLength": 20, "maxLines": 1 }, "chartOne": { "kind": "text", "description": "Original two-digit diagram value, not source demo data.", "minLength": 2, "maxLength": 2, "maxLines": 1, "exactLength": 2 }, "chartTwo": { "kind": "text", "description": "Original two-digit diagram value.", "minLength": 2, "maxLength": 2, "maxLines": 1, "exactLength": 2 }, "chartThree": { "kind": "text", "description": "Original two-digit diagram value.", "minLength": 2, "maxLength": 2, "maxLines": 1, "exactLength": 2 }, "indexTitle": { "kind": "text", "description": "Short editorial index heading.", "minLength": 5, "maxLength": 14, "maxLines": 1 }, "indexRow1": { "kind": "text", "description": "Original miniature index label; maximum seven letters at 19px.", "minLength": 3, "maxLength": 7, "maxLines": 1 }, "indexRow1Detail": { "kind": "text", "description": "Second line of original editorial index data, not source demo scores. Keep the two-line row density.", "minLength": 6, "maxLength": 12, "maxLines": 1 }, "posterSite1": { "kind": "text", "description": "Original two-line distributed surface annotation; exact two lines, maximum ten characters per line. Retain five annotations.", "minLength": 5, "maxLength": 21, "maxLines": 2, "exactLines": 2, "maxLineLength": 10 }, "indexRow2": { "kind": "text", "description": "Original miniature index label; maximum seven letters at 19px.", "minLength": 3, "maxLength": 7, "maxLines": 1 }, "indexRow2Detail": { "kind": "text", "description": "Second line of original editorial index data, not source demo scores. Keep the two-line row density.", "minLength": 6, "maxLength": 12, "maxLines": 1 }, "posterSite2": { "kind": "text", "description": "Original two-line distributed surface annotation; exact two lines, maximum ten characters per line. Retain five annotations.", "minLength": 5, "maxLength": 21, "maxLines": 2, "exactLines": 2, "maxLineLength": 10 }, "indexRow3": { "kind": "text", "description": "Original miniature index label; maximum seven letters at 19px.", "minLength": 3, "maxLength": 7, "maxLines": 1 }, "indexRow3Detail": { "kind": "text", "description": "Second line of original editorial index data, not source demo scores. Keep the two-line row density.", "minLength": 6, "maxLength": 12, "maxLines": 1 }, "posterSite3": { "kind": "text", "description": "Original two-line distributed surface annotation; exact two lines, maximum ten characters per line. Retain five annotations.", "minLength": 5, "maxLength": 21, "maxLines": 2, "exactLines": 2, "maxLineLength": 10 }, "indexRow4": { "kind": "text", "description": "Original miniature index label; maximum seven letters at 19px.", "minLength": 3, "maxLength": 7, "maxLines": 1 }, "indexRow4Detail": { "kind": "text", "description": "Second line of original editorial index data, not source demo scores. Keep the two-line row density.", "minLength": 6, "maxLength": 12, "maxLines": 1 }, "posterSite4": { "kind": "text", "description": "Original two-line distributed surface annotation; exact two lines, maximum ten characters per line. Retain five annotations.", "minLength": 5, "maxLength": 21, "maxLines": 2, "exactLines": 2, "maxLineLength": 10 }, "indexRow5": { "kind": "text", "description": "Original miniature index label; maximum seven letters at 19px.", "minLength": 3, "maxLength": 7, "maxLines": 1 }, "indexRow5Detail": { "kind": "text", "description": "Second line of original editorial index data, not source demo scores. Keep the two-line row density.", "minLength": 6, "maxLength": 12, "maxLines": 1 }, "posterSite5": { "kind": "text", "description": "Original two-line distributed surface annotation; exact two lines, maximum ten characters per line. Retain five annotations.", "minLength": 5, "maxLength": 21, "maxLines": 2, "exactLines": 2, "maxLineLength": 10 }, "posterMenu": { "kind": "text", "description": "Original miniature navigation labels; not a product demo.", "minLength": 15, "maxLength": 35, "maxLines": 1 }, "poster": { "kind": "image", "description": "Original shaded height-field mesh, window chrome, front/back surface lighting and contour detail. Native distributed labels are separate; no source screenshot or baked lettering.", "aspectRatio": { "numerator": 600, "denominator": 360 }, "minimumWidth": 600, "minimumHeight": 360, "fit": "contain" }, "chart": { "kind": "image", "description": "Original quiet line diagram. Native text values are separate. Keep bottom clipping and the 900×560 density; do not substitute a flat screenshot of a real app.", "aspectRatio": { "numerator": 900, "denominator": 560 }, "minimumWidth": 900, "minimumHeight": 560, "fit": "contain" }, "miniatureBody": { "kind": "image", "description": "Original shaded paper bird (default) or mechanical kite-fish (adaptation), with ink outlines, patterned panels, face and articulated details; not the source cat.", "aspectRatio": { "numerator": 200, "denominator": 150 }, "minimumWidth": 200, "minimumHeight": 150, "fit": "contain" }, "miniatureWing": { "kind": "image", "description": "Original separate shaded wing/fin with panel detail. Flexes over the body through the documented native transform track.", "aspectRatio": { "numerator": 200, "denominator": 150 }, "minimumWidth": 200, "minimumHeight": 150, "fit": "contain" }, "indexBadges": { "kind": "image", "description": "Five distinct shaded original pictograms, ranking emblems, stars, row dividers and footer chrome. Native two-line labels supply all lettering.", "aspectRatio": { "numerator": 400, "denominator": 458 }, "minimumWidth": 400, "minimumHeight": 458, "fit": "contain" }, "tileCue": { "kind": "path", "description": "Original outlined direction cue; replaces the source terminal/brand glyph. 80×135 units.", "viewBox": [ 0, 0, 80, 135 ] } }, "defaults": { "paper": "#ffffff", "ink": "#080808", "smallTitle": "With Loom", "wordOne": "try", "wordTwo": "ask", "wordThree": "act", "firstTile": "#a14bffed", "secondTile": "#d9bff6d9", "thirdTile": "#0069ffe6", "posterLabel": "CONTOUR / 07", "chartOne": "18", "chartTwo": "12", "chartThree": "07", "indexTitle": "FIELD INDEX", "indexRow1": "ASTER", "indexRow1Detail": "184 STUDIES", "posterSite1": "UPLAND\n248 m", "indexRow2": "RIDGE", "indexRow2Detail": "126 STUDIES", "posterSite2": "SADDLE\n186 m", "indexRow3": "DUNE", "indexRow3Detail": "098 STUDIES", "posterSite3": "BASIN\n092 m", "indexRow4": "COVE", "indexRow4Detail": "072 STUDIES", "posterSite4": "RIDGE\n214 m", "indexRow5": "LARCH", "indexRow5Detail": "061 STUDIES", "posterSite5": "LOWLAND\n078 m", "posterMenu": "Survey Elevation Notes", "poster": { "kind": "image", "path": "art/codex-word-tiles-collage/contour-poster-original.svg", "width": 600, "height": 360, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "chart": { "kind": "image", "path": "art/codex-word-tiles-collage/ring-chart-original.svg", "width": 900, "height": 560, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureBody": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-body-original.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureWing": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-wing-original.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "indexBadges": { "kind": "image", "path": "art/codex-word-tiles-collage/index-badges-original.svg", "width": 400, "height": 458, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "tileCue": "M7 66L34 66L34 26L70 66L34 106L34 75L7 75Z" }, "adaptation": { "paper": "#ffffff", "ink": "#080808", "smallTitle": "With Vale", "wordOne": "see", "wordTwo": "map", "wordThree": "do", "firstTile": "#9256e9ed", "secondTile": "#d2c7f4d9", "thirdTile": "#236be4e6", "posterLabel": "TERRAIN / 12", "chartOne": "21", "chartTwo": "09", "chartThree": "04", "indexTitle": "TRAIL INDEX", "indexRow1": "NORTH", "indexRow1Detail": "218 NOTES", "posterSite1": "NORTH\n317 m", "indexRow2": "SOUTH", "indexRow2Detail": "163 NOTES", "posterSite2": "PASS\n204 m", "indexRow3": "EAST", "indexRow3Detail": "142 NOTES", "posterSite3": "MARSH\n084 m", "indexRow4": "WEST", "indexRow4Detail": "089 NOTES", "posterSite4": "SUMMIT\n291 m", "indexRow5": "CENTER", "indexRow5Detail": "074 NOTES", "posterSite5": "DELTA\n063 m", "posterMenu": "Regions Relief Journal", "poster": { "kind": "image", "path": "art/codex-word-tiles-collage/contour-poster-adaptation.svg", "width": 600, "height": 360, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "chart": { "kind": "image", "path": "art/codex-word-tiles-collage/ring-chart-adaptation.svg", "width": 900, "height": 560, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureBody": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-body-adaptation.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureWing": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-wing-adaptation.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "indexBadges": { "kind": "image", "path": "art/codex-word-tiles-collage/index-badges-adaptation.svg", "width": 400, "height": 458, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "tileCue": "M10 39L38 13L66 39L38 65ZM10 91L38 65L66 91L38 117Z" }, "adaptationNotes": [ "“With Loom” / “try, ask, act” becomes “With Vale” / “see, map, do”. Both are invented presentation identities, not product claims.", "Poster terrain, five exact-two-line surface labels, ring geometry, all five index names/details, badge artwork, bird/body/wing imagery and cue paths change through documented slots. Keep the five-miniature density, occlusion order and local1/31/61 arrivals.", "Do not replace miniatures with static screenshots or source art; their internal movement is part of this recipe. All miniature typography remains native Geist.", "The backing title stays at y487 through local104 and cuts off at105. Its foreground lavender tile retains the source-measured late493–502px top movement independently; do not translate the title to conceal exposed caps. Original miniatures and other arrival/exit boundaries are unchanged." ], "invariants": [ "High-left, lower-middle and right-edge rectangles retain different dimensions, off-canvas extents and separate alpha; never convert to centered title cards.", "Foreground onsets 1/31/61 and exclusive exits 92/112/96 respectively; original backing title ends at 105.", "Poster and index remain below the word tiles; the diagram crosses above the middle block, with the paper figure above that diagram.", "All five miniature elements survive tile removal; there is no long globally still hold and no collapsing portfolio field.", "Native 1920×1080 canvas and exact source rate/interval; no active retiming or implicit aspect-ratio crop.", "Only documented content slots change between defaults and adaptation. Neither successful validation nor rendering changes DRAFT fidelity status." ], "unsupported": [ "Long words, uppercase source-sized replacements, source branding or claims that the original editorial cards are live app outputs.", "Flattening the foreground/backing layers, replacing cuts with slides, or reducing the number of miniature elements.", "Source footage, source identity artwork, demo data, remote assets, SVG scripts/animation, or SVG text depending on a page font.", "Arbitrary aspect ratios, automatic type shrinking, unreviewed timing changes, or use as an authentic Poe/product demo." ], "entry": { "field": "light", "description": "Small two-word line alone at local 0, interrupted immediately at local 1.", "continuityKeys": [ "paper", "smallTitle" ] }, "exit": { "field": "layered", "description": "All large tiles and the small title are absent; the five moving miniature elements survive in place.", "continuityKeys": [ "paper", "poster", "chart", "miniatureBody" ] }, "neighbors": { "before": [ "small centered premise" ], "after": [ "collage-backed title", "original miniature-to-detail cut" ], "rule": "Match the same miniature slots if extending the collage. Do not join this as the approved Codex Apps collapsing-window ending." }, "layers": [ { "id": "small-background-line", "kind": "text", "slot": "smallTitle", "start": 0, "end": 105, "x": 635, "y": 487, "width": 650, "height": 123, "fontSize": 98, "lineHeight": 1.1, "weight": 600, "color": "$ink", "align": "center" }, { "id": "topographic-card", "kind": "group", "start": 39, "end": 114, "width": 580, "height": 350, "children": [ { "id": "poster-stock", "kind": "rect", "start": 39, "end": 114, "x": 0, "y": 0, "width": 580, "height": 350, "fill": "#fbfafc", "shadow": "0 3px 16px #20202018" }, { "id": "poster-clip", "kind": "group", "start": 39, "end": 114, "width": 580, "height": 350, "children": [ { "id": "poster-art", "kind": "image", "slot": "poster", "start": 39, "end": 114, "x": [ { "frame": 39, "value": 0, "easing": "linear" }, { "frame": 70, "value": -14, "easing": "linear" }, { "frame": 113, "value": -23, "easing": "linear" } ], "y": [ { "frame": 39, "value": 0, "easing": "linear" }, { "frame": 113, "value": 8, "easing": "linear" } ], "width": 610, "height": 366, "fit": "contain" } ], "overflow": "hidden" }, { "id": "poster-label", "kind": "text", "slot": "posterLabel", "start": 39, "end": 114, "x": 25, "y": 31, "width": 205, "height": 22, "fontSize": 12, "lineHeight": 1.1, "weight": 650, "color": "#624083" }, { "id": "poster-menu", "kind": "text", "slot": "posterMenu", "start": 39, "end": 114, "x": 25, "y": 54, "width": 360, "height": 20, "fontSize": 10, "lineHeight": 1.1, "weight": 500, "color": "#826396" }, { "id": "poster-site-0", "kind": "text", "slot": "posterSite1", "start": 39, "end": 114, "x": 23, "y": 147, "width": 90, "height": 32, "fontSize": 11, "lineHeight": 1.1, "weight": 600, "color": "#4c356b" }, { "id": "poster-site-1", "kind": "text", "slot": "posterSite2", "start": 39, "end": 114, "x": 154, "y": 96, "width": 90, "height": 32, "fontSize": 11, "lineHeight": 1.1, "weight": 600, "color": "#4c356b" }, { "id": "poster-site-2", "kind": "text", "slot": "posterSite3", "start": 39, "end": 114, "x": 274, "y": 170, "width": 90, "height": 32, "fontSize": 11, "lineHeight": 1.1, "weight": 600, "color": "#ffffff" }, { "id": "poster-site-3", "kind": "text", "slot": "posterSite4", "start": 39, "end": 114, "x": 366, "y": 98, "width": 90, "height": 32, "fontSize": 11, "lineHeight": 1.1, "weight": 600, "color": "#4c356b" }, { "id": "poster-site-4", "kind": "text", "slot": "posterSite5", "start": 39, "end": 114, "x": 480, "y": 200, "width": 90, "height": 32, "fontSize": 11, "lineHeight": 1.1, "weight": 600, "color": "#4c356b" } ], "x": [ { "frame": 39, "value": 1075, "easing": "smooth" }, { "frame": 65, "value": 1058, "easing": "smooth" }, { "frame": 113, "value": 1064, "easing": "smooth" } ], "y": [ { "frame": 39, "value": 81, "easing": "smooth" }, { "frame": 65, "value": 71, "easing": "smooth" }, { "frame": 113, "value": 77, "easing": "smooth" } ] }, { "id": "editorial-index", "kind": "group", "start": 56, "end": 114, "width": 400, "height": 458, "children": [ { "id": "index-stock", "kind": "rect", "start": 56, "end": 114, "x": 0, "y": 0, "width": 400, "height": 458, "fill": "#fffcff", "stroke": "#eee6f3", "strokeWidth": 2, "shadow": "0 2px 9px #29202d0d" }, { "id": "index-active-band", "kind": "rect", "start": 56, "end": 114, "x": 14, "y": [ { "frame": 56, "value": 83, "easing": "smooth" }, { "frame": 84, "value": 83, "easing": "smooth" }, { "frame": 113, "value": 156, "easing": "smooth" } ], "width": 368, "height": 66, "fill": "#f4eafd" }, { "id": "index-pictograms", "kind": "image", "slot": "indexBadges", "start": 56, "end": 114, "x": 0, "y": 0, "width": 400, "height": 458, "fit": "contain" }, { "id": "index-title", "kind": "text", "slot": "indexTitle", "start": 56, "end": 114, "x": 28, "y": 388, "width": 307, "height": 19, "fontSize": 12, "lineHeight": 1.1, "weight": 600, "color": "#795293" }, { "id": "index-row-0", "kind": "text", "slot": "indexRow1", "start": 56, "end": 114, "x": 117, "y": 14, "width": 221, "height": 25, "fontSize": 19, "lineHeight": 1.1, "weight": 760, "color": "#6b3b9d" }, { "id": "index-detail-0", "kind": "text", "slot": "indexRow1Detail", "start": 56, "end": 114, "x": 117, "y": 38, "width": 221, "height": 24, "fontSize": 15, "lineHeight": 1.1, "weight": 550, "color": "#8d5abd" }, { "id": "index-row-1", "kind": "text", "slot": "indexRow2", "start": 56, "end": 114, "x": 117, "y": 87, "width": 221, "height": 25, "fontSize": 19, "lineHeight": 1.1, "weight": 760, "color": "#6b3b9d" }, { "id": "index-detail-1", "kind": "text", "slot": "indexRow2Detail", "start": 56, "end": 114, "x": 117, "y": 111, "width": 221, "height": 24, "fontSize": 15, "lineHeight": 1.1, "weight": 550, "color": "#8d5abd" }, { "id": "index-row-2", "kind": "text", "slot": "indexRow3", "start": 56, "end": 114, "x": 117, "y": 160, "width": 221, "height": 25, "fontSize": 19, "lineHeight": 1.1, "weight": 760, "color": "#6b3b9d" }, { "id": "index-detail-2", "kind": "text", "slot": "indexRow3Detail", "start": 56, "end": 114, "x": 117, "y": 184, "width": 221, "height": 24, "fontSize": 15, "lineHeight": 1.1, "weight": 550, "color": "#8d5abd" }, { "id": "index-row-3", "kind": "text", "slot": "indexRow4", "start": 56, "end": 114, "x": 117, "y": 233, "width": 221, "height": 25, "fontSize": 19, "lineHeight": 1.1, "weight": 760, "color": "#6b3b9d" }, { "id": "index-detail-3", "kind": "text", "slot": "indexRow4Detail", "start": 56, "end": 114, "x": 117, "y": 257, "width": 221, "height": 24, "fontSize": 15, "lineHeight": 1.1, "weight": 550, "color": "#8d5abd" }, { "id": "index-row-4", "kind": "text", "slot": "indexRow5", "start": 56, "end": 114, "x": 117, "y": 306, "width": 221, "height": 25, "fontSize": 19, "lineHeight": 1.1, "weight": 760, "color": "#6b3b9d" }, { "id": "index-detail-4", "kind": "text", "slot": "indexRow5Detail", "start": 56, "end": 114, "x": 117, "y": 330, "width": 221, "height": 24, "fontSize": 15, "lineHeight": 1.1, "weight": 550, "color": "#8d5abd" } ], "x": [ { "frame": 56, "value": 1394, "easing": "linear" }, { "frame": 113, "value": 1390, "easing": "linear" } ], "y": [ { "frame": 56, "value": 681, "easing": "linear" }, { "frame": 113, "value": 685, "easing": "linear" } ] }, { "id": "small-original-dial", "kind": "group", "start": 65, "end": 114, "width": 116, "height": 116, "children": [ { "id": "dial-circle", "kind": "ellipse", "start": 65, "end": 114, "x": 3, "y": 3, "width": 108, "height": 108, "fill": "#ffffff", "stroke": "#111111", "strokeWidth": 7 }, { "id": "dial-hand", "kind": "path", "start": 65, "end": 114, "path": "M58 20L58 56L36 70", "viewBox": [ 0, 0, 116, 116 ], "fill": "none", "width": 116, "height": 116, "stroke": "#111111", "strokeWidth": 7, "origin": [ 58, 58 ], "rotation": [ { "frame": 65, "value": -35, "easing": "smooth" }, { "frame": 113, "value": 35, "easing": "smooth" } ] } ], "x": 1704, "y": 180 }, { "id": "high-left-word-tile", "kind": "group", "start": 1, "end": 92, "width": 874, "height": 611, "children": [ { "id": "first-tile-fill", "kind": "rect", "start": 1, "end": 92, "x": 0, "y": -170, "width": 874, "height": 781, "fill": "$firstTile" }, { "id": "original-direction-cue", "kind": "path", "start": 1, "end": 92, "viewBox": [ 0, 0, 80, 135 ], "fill": "#ffffff", "slot": "tileCue", "x": 80, "y": 403, "width": 80, "height": 135 }, { "id": "first-word", "kind": "text", "slot": "wordOne", "start": 1, "end": 92, "x": 304, "y": 344, "width": 540, "height": 285, "fontSize": 242, "lineHeight": 1.05, "weight": 400, "color": "#ffffff" } ], "x": 100 }, { "id": "lower-middle-word-tile", "kind": "group", "start": 31, "end": 112, "width": 668, "height": 704, "children": [ { "id": "second-tile-fill", "kind": "rect", "start": 31, "end": 112, "x": 0, "y": 0, "width": 668, "height": 704, "fill": "$secondTile" }, { "id": "second-word", "kind": "text", "slot": "wordTwo", "start": 31, "end": 112, "x": 124, "y": 1, "width": 520, "height": 285, "fontSize": 242, "lineHeight": 1.05, "weight": 400, "color": "#ffffff" } ], "x": 667, "y": [ { "frame": 31, "value": 493, "easing": "linear" }, { "frame": 91, "value": 493, "easing": "linear" }, { "frame": 95, "value": 493, "easing": "linear" }, { "frame": 96, "value": 494, "easing": "linear" }, { "frame": 100, "value": 494, "easing": "linear" }, { "frame": 104, "value": 496, "easing": "linear" }, { "frame": 105, "value": 496, "easing": "linear" }, { "frame": 106, "value": 497, "easing": "linear" }, { "frame": 107, "value": 497, "easing": "linear" }, { "frame": 108, "value": 498, "easing": "linear" }, { "frame": 109, "value": 499, "easing": "linear" }, { "frame": 110, "value": 500, "easing": "linear" }, { "frame": 111, "value": 502, "easing": "linear" } ] }, { "id": "quiet-ring-chart", "kind": "group", "start": 36, "end": 114, "width": 900, "height": 560, "children": [ { "id": "line-chart-art", "kind": "image", "slot": "chart", "start": 36, "end": 114, "x": 0, "y": 0, "width": 900, "height": 560, "fit": "contain" }, { "id": "diagram-value-one", "kind": "text", "slot": "chartOne", "start": 36, "end": 114, "x": 156, "y": 218, "width": 160, "height": 115, "fontSize": 90, "lineHeight": 1.1, "weight": 450, "color": "$ink" }, { "id": "diagram-value-two", "kind": "text", "slot": "chartTwo", "start": 36, "end": 114, "x": 407, "y": 169, "width": 130, "height": 78, "fontSize": 63, "lineHeight": 1.1, "weight": 450, "color": "$ink" }, { "id": "diagram-value-three", "kind": "text", "slot": "chartThree", "start": 36, "end": 114, "x": 665, "y": 151, "width": 100, "height": 50, "fontSize": 42, "lineHeight": 1.1, "weight": 450, "color": "$ink" } ], "opacity": 0.9, "x": [ { "frame": 36, "value": 155, "easing": "smooth" }, { "frame": 65, "value": 159, "easing": "smooth" }, { "frame": 113, "value": 151, "easing": "smooth" } ], "y": [ { "frame": 36, "value": 790, "easing": "smooth" }, { "frame": 65, "value": 783, "easing": "smooth" }, { "frame": 113, "value": 797, "easing": "smooth" } ] }, { "id": "moving-paper-miniature", "kind": "group", "start": 41, "end": 114, "width": 200, "height": 150, "children": [ { "id": "paper-body", "kind": "image", "slot": "miniatureBody", "start": 41, "end": 114, "x": 0, "y": 0, "width": 200, "height": 150, "fit": "contain" }, { "id": "paper-wing", "kind": "image", "slot": "miniatureWing", "start": 41, "end": 114, "x": 0, "y": 0, "width": 200, "height": 150, "fit": "contain", "origin": [ 95, 90 ], "perspective": 600, "rotationX": [ { "frame": 41, "value": 18, "easing": "smooth" }, { "frame": 48, "value": -23, "easing": "smooth" }, { "frame": 57, "value": 27, "easing": "smooth" }, { "frame": 67, "value": -20, "easing": "smooth" }, { "frame": 78, "value": 23, "easing": "smooth" }, { "frame": 90, "value": -20, "easing": "smooth" }, { "frame": 104, "value": 17, "easing": "smooth" }, { "frame": 113, "value": -11, "easing": "smooth" } ] } ], "x": [ { "frame": 41, "value": 136, "easing": "smooth" }, { "frame": 64, "value": 148, "easing": "smooth" }, { "frame": 89, "value": 132, "easing": "smooth" }, { "frame": 113, "value": 143, "easing": "smooth" } ], "y": [ { "frame": 41, "value": 658, "easing": "smooth" }, { "frame": 50, "value": 688, "easing": "smooth" }, { "frame": 64, "value": 676, "easing": "smooth" }, { "frame": 76, "value": 690, "easing": "smooth" }, { "frame": 91, "value": 681, "easing": "smooth" }, { "frame": 104, "value": 696, "easing": "smooth" }, { "frame": 113, "value": 682, "easing": "smooth" } ], "rotation": [ { "frame": 41, "value": -7, "easing": "smooth" }, { "frame": 64, "value": 3, "easing": "smooth" }, { "frame": 91, "value": -4, "easing": "smooth" }, { "frame": 113, "value": 1, "easing": "smooth" } ], "origin": [ 100, 75 ] }, { "id": "right-edge-word-tile", "kind": "group", "start": 61, "end": 96, "width": 750, "height": 561, "children": [ { "id": "third-tile-fill", "kind": "rect", "start": 61, "end": 96, "x": 0, "y": 0, "width": 750, "height": 561, "fill": "$thirdTile" }, { "id": "third-word", "kind": "text", "slot": "wordThree", "start": 61, "end": 96, "x": 53, "y": -1, "width": 625, "height": 285, "fontSize": 242, "lineHeight": 1.05, "weight": 400, "color": "#ffffff" } ], "x": 1249, "y": 365 } ], "inspection": { "method": "Packet native anchors/consecutive strips and fresh FFmpeg decoding of the actual hash-checked local films. Additional onset/exit frames were inspected as temporary native crops. This is source inspection and original-pose authoring, not a synchronized render review. Main owns paired moving evidence and fresh-context review.", "limits": [ "DRAFT. No self-approval, publication, completed-example credit, or human real-time-viewing claim.", "Boundary/intermediate lists are LOCAL frames. Observation sourceFrames are ABSOLUTE film frames. PNG/contact-sheet inspection does not establish continuous playback.", "Render only through the main CLI after shared source/scripts have stabilized. No MP4 or sibling manifest is claimed by this generator.", "Review02 authoring responds to the review01 residual, not a fidelity pass. The unchanged review01 MP4s/comparisons/retest are historical. New consecutive native stills are diagnostics only; main owns review02 exports, synchronized comparison and fresh disposition. No earlier MP4 is rebound.", "Revision04 reauthors the assigned construction/phase findings. The prior fresh review remains changes-required until main performs a new bound comparison/review; no finding is self-cleared. Earlier canonical exports and evidence must not be rebound or replaced." ], "boundaryFrames": [ 0, 1, 30, 31, 35, 36, 38, 39, 40, 41, 55, 56, 60, 61, 64, 65, 91, 92, 95, 96, 104, 105, 111, 112, 113 ], "intermediateFrames": [ 7, 18, 33, 42, 43, 45, 52, 57, 58, 63, 70, 85, 90, 93, 94, 97, 98, 99, 100, 101, 102, 103, 106, 107, 108, 109, 110 ], "sourceEvidence": [ "benchmarks/remotion-library/research/typography/packet.json#ty-07", "benchmarks/remotion-library/research/typography/evidence/inspection-manifest.json", "benchmarks/remotion-library/research/typography/evidence/native-measurements.json#apps-words", "benchmarks/remotion-library/research/typography/evidence/apps-words/source-window.mp4", "references/openai/media/codex-apps.mp4", "benchmarks/remotion-library/research/typography/evidence/apps-words/native-f000207.png", "benchmarks/remotion-library/research/typography/evidence/apps-words/consecutive-000224-000253.jpg", "benchmarks/remotion-library/evidence/review-type-b/retest-review01/codex-word-tiles-collage.json", "benchmarks/remotion-library/evidence/review-type-b/codex-word-tiles-collage.json" ] } }, "content": { "paper": "#ffffff", "ink": "#080808", "smallTitle": "With Loom", "wordOne": "try", "wordTwo": "ask", "wordThree": "act", "firstTile": "#a14bffed", "secondTile": "#d9bff6d9", "thirdTile": "#0069ffe6", "posterLabel": "CONTOUR / 07", "chartOne": "18", "chartTwo": "12", "chartThree": "07", "indexTitle": "FIELD INDEX", "indexRow1": "ASTER", "indexRow1Detail": "184 STUDIES", "posterSite1": "UPLAND\n248 m", "indexRow2": "RIDGE", "indexRow2Detail": "126 STUDIES", "posterSite2": "SADDLE\n186 m", "indexRow3": "DUNE", "indexRow3Detail": "098 STUDIES", "posterSite3": "BASIN\n092 m", "indexRow4": "COVE", "indexRow4Detail": "072 STUDIES", "posterSite4": "RIDGE\n214 m", "indexRow5": "LARCH", "indexRow5Detail": "061 STUDIES", "posterSite5": "LOWLAND\n078 m", "posterMenu": "Survey Elevation Notes", "poster": { "kind": "image", "path": "art/codex-word-tiles-collage/contour-poster-original.svg", "width": 600, "height": 360, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "chart": { "kind": "image", "path": "art/codex-word-tiles-collage/ring-chart-original.svg", "width": 900, "height": 560, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureBody": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-body-original.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureWing": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-wing-original.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "indexBadges": { "kind": "image", "path": "art/codex-word-tiles-collage/index-badges-original.svg", "width": 400, "height": 458, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "tileCue": "M7 66L34 66L34 26L70 66L34 106L34 75L7 75Z" }, "holdBeforeFrames": 0, "holdAfterFrames": 0 }, "inputs": { "paper": "#ffffff", "ink": "#080808", "smallTitle": "With Loom", "wordOne": "try", "wordTwo": "ask", "wordThree": "act", "firstTile": "#a14bffed", "secondTile": "#d9bff6d9", "thirdTile": "#0069ffe6", "posterLabel": "CONTOUR / 07", "chartOne": "18", "chartTwo": "12", "chartThree": "07", "indexTitle": "FIELD INDEX", "indexRow1": "ASTER", "indexRow1Detail": "184 STUDIES", "posterSite1": "UPLAND\n248 m", "indexRow2": "RIDGE", "indexRow2Detail": "126 STUDIES", "posterSite2": "SADDLE\n186 m", "indexRow3": "DUNE", "indexRow3Detail": "098 STUDIES", "posterSite3": "BASIN\n092 m", "indexRow4": "COVE", "indexRow4Detail": "072 STUDIES", "posterSite4": "RIDGE\n214 m", "indexRow5": "LARCH", "indexRow5Detail": "061 STUDIES", "posterSite5": "LOWLAND\n078 m", "posterMenu": "Survey Elevation Notes", "poster": { "kind": "image", "path": "art/codex-word-tiles-collage/contour-poster-original.svg", "width": 600, "height": 360, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "chart": { "kind": "image", "path": "art/codex-word-tiles-collage/ring-chart-original.svg", "width": 900, "height": 560, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureBody": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-body-original.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "miniatureWing": { "kind": "image", "path": "art/codex-word-tiles-collage/miniature-wing-original.svg", "width": 200, "height": 150, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "indexBadges": { "kind": "image", "path": "art/codex-word-tiles-collage/index-badges-original.svg", "width": 400, "height": 458, "rights": "Original deterministic SVG geometry authored for this DRAFT recipe. No source frames, logos, demo data, external references or embedded fonts." }, "tileCue": "M7 66L34 66L34 26L70 66L34 106L34 75L7 75Z" } } }, "archives": [ { "path": "assets/codex-word-tiles-collage/assets-001.zip", "bytes": 2004783, "sha256": "8d48ea36a958c3a84f3df3ed8a9277301995f99e414623ffd09a14ac988e20ec", "members": [ { "path": "project/public/art/codex-word-tiles-collage/contour-poster-adaptation.svg", "bytes": 1036048, "sha256": "31ffa6613b7d0181212b28e54ad5b36f8f763f91b0f1ed05f00896e28e0b62dc" }, { "path": "project/public/art/codex-word-tiles-collage/contour-poster-original.svg", "bytes": 944820, "sha256": "92614b16d8c10b2c15453661fad16a242ce1e452432cc11416ff3c048d650b27" }, { "path": "project/public/art/codex-word-tiles-collage/index-badges-adaptation.svg", "bytes": 4312, "sha256": "8b1dd5cce6d3d18c0c10743b6b5cf8dab4a62e625cdf1618768c535eead8ba6b" }, { "path": "project/public/art/codex-word-tiles-collage/index-badges-original.svg", "bytes": 4407, "sha256": "7e028b33087fbdd1808ba4c22211a43631e74f79984685bfd422ea5f996862e2" }, { "path": "project/public/art/codex-word-tiles-collage/miniature-body-adaptation.svg", "bytes": 1442, "sha256": "c3de0e100d0697da673bf378ced50fda958cf23c92e0bab9c54096fd9b958efb" }, { "path": "project/public/art/codex-word-tiles-collage/miniature-body-original.svg", "bytes": 1554, "sha256": "3db290c9031500ce241d0167b801cfb354f9840f733a907de3ee329b2ee74125" }, { "path": "project/public/art/codex-word-tiles-collage/miniature-wing-adaptation.svg", "bytes": 666, "sha256": "bf990b0cbfbc735b70d377ef757ff615de7ba1bcd7cc2ff320b5420fe2338cfd" }, { "path": "project/public/art/codex-word-tiles-collage/miniature-wing-original.svg", "bytes": 722, "sha256": "fa59b6796f3a88355f4fae544392359688959914a89c5231a27494038924c32a" }, { "path": "project/public/art/codex-word-tiles-collage/ring-chart-adaptation.svg", "bytes": 4307, "sha256": "42fe3038a080d4cb5a6b762a7091561a0eab9354755fa93526883786575f073f" }, { "path": "project/public/art/codex-word-tiles-collage/ring-chart-original.svg", "bytes": 4307, "sha256": "326ab2c5ed8cc9622998e1c0226ae73735dcd48651913f838dc7e8d157df2a8a" } ] } ], "sharedFilesInCore": [ "project/public/fonts/Geist.ttf", "project/public/fonts/OFL.txt" ], "layout": "Merge every archive into one project/ folder; no original file is split.", "limits": [ "Selected render binding values are exact, not newly verified renders.", "Source film, review diagnostics and rendered movies are not runtime assets or included downloads.", "The download does not grant fidelity approval or completion credit." ] }