Overview

Design System for prototypes

The same components the real Dashboard uses, with Yuno tokens, ready for designers and PMs to build prototypes true to production. When the prototype reaches engineering, they port it to the official DS (internal Storybook).

How to use this kit

Foundations

Design tokens and systemic decisions

Colors

Primary, semantics, surfaces, tokens.

Typography

Type scale, weights, line-height.

Iconography

Phosphor Icons weights and sizing.

Spacing

4-based scale used across layouts.

Corner radius

sm / md / lg / xl per surface.

Shadows

xs, sm, lg — restrained on purpose.

Components

shadcn base with Yuno flavor