Reference app
Hello from Demo
Everything on this page — pages, blocks, data, colours, fonts — comes from webapps/demo.json. Change the file and the app follows.
Pages from config
Every route on this site is a path pattern plus an ordered list of blocks in demo.json.
Data from sources
Static rows, filtered and sorted lists, and single records picked by a route param.
Theme from tokens
Fourteen colours, two fonts, radius and density — swap them and the shell follows.
- Projects
- 4
- Shown here
- 3
- Preset
- Demo · default
Two columns
This half is a markdown block inside a columns container. Below md the columns stack.
Can columns nest?
No. A container cannot hold another container; keep layouts one level deep.
How this works
The cards above come from a page source, filtered and sorted in config. Each links to /projects/[id], where a record source picks the row by the route param.
“A whole internal tool from one JSON file. No repo, no deploy pipeline of its own.”
Mira · Atlas owner “The theme toggle just worked on our warm palette.”
Tom · Ops lead “Bad config never reached a page. That saved us twice.”
Ana · Delta owner
Questions?
The contact page is a config-declared form.