HarpeBlue Signal

CSS-first design system.

Tokens, themes and semantic component classes for HarpeBlue projects. No runtime dependencies, no framework lock-in.

Open playground Examples
Core

CSS variables

Theme classes define visual values. Components consume them through shared variables.

Portable

Framework agnostic

Use it in HTML, Astro, React, Next, Vue, Svelte or any stack that can load CSS.

Secure

Zero runtime deps

The core ships as CSS. npm publishing can happen later with provenance.