Studio Sphere's own design system, and the shape of every system we build for a client: every component, one set of tokens, a Figma library that matches.
Life’s too short for boring interfaces.
Every component keeps shadcn/ui's names, variants and props, so code written against shadcn keeps working. The theme is what changes: one set of tokens for colour, type, radius and surfaces, in light and dark, and a style layer for the details that make it yours.
The Figma library uses the same components and the same token names, and Figma sync shows whether the two still match. Studio Sphere keeps the changelog: what changed in each release and what your code has to do about it. The guidelines say how the pieces go together, from spacing to motion.
Components made for Sphere Kit, built from the base and its tokens.