tokens.css
Colours, spacing and type in one place. The light theme is a handful of overrides.
A small, hand-coded starting point for simple sites. Semantic HTML, native CSS and a handful of files you can read in one sitting.
More information coming
Started in 2020 as my own starter for HTML and CSS work, built with Sass. Refreshed in 2026 with what browsers now do natively: custom properties, cascade layers, nesting, a light and dark theme, and a menu built on the Popover API. Still no frameworks and no build step.
Colours, spacing and type in one place. The light theme is a handful of overrides.
A short reset, sensible defaults, visible focus and reduced motion.
Fluid headings with clamp(), readable line length, balanced wrapping.
Sticky header, centred sections and a grid that reflows without media queries.
A hamburger menu on small screens, an inline menu on large ones. No JavaScript needed to open it.
Buttons, cards and the info line. Add your own here.