Pricing Comparison Creative Range Demonstration

← All Visual Examples

Full-size artifacts

Rendered evidence

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

Pricing Comparison Creative Range Demonstration evidence — **desktop-decision-matrix**1440×1100 · `/pricing-comparison-directions/decision-matrix/fixtures/compatibility/portable-block-layout-proof/evidence/pricing-comparison-matrix-desktop.png`

Intent

Exact declaration

Subjects

section-family · pricingsection-type · comparisonblock-family · pricing-comparisonblock · pricing-comparison

Best fit

two or more accurately priced plans compared against shared decision criteria
visible price, cadence, scope, and material billing qualifications
conditional guidance whose recommendation reason and alternatives remain visible

Avoid when

the page only needs to present offer packages without shared criteria
prices or inclusions cannot be kept aligned with the actual offer
a highlighted plan has no supportable visitor-centered fit reason

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: not-run

Limitations

This is source-linked development evidence, not an exact clean release binding.
Chromium desktop and 390px visual review, zero horizontal overflow, semantic table-to-record reflow, visible mobile price key, measured ledger and guided geometry, 44px actions, explicit state labels, and corrected focus-panel contrast pass. Axe-core, performance, Safari viewport proof, exact release binding, independent owner review, and measured human/AI authoring tasks remain promotion gates.

Invalidated by

Pricing Comparison renderer or semantic CSS change
authoring schema, preset, Section Style, or fixture source change
price, plan scope, billing policy, recommendation reason, or action route 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
`/pricing-comparison-directions/decision-matrix/`	structured shared-criteria pricing matrix	`fixtures/compatibility/portable-block-layout-proof/content/pricing-comparison-directions/decision-matrix/_index.md`
`/pricing-comparison-directions/editorial-ledger/`	open editorial plan ledger	`fixtures/compatibility/portable-block-layout-proof/content/pricing-comparison-directions/editorial-ledger/_index.md`
`/pricing-comparison-directions/guided-fit/`	conditional best-fit guidance with visible alternatives	`fixtures/compatibility/portable-block-layout-proof/content/pricing-comparison-directions/guided-fit/_index.md`

Source mapping

Role	Path	Use
copyable decision-matrix Hugo source	`fixtures/compatibility/portable-block-layout-proof/content/pricing-comparison-directions/decision-matrix/_index.md`	Copyable source
copyable editorial-ledger Hugo source	`fixtures/compatibility/portable-block-layout-proof/content/pricing-comparison-directions/editorial-ledger/_index.md`	Copyable source
copyable guided-fit Hugo source	`fixtures/compatibility/portable-block-layout-proof/content/pricing-comparison-directions/guided-fit/_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 Pricing Comparison renderer	`layouts/partials/blocks/pricing-comparison.html`	Framework or evidence source
portable pricing-comparison 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