Workbeat Design System 3.0
Entrada principal del sitio de explicacion y demostracion del Design System.
WDS 3.0 conecta lenguaje visual, componentes reutilizables y patrones de interfaz para que los equipos diseñen y construyan con la misma base.
Empieza por fundamentos si buscas contexto, ve a patrones si ya conoces el lenguaje del sistema y usa ejemplos cuando necesites aterrizar una decision en una pantalla completa.
74
Componentes UI
7
Componentes layout
6
Previews completos
5
Rutas clave
Explora por objetivo
Cada entrada organiza el sistema desde una necesidad distinta para que no tengas que recorrerlo completo antes de avanzar.
Ejemplos para aterrizar el sistema
Tres referencias rapidas para ver el design system aplicado en pantallas completas.
Navegación organizacional
Patron: org-navigation
Árbol jerárquico + ficha con tabs que preserva contexto al cambiar de nodo, con maestro-detalle en desktop y móvil.
Expediente de producto
Patron: expediente
Consulta de expediente con resumen, datos clave y bloques relacionados que preserva contexto sin reubicar al usuario.
Tabla jerárquica de productos
Patron: hierarchy-table
Tabla jerárquica de productos por departamento con expand/collapse, columna sticky y agregados que se recalculan al filtrar.