TechLapse Design System

NOVA

A bold, neo-brutalist component framework. Thick ink borders, hard offset shadows, and a satisfying press on every interaction. Pure CSS — drop it into any project, no build step, no dependencies.

Zero JS required ~14kb min Production ready

What is NOVA?

NOVA is a token-driven CSS design system built for teams who want personality without a JavaScript runtime. Every color, space, radius, and shadow is exposed as a --tl-* variable. Components are plain HTML with .tl-* classes — no shadow DOM, no bundler, no framework lock-in.

Beta

Quick start

Link the stylesheet, add the fonts, and put class="tl" on your root element.

<link rel="stylesheet" href="techlapse-nova.css">
<body class="tl">
  <button class="tl-btn tl-btn--primary">Get started</button>
</body>

Explore