ryux-design-system: Design system

Group UI · Delivery Gate area DESIGN SYSTEM · RX-2.0. Levels are defined in ryux-core.

Prioritize the existing system. Before creating anything:

1. Search existing components.
2. Search existing tokens (color, spacing, radius, type, elevation).
3. Search existing patterns (how similar screens solve this).
4. Reuse if an existing component fits.
5. Extend with a variant if it almost fits.
6. Create a new component only for a real semantic or behavioral difference, and name why.

Quality Locks to keep across the product: spacing, typography, color roles, terminology, components, interaction patterns and states, responsive behavior, and visual hierarchy.

If the project has no system yet, define the smallest token set the screen needs and use it consistently. Do not introduce a component library the project does not use.