DEFAULT MANIFEST
A compact tour of every control
The playground manifest is designed for exploration. It exposes the main control kinds and connects them directly to the tokens used by this page.
FULL FIRST-PARTY DEMO
This playground exercises the full panel against a living zfb site. For the smallest practical setup, visit the deliberately minimal zdtp demo.
TRY THE PANEL
Press Open token panel, then experiment with the color cluster and palette or adjust the typography roles. Every component here uses the --zfb-* tokens that the panel controls. The English and Japanese prose pages are useful for seeing those choices across longer content.
DEFAULT MANIFEST
The playground manifest is designed for exploration. It exposes the main control kinds and connects them directly to the tokens used by this page.
ZUDO-DOC MANIFEST
Open ?manifest=zudo-doc to run the real, vendored zudo-doc PanelConfig. Use it to inspect a production-scale token model instead of the playground tour.
APPLY IS LOCAL DEV ONLY
Apply writes token changes to source files through a local development sidecar. A static host has no sidecar or writable source tree, so this deployed demo disables the action. Clone the repository and run pnpm play to try the complete write-to-disk workflow. The Apply pipeline setup guide explains how it works.
KEEP EXPLORING
Read the zdtp documentation for installation and API guidance, or browse the GitHub repository behind this demo.