← Back to overview

--v8-asterisk — a design system as a shadcn registry

The --v8-* token language formalized as a shadcn registry: warm cream and near-black, an orange-red accent, Instrument Serif, DM Sans, and IBM Plex Mono, installable one item at a time.

CASE STUDY 2026
Role
Design and development
Period
Jul 2026 — ongoing
Stack
TypeScript · CSS · shadcn · Storybook · Bun

The setup

–v8-asterisk is the design system behind this site: the –v8-* CSS token language (an AI agent’s eighth design iteration; the label stuck) formalized as a shadcn registry, with theme, fonts, and UI components each published as an installable registry item.

What makes it interesting

The system is distribution-first. Instead of a component library to depend on, it ships as registry items that copy into the consuming project with a single npx shadcn add per item, so every consumer owns its code. The visual language is fixed: warm cream and near-black surfaces, an orange-red accent (#FF3B00 in dark, #B82A00 in light), Instrument Serif for display, DM Sans for body, IBM Plex Mono for mono, plus an optional pure-white light variant.

Setlist: stack highlights

Status

The registry themes the owner’s sites, including the one you are reading.