About this example
The
examples/astro sub-package consumes
@takazudo/zudo-design-token-panel through its built artifact only — there are no
deep imports into dist/, no bundler aliases, and no framework integration beyond
@astrojs/preact.
Key facts
No Tailwind, no preflight stylesheet, no design-system dependency.
Storage prefix
astro-example-tokens, console namespace
astro.
Palette CSS-var template
--astro-palette-{n}.
Apply endpoint
/api/dev/apply proxied by Vite to the bin sidecar on port
24682.
Verify across navigation
Open the panel via
window.astro.toggleDesignPanel(), change a token,
then navigate back to home. The new value should
still apply — proving the host adapter's astro:page-load reapply path works
end-to-end.
Also try the prose demo to see typography tokens in action.
Palette swatches (mirrored)
0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
These swatches are identical to the home page so a side-by-side comparison after a token
tweak is trivial.