Cronoss Design System

CSS-first design system. Framework-agnostic tokens and components shared between Astro and Next.js.

Architecture

Tier 1 Primitives --v2-*

Auto-generated from Figma via Style Dictionary. OKLCH colors, spacing, sizing.

→

Tier 2 Semantic --primary, --surface

Short names that map primitives to meaning. Theme-ready.

→

Tier 3 Component --_btn-bg

Private tokens scoped to each component. Overrideable from parent.

7 Components

390+ Tokens

0 KB JS (static)

0 Tailwind