← All Visual Examples
desktop-reading-first1440×1100 · 
mobile-reading-first390×844 · 
desktop-visual-feature1440×1100 · 
mobile-visual-feature390×844 · 
desktop-profile-led1440×1100 · 
mobile-profile-led390×844 ·
draft · post-hero-creative-range-demonstration
Post Hero Creative Range Demonstration
Show reading-first, wide visual-feature, and profile-led article openings from one portable Post Hero contract and canonical page metadata.
- Evidence
- demonstration
- Release binding
- unbound
- Core source
dde7da9a7964
Full-size artifacts
Rendered evidence
6 declared viewports. Select an image to inspect it at source resolution.
/post-hero-directions/reading-first/fixtures/compatibility/portable-block-layout-proof/evidence/post-hero-reading-first-desktop.png/post-hero-directions/reading-first/fixtures/compatibility/portable-block-layout-proof/evidence/post-hero-reading-first-mobile.png/post-hero-directions/visual-feature/fixtures/compatibility/portable-block-layout-proof/evidence/post-hero-visual-feature-desktop.png/post-hero-directions/visual-feature/fixtures/compatibility/portable-block-layout-proof/evidence/post-hero-visual-feature-mobile.png/post-hero-directions/profile-led-story/fixtures/compatibility/portable-block-layout-proof/evidence/post-hero-profile-led-desktop.png/post-hero-directions/profile-led-story/fixtures/compatibility/portable-block-layout-proof/evidence/post-hero-profile-led-mobile.pngIntent
Exact declaration
Subjects
Best fit
- opening an article or journal entry with a fast reading path
- giving one approved wide image editorial authority
- pairing a portrait-oriented image with a profile or interview opening
Avoid when
- the page is a marketing landing page rather than an article
- the heading belongs inside an existing page flow
- several images need browsing or comparison
Readiness
Checks and limitations
- accessibility
- partial
- artifact freshness
- not-run
- desktop responsive
- pass
- keyboard
- not-run
- mobile responsive
- pass
- no essential javascript
- pass
- performance
- not-run
- reduced motion
- pass
- 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 layout, zero overflow, exact contained/wide/split geometry, canonical metadata, meaningful-image descriptions, mobile source order, no console errors, and visual review pass across all three routes. Axe-core, performance, Safari viewport proof, exact release binding, independent owner review, and measured human/AI authoring tasks remain promotion gates.
Invalidated by
- Post Hero renderer, content/media helper, or semantic CSS change
- media normalization, preset, or fixture source change
- Customer Brand System or article metadata contract 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 |
|---|---|---|
/post-hero-directions/reading-first/ | reading-first article opening | fixtures/compatibility/portable-block-layout-proof/content/post-hero-directions/reading-first/_index.md |
/post-hero-directions/visual-feature/ | wide visual-feature article opening | fixtures/compatibility/portable-block-layout-proof/content/post-hero-directions/visual-feature/_index.md |
/post-hero-directions/profile-led-story/ | profile-led split article opening | fixtures/compatibility/portable-block-layout-proof/content/post-hero-directions/profile-led-story/_index.md |
Source mapping
| Role | Path | Use |
|---|---|---|
| copyable reading-first Hugo source | fixtures/compatibility/portable-block-layout-proof/content/post-hero-directions/reading-first/_index.md | Copyable source |
| copyable visual-feature Hugo source | fixtures/compatibility/portable-block-layout-proof/content/post-hero-directions/visual-feature/_index.md | Copyable source |
| copyable profile-led Hugo source | fixtures/compatibility/portable-block-layout-proof/content/post-hero-directions/profile-led-story/_index.md | Copyable source |
| portable named preset registry | data/foundry/block-presets.yaml | Framework or evidence source |
| portable Post Hero renderer | layouts/partials/blocks/post-hero.html | Framework or evidence source |
| portable Post Hero content anatomy | layouts/partials/components/post-hero-content.html | Framework or evidence source |
| portable Post Hero media anatomy | layouts/partials/components/post-hero-media.html | Framework or evidence source |
| portable Post Hero semantic CSS | assets/css/foundry-base.css | Framework or evidence source |
| render and browser assertions | fixtures/compatibility/portable-block-layout-proof/fixture.config.json | Framework or evidence source |