// active · python · python · css · design-systems · fastapi

draftspace-uiv0.1

A purpose-built design system — CSS custom properties, component primitives, Jinja2 templates, and a static site builder. The substrate for this site.

Started as a design exercise — five aesthetic directions explored in raw HTML/CSS, one chosen and engineered into a proper kit.

What it is: A set of CSS custom properties (design tokens), component primitives, Jinja2 page templates, and a Python static site builder that renders everything to dist/ for GitHub Pages deployment.

What it isn't: a framework, a dependency, or a build system you have to fight. No npm, no bundler, no compilation step on the CSS. The tokens are variables; the components are classes.

The design language is called DRAFTSPACE — monospace-leaning, dark-first, amber/mint accent palette. Deliberately constrained: the goal was something that looked like a considered choice rather than a framework default.

The static builder uses Jinja2 for templates and mistune for Markdown → HTML. Writing articles support Tufte-style sidenotes via footnote post-processing. The dev server is a bare FastAPI app that reads the same templates — so local iteration and production output are identical.

Deployed to GitHub Pages via a single Actions workflow. This site is built on it.

online ~/projects/draftspace-ui UTF-8 html5
// © 2026 ·