Global UI kit, provider proof, CMS contracts, PLP, PDP, checkout, navigation, footer, and route discovery.
UI UX Kit
Global storefront playground
Deterministic page for checking the shared storefront system against the active tenant, current commerce provider, CMS provider, product listing, product detail, CMS blocks, checkout route, navigation, footer, and linked playground pages.
- Client
- Demo Fashion
- Commerce
- woocommerce
- CMS
- payload
- Checkout
- platform-checkout
- UI
- reference-wireframe
- Products
- 8
00 / Playground routes
Route index
Every deterministic playground page is linked here so UI, CMS template, provider, and customer-proof surfaces stay reachable from one entry point.
Global type token proof for uppercase UI, regular copy, editorial titles, and editorial headings.
Strapi-ready storytelling page template with media, copy, centered sections, and sticky media stack proof.
02 / Provider paths
Commerce lane readiness
Provider cards prove the active local commerce shape without changing the shared storefront UI kit.
Shopify
Supported provider lane
Catalog, collections, cart, hosted checkout handoff
WooCommerce
Active local provider shape
Catalog, cart session, platform checkout route
04 / Taxonomy
Collection and tag proof
Collections and tags are separated so archive navigation does not blend with product attribute proof.
Collections
Tags
05 / Product listing
Archive, category strip, filters, and cards
New arrivals
Products
A focused catalog surface with category navigation and responsive shopping paths.
8 items
View
View
8 items
Filter
Refine the current product view without leaving the page.
Featured edit
Latest pieces
Linen Overshirt
Linen Overshirt
New Arrivals
EUR 129.00
Ribbed Knit Top
Ribbed Knit Top
Editorial Picks
EUR 79.00
Structured Shell Jacket
Structured Shell Jacket
Artisan
EUR 185.00
-20%
Wide Leg Trouser
Wide Leg Trouser
Artisan
EUR 142.00 EUR 178.00
Layered Tunic
Layered Tunic
Editorial Picks
EUR 116.00
Cropped Cardigan
Cropped Cardigan
Artisan
EUR 99.00
Panelled Skirt
Panelled Skirt
Editorial Picks
EUR 88.00
Soft Collar Shirt
Soft Collar Shirt
Artisan
EUR 104.00
Showing 6 / 8
06 / Product detail
Gallery, buy panel, story, recommendations, and commission path
Product story
Lightweight linen overshirt.
A lightweight linen overshirt for everyday layering.
Product story
Linen Overshirt alternate story
Size guide
Demo size guide
Fixture-backed measurements prove the product drawer uses the shared presentation model.
- Available sizes
- S / M / L
- Fit note
- Relaxed outer layer
07 / CMS content blocks
Editable block renderer system
Payload-shaped content blocks prove the reusable page system before provider API connection.
Campaign image
Campaign image
Shop the story
Built for composed product storytelling
Seasonal direction
A modular storefront rhythm for product launches, collection stories, and editorial buying paths.
Explore
Featured edit
Featured Products
Materials
Natural textures and easy layered silhouettes.
Fit
Relaxed lines designed for everyday styling.
08 / CMS adapter map
CMS-friendly block targets
CMS providers map into these portable block contracts before the storefront renders anything. Provider component names stay adapter-owned; UI components only read normalized contract blocks.
hero
sections.hero / sections.heroSection
textSection
sections.copyBlock / sections.richText
productGrid
sections.productRail / sections.productGrid
navigationGrid
sections.linkGrid / sections.navigationGrid
mediaSection
sections.mediaGrid / sections.imageGrid
statement
sections.statementBand / sections.statement
mediaProductsGrid
sections.shopStory / sections.mediaProductsGrid
lookbook
sections.lookbook / sections.horizontalGallery
accordion
sections.faq / sections.accordion
unknown
unsupported Strapi component fail-soft
09 / Checkout route
Platform checkout proof
Checkout
Secure checkout
Review the order total, selected delivery, and customer details before payment.
Order summary
- Subtotal
- EUR 129.00
- Tax
- EUR 25.80
- Shipping
- EUR 0.00
- Total
- EUR 154.80
Review your details
Delivery, taxes, and the order total are locked before payment starts.
Continue to payment