CTA Button List Creative Range Demonstration

← All Visual Examples

Full-size artifacts

Rendered evidence

6 declared viewports. Select an image to inspect it at source resolution.

CTA Button List Creative Range Demonstration evidence — **desktop-inline-actions**1440×900 · `/cta-button-list-directions/inline-actions/fixtures/compatibility/portable-block-layout-proof/evidence/cta-button-list-inline-actions-desktop.png`

Intent

Exact declaration

Subjects

section-family · conversionsection-type · ctablock-family · conversion-ctablock · cta-button-list

Best fit

clear multi-path handoffs
ordered next steps where no JavaScript is needed
small sets of concise route choices

Avoid when

one primary action should dominate
actions lack distinct labels or valid destinations
the visitor needs a full decision matrix rather than a handoff

Readiness

Checks and limitations

accessibility: partial
artifact freshness: not-run
desktop responsive: pass
keyboard: partial
mobile responsive: pass
no essential javascript: pass
performance: not-run
reduced motion: pass
rendered route: pass
source portability: pass
visual acceptance: pass

Limitations

This is source-linked development evidence, not an exact clean release binding.
Chromium desktop and 390px visual review, 390px containment, 44px-plus action targets, visible focus, source-ordered semantic lists, and the Immersive dark-surface contrast correction pass. Axe-core, full keyboard traversal capture, performance, Safari viewport proof, exact release binding, independent owner review, and measured human/AI authoring tasks remain promotion gates.

Invalidated by

CTA Button List renderer, semantic CSS, shared button component, or Theme Family art direction change
authoring schema, preset, fixture source, action label, destination, or emphasis 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
`/cta-button-list-directions/inline-actions/`	centered inline action group	`fixtures/compatibility/portable-block-layout-proof/content/cta-button-list-directions/inline-actions/_index.md`
`/cta-button-list-directions/ordered-handoff/`	left-aligned ordered handoff stack	`fixtures/compatibility/portable-block-layout-proof/content/cta-button-list-directions/ordered-handoff/_index.md`
`/cta-button-list-directions/compact-register/`	dark compact route register	`fixtures/compatibility/portable-block-layout-proof/content/cta-button-list-directions/compact-register/_index.md`

Source mapping

Role	Path	Use
copyable inline-actions Hugo source	`fixtures/compatibility/portable-block-layout-proof/content/cta-button-list-directions/inline-actions/_index.md`	Copyable source
copyable ordered-handoff Hugo source	`fixtures/compatibility/portable-block-layout-proof/content/cta-button-list-directions/ordered-handoff/_index.md`	Copyable source
copyable compact-register Hugo source	`fixtures/compatibility/portable-block-layout-proof/content/cta-button-list-directions/compact-register/_index.md`	Copyable source
portable named preset registry	`data/foundry/block-presets.yaml`	Framework or evidence source
human and AI authoring schema	`data/foundry/block-schemas.json`	Framework or evidence source
portable Action List renderer	`layouts/partials/blocks/cta-button-list.html`	Framework or evidence source
portable Action List semantic CSS	`assets/css/foundry-base.css`	Framework or evidence source
Theme Family art direction	`assets/css/foundry-theme-families.css`	Framework or evidence source
render and browser assertions	`fixtures/compatibility/portable-block-layout-proof/fixture.config.json`	Framework or evidence source