What this demo can do, and when each part arrived. Newest first.
How to build or restyle a site with the kit using an AI coding agent, with a starting AGENTS.md for your own site. Agents that read the web can start at /llms.txt. In the menu.
Every component in the kit on one page, from buttons to oval badges, with the pieces that frame the page listed at the end. In the menu.
Short codes like CH sit in an oval, like the sticker on a Swiss car, plain or solid, in light and dark. See the About page.
Code, commands and keys are set in Source Code Pro, the same on every device, and terminal output sits on a dark block. See the About page.
The site name at the top left of the bar, the link home, is now 16px, the size of body text.
A site picks one accent, red or teal. The gear on the right edge previews both.
Switches, radio buttons and a select list, on the Forms page and in the Contact tab.
Pages without a hero open with one big title across the page, as on Work and Forms.
This list. A red dot on the menu button means something new has arrived since you last looked.
The Recent button lists the pages you have opened here, with links to share or look each one up on Bluesky, Instagram and YouTube. It stays on this device.
Star an item on the Work page, then choose Favorites in the filter to see only those.
When Field notes has scrolled out of view, the red triangle in the bottom bar brings it back.
The menu has numbered tabs, and each one has its own link, such as #contact.
Menu with nested accordions, light and dark themes, filters, a scrolling title and a toast.
Nothing yet. Pages you open here are listed.
Kept on this device only.
No favorites yet. Choose All, then tap the star next to an item to add it here.
01–03
04–07
08–09
Accent
Demo only. A real site picks one accent.
Now
Field notes: twelve months of small projects set in a single typeface, and what that taught me about restraint