v7 #010 — Composition of QR (quiet-rail-to-loud IA) + 3LD (three-layer-depth visual). Four quantified z-tiers: the iframe at 0px blur, the rail at 8px, the loud pane at 18px, and the modal Library at 36px. Depth is state. The further a surface is from your iframe focus, the more it blurs.
The Coffee Shop blueprint ships with a Woo storefront, twelve sample products and three theme variations. This is what your homepage looks like before you change a single line.
Applying these settings will destroy the running site and re-mount WordPress from the blueprint with the new versions. An auto-snapshot has been taken.
Type Coffee Shop to confirm.
An art gallery created with the Vueo theme.
A stylish WooCommerce coffee shop storefront with custom theme, products, and content.
Read feeds incl. ActivityPub via the Friends plugin.
A gaming news site created with the Spiel theme.
A non-profit org site with the Koinonia theme.
A personal blog with the Substrata theme.
A resume site created with the Readymade theme.
Portfolio with the Grammer theme.
Skincare blog with the Piel theme.
University site with the Kentwood theme.
Install Create Block Theme; edit right away.
Update user meta data.
Add a CPT to playground.
Demo content for the TT5 default theme.
Mu-plugin that shows an admin notice.
Enable multiple Gutenberg experiments.
Toggle a Gutenberg experiment on.
Enable Gutenberg Guidelines experiment.
Install a theme with starter content (TT21).
Install and activate ja translation pack.
1 { 2 "$schema": "https://playground.wordpress.net/blueprint-schema.json", 3 "meta": { "title": "Coffee Shop", "author": "@playground" }, 4 "landingPage": "/shop/", 5 "preferredVersions": { "php": "8.3", "wp": "6.7" }, 6 "login": { "username": "admin", "password": "password" }, 7 "steps": [ 8 { "step": "installPlugin", "pluginData": { 9 "resource": "wordpress.org/plugins", "slug": "woocommerce" } }, 10 { "step": "installTheme", "themeData": { 11 "resource": "url", 12 "url": "https://github.com/wp/storefront-child/archive/refs/heads/main.zip" } }, 13 { "step": "runWpInstallationWizard", 14 "options": { "siteTitle": "My Coffee Shop" } }, 15 { "step": "importWxr", "file": { 16 "resource": "vfs", "path": "/attached-files/products.json" } }, 17 { "step": "setSiteOptions", 18 "options": { "permalink_structure": "/%postname%/" } } 19 ] 20 }
| ID | title | status | type | date |
|---|---|---|---|---|
| 14 | Single-origin pour-overs… | publish | post | 2027-05-21 11:42:01 |
| 17 | Shop | publish | page | 2027-05-20 09:14:02 |
| 18 | House Espresso Blend | publish | product | 2027-05-20 09:14:11 |
| 19 | Single-origin El Salvador | publish | product | 2027-05-20 09:14:13 |
| 20 | Cold-brew concentrate | publish | product | 2027-05-20 09:14:15 |
| 22 | Cart | publish | page | 2027-05-20 09:14:24 |
| 23 | Checkout | publish | page | 2027-05-20 09:14:26 |
| 34 | About | draft | page | 2027-05-21 14:01:50 |
WooCommerce storefront — slow mornings, single-origin pour-overs.
3LD is used as visual hierarchy only. The interaction is the rail and the pane — the blur quantifies how far the surface is from your iframe focus. No depth-as-control.
Database and Logs rail docks are convenience shortcuts; they exit through the same pane as Site Manager. If counted strictly, idle affordances = 9 — within tolerance because the rail is one surface and the user reads it as one element.