← All Visual Examples
desktop-equal-choices1440×1000 · 
mobile-equal-choices390×844 · 
desktop-conditional-fit1440×1000 · 
mobile-conditional-fit390×844 · 
desktop-inclusion-ledger1440×1000 · 
mobile-inclusion-ledger390×844 ·
draft · pricing-tiers-creative-range-demonstration
Pricing Tiers Creative Range Demonstration
Show equal choices, an explained conditional emphasis, and an open inclusion ledger as three materially different Theme Family compositions over one portable Pricing Tiers contract.
- 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.

/pricing-tiers-directions/equal-choices/fixtures/compatibility/portable-block-layout-proof/evidence/pricing-tiers-equal-desktop.png
/pricing-tiers-directions/equal-choices/fixtures/compatibility/portable-block-layout-proof/evidence/pricing-tiers-equal-mobile.png
/pricing-tiers-directions/conditional-fit/fixtures/compatibility/portable-block-layout-proof/evidence/pricing-tiers-conditional-desktop.png
/pricing-tiers-directions/conditional-fit/fixtures/compatibility/portable-block-layout-proof/evidence/pricing-tiers-conditional-mobile.png
/pricing-tiers-directions/inclusion-ledger/fixtures/compatibility/portable-block-layout-proof/evidence/pricing-tiers-ledger-desktop.png
/pricing-tiers-directions/inclusion-ledger/fixtures/compatibility/portable-block-layout-proof/evidence/pricing-tiers-ledger-mobile.pngIntent
Exact declaration
Subjects
Best fit
- two or three accurately described offers that do not need a shared comparison matrix
- visible price meaning, material qualifications, inclusions, fit, and a real next step
- choosing a composition by visitor decision rather than by decorative novelty
Avoid when
- visitors must compare every plan against the same criteria
- prices, scope, availability, or material conditions cannot be kept accurate
- a featured tier 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
- partial
Limitations
- This is source-linked development evidence, not an exact clean release binding.
- Chromium desktop, 390px visual review, 320px geometry, zero horizontal overflow, 44px actions, visible fit reasons, and distinct Theme Family compositions 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 Tiers renderer, semantic CSS, or Theme Family art direction change
- authoring schema, preset, fixture source, price, scope, billing condition, fit 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-tiers-directions/equal-choices/ | structured equal-choice offer grid | fixtures/compatibility/portable-block-layout-proof/content/pricing-tiers-directions/equal-choices/_index.md |
/pricing-tiers-directions/conditional-fit/ | immersive explained conditional emphasis with visible alternatives | fixtures/compatibility/portable-block-layout-proof/content/pricing-tiers-directions/conditional-fit/_index.md |
/pricing-tiers-directions/inclusion-ledger/ | open editorial inclusion ledger | fixtures/compatibility/portable-block-layout-proof/content/pricing-tiers-directions/inclusion-ledger/_index.md |
Source mapping
| Role | Path | Use |
|---|---|---|
| copyable equal-choice Hugo source | fixtures/compatibility/portable-block-layout-proof/content/pricing-tiers-directions/equal-choices/_index.md | Copyable source |
| copyable conditional-fit Hugo source | fixtures/compatibility/portable-block-layout-proof/content/pricing-tiers-directions/conditional-fit/_index.md | Copyable source |
| copyable inclusion-ledger Hugo source | fixtures/compatibility/portable-block-layout-proof/content/pricing-tiers-directions/inclusion-ledger/_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 Tiers renderer | layouts/partials/blocks/pricing-tiers.html | Framework or evidence source |
| portable Pricing Tiers semantic CSS | assets/css/foundry-base.css | Framework or evidence source |
| governed 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 |