zdtp playground

FULL FIRST-PARTY DEMO

Explore the current in-repo build of zdtp.

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

Change a token and watch the page respond

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

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.

ZUDO-DOC MANIFEST

A real consumer configuration

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

Why Apply is disabled here

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.

Color cluster

0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

KEEP EXPLORING

Documentation and source

Read the zdtp documentation for installation and API guidance, or browse the GitHub repository behind this demo.