ROUTE:
/Kinetic Specimen Stage & Collection Showroom
Assembles real theme anatomy plates into an interactive showcase that resolves directly into the catalog.
Hydration: Progressive Enhancement
Architectural Thesis & Design Direction
Atelier Flagship is the theme powering this storefront itself. Engineered for studios and theme authors who need to demonstrate live working layouts, it combines a kinetic specimen stage, an isolated iframe preview workbench, a multi-theme comparison engine, and full DinkusKit Registry Commerce integration.
INCLUDED TEMPLATES & COMPONENTS
Routes & Architectural Components Shipped in Atelier Flagship
ROUTE:
/atelierInteractive Theme Atelier & Side-by-Side Comparison
Live sandboxed iframe workbench with viewport switching, preset before/after split curtain, and URL state sharing.
Hydration: Scoped IslandROUTE:
/products/[slug]Flagship Theme Dossier & Live Preview Stage
Complete technical dossier, template manifest, compatibility table, and return-to-Atelier state continuity.
Hydration: Progressive EnhancementROUTE:
/galleryComponent & Edge-Case State Gallery
Verifies long titles, missing images, zero results, large catalogs, unsupported presets, and unavailable commerce.
Hydration: Progressive EnhancementINCLUDED COMPONENT SPECIMENS
- Kinetic Specimen Assembly Stage with reduced-motion and offscreen pause
- Sandboxed postMessage Preview Workbench with Before/After Split Curtain
- Comparison Shortlist Dock & Narrow-Screen A/B Deck Switcher
- Server-Enforced Digital Download Entitlement Gate
VERIFIED STACK & CUSTOMIZATION TOKENS
Framework Compatibility, Installation & CSS Tokens
VERIFIED COMPATIBILITY
- Astro
- EmDash CMS
- DinkusKit Commerce
- Node.js Toolchain
INSTALLATION REQUIREMENTS
- Node.js 24.22.0 and pnpm 11.9.0
- EmDash 1.2.0 SQLite runtime (.local/content.db)
- Installed Registry Commerce plugin r_gshdrqaldna3r7sn
BEST SUITED FOR / DIFFERENCES
Best for: Theme foundries, digital product studios, design system showcases, and multi-brand storefronts.
Not ideal for: Single-page brochure sites that do not need a catalog or interactive workbench.
| CSS Custom Property | Default Value | Architectural Role |
|---|---|---|
| --canvas | light-dark(#f6f3ec, #111214) | Dual-art-directed showroom canvas |
| --surface | light-dark(#fdfbf7, #181a1e) | Elevated specimen card surface |
| --accent | light-dark(#b3391b, #e86a45) | Kiln cinnabar / warm ember signature |
TRUTHFUL CONSTRAINTS & RELEASE HISTORY
Known Limitations & Changelog
KNOWN LIMITATIONS
- Paid ZIP download delivery intentionally fails closed (HTTP 403) until upstream DinkusKit Commerce ships a digital entitlement verifier.
VERIFIED CHANGELOG
v1.0.02026-10-21 · saarius-argon-high
- Initial flagship release combining kinetic specimen stage, 6-theme live Atelier, EmDash 1.2.0 collections, and DinkusKit Commerce 0.3.0 contracts.