Theme Family Matrix Demonstration

← All Visual Examples

Full-size artifacts

Rendered evidence

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

Theme Family Matrix Demonstration evidence — **desktop**1440×1000 · `/structured/fixtures/compatibility/theme-family-matrix-proof/evidence/structured-desktop.webp`

Intent

Exact declaration

Subjects

theme-family · structured-claritytheme-family · editorial-narrativetheme-family · immersive-atmospherebrand-system · reference-literary-studio

Best fit

comparing Foundry art-direction choices
choosing a Theme Family before customer styling
verifying source-preserving responsive flexibility

Avoid when

a single screenshot is being treated as release proof
customer identity or content is still being invented inside the theme layer

Readiness

Checks and limitations

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

Limitations

The captures are source-linked demonstration evidence, not an exact Distribution release binding.
Chrome keyboard, axe-core accessibility, reduced-motion, responsive, media, console, performance budgets, and generated Pagefind 1.5.2 deferral and query checks pass in the development audit; Safari and independent owner review remain external promotion gates.

Invalidated by

shared Saved Section source change
Theme Family or Brand System contract change
Core or Distribution release change
evidence artifact 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
`/structured/`	structured comparison	`fixtures/compatibility/theme-family-matrix-proof/content/structured/index.md`
`/editorial/`	editorial comparison	`fixtures/compatibility/theme-family-matrix-proof/content/editorial/index.md`
`/immersive/`	immersive comparison	`fixtures/compatibility/theme-family-matrix-proof/content/immersive/index.md`

Source mapping

Role	Path	Use
structured route source	`fixtures/compatibility/theme-family-matrix-proof/content/structured/index.md`	Copyable source
editorial route source	`fixtures/compatibility/theme-family-matrix-proof/content/editorial/index.md`	Copyable source
immersive route source	`fixtures/compatibility/theme-family-matrix-proof/content/immersive/index.md`	Copyable source
shared semantic Hero source	`fixtures/compatibility/theme-family-matrix-proof/content/_foundry/saved-sections/northstar-hero/index.md`	Copyable source
shared semantic Features source	`fixtures/compatibility/theme-family-matrix-proof/content/_foundry/saved-sections/northstar-features/index.md`	Copyable source
shared semantic Statistics source	`fixtures/compatibility/theme-family-matrix-proof/content/_foundry/saved-sections/northstar-stats/index.md`	Copyable source
shared semantic Quote source	`fixtures/compatibility/theme-family-matrix-proof/content/_foundry/saved-sections/northstar-quote/index.md`	Copyable source
shared semantic CTA source	`fixtures/compatibility/theme-family-matrix-proof/content/_foundry/saved-sections/northstar-cta/index.md`	Copyable source
Core Theme Family art direction	`assets/css/foundry-theme-families.css`	Framework or evidence source
reference Customer Brand System values	`fixtures/compatibility/theme-family-matrix-proof/assets/css/foundry-reference-proof.css`	Copyable source
portable no-utility-framework layout floor	`assets/css/foundry-base.css`	Framework or evidence source
browser and render assertions	`fixtures/compatibility/theme-family-matrix-proof/fixture.config.json`	Framework or evidence source