← All Visual Examples
draft · motion-hero-creative-range-demonstration
Motion Hero Creative Range Demonstration
Show three materially different Motion Hero compositions from one portable Hugo contract and one customer presentation: cinematic focus, editorial reveal, and campaign launch.
- Evidence
- demonstration
- Release binding
- unbound
- Core source
dde7da9a7964
Full-size artifacts
Rendered evidence
2 declared viewports. Select an image to inspect it at source resolution.
Intent
Exact declaration
Subjects
Best fit
- choosing a high-impact page opening by visitor intent
- comparing motion-safe presets before changing individual controls
- proving brand continuity across distinct compositions
Avoid when
- a simple heading and short introduction would communicate faster
- motion is being used to compensate for an unclear proposition
- a screenshot is being treated as release proof without source and browser evidence
Readiness
Checks and limitations
- accessibility
- partial
- artifact freshness
- not-run
- desktop responsive
- pass
- keyboard
- partial
- mobile responsive
- pass
- no essential javascript
- partial
- performance
- not-run
- reduced motion
- partial
- rendered route
- pass
- source portability
- pass
- visual acceptance
- not-run
Limitations
- This is source-linked development evidence, not an exact clean release binding.
- Chromium desktop and 390px responsive geometry, viewport containment, menu contrast, console, and portable Hugo source pass; formal keyboard recording, axe-core, JavaScript-disabled capture, reduced-motion capture, performance budgets, Safari, and independent owner review remain promotion gates until the final browser evidence pass is complete.
Invalidated by
- Motion Hero renderer or semantic CSS change
- preset or fixture source change
- profile or Customer Brand System presentation change
- Core or Distribution release change
- browser evidence change
Portable source
Routes and source ownership
Paths resolve inside exact Core commit dde7da9a7964f8011ecac5cb311f6d5ae2872b46. Private repository links stay private; the mapping remains explicit.
Rendered routes
| Route | Role | Source |
|---|---|---|
/motion-hero-directions/ | three-direction Motion Hero comparison | fixtures/compatibility/cinematic-campaign-theme-proof/content/motion-hero-directions/_index.md |
Source mapping
| Role | Path | Use |
|---|---|---|
| copyable Motion Hero Hugo source | fixtures/compatibility/cinematic-campaign-theme-proof/content/motion-hero-directions/_index.md | Copyable source |
| customer presentation variables | fixtures/compatibility/cinematic-campaign-theme-proof/assets/css/foundry-reference-proof.css | Copyable source |
| portable Motion Hero renderer | layouts/partials/blocks/motion-hero.html | Framework or evidence source |
| portable Motion Hero semantic CSS | assets/css/foundry-base.css | Framework or evidence source |
| render and browser assertions | fixtures/compatibility/cinematic-campaign-theme-proof/fixture.config.json | Framework or evidence source |

