Design System

A comprehensive guide to building consistent and accessible interfaces for WeDance.

Foundation

Core design tokens and primitives

Color system and semantic tokens

Font families, sizes, and weights

Building blocks of the interface

Actions and links

Form controls and fields

Modal windows and overlays

User reviews and ratings

Content display for events and social posts

User profiles and cards

Dance event details and actions

Dance venue information

Create and manage dance courses

Common UI patterns and solutions

Form layouts and validation

Navigation patterns and menus

Loading and error states