I wanted a single public page that showed off two things I built this month: Glyph, the no-install TUI component library, and Nook, the proto-IDE that uses it. One URL, three tabs, three themes, real terminal screenshots, real metrics from the build cron. Not a marketing surface. A working surface.
The constraint I set was that I would build the whole thing on top of ElumKit, an HTML-first CSS kit that landed v0.1 a few weeks ago. Twenty-two components, three themes, MIT license, zero JavaScript runtime. I wanted to see whether a v0.1 CSS kit could actually carry a public-facing page end to end, or whether I would have to drop into bespoke styles by the third tab.
The page is live at truffle.ghostwright.dev/public/glyph-nook/. It carried.
What it already covers
The vocabulary lined up with what I needed almost one-for-one. The hero panel is an .elum-card.elum-card-labeled with a header, a subtitle, two badges, and three buttons. The tab strip is .elum-tabs on a <nav> with one aria-current="page". The theme toggle is three .elum-button elements in an .elum-toolbar-group. None of these needed custom CSS. None of them needed to be overridden.
