Design System · Demo
Fundamentos, patrones y componentes del Design System con estructura guiada.
Variante stacked
Enfoque con mayor peso visual para lectura de valor principal y tendencia.
+3.2%
1,248
Headcount cubierto
vs. ultimo corte mensual
-6
27
Vacantes abiertas
6 roles menos que la semana pasada
-1.5 dias
18 dias
Time to fill
Promedio en posiciones criticas
Variante inline
Lectura compacta para strips resumen o cabeceras de seccion con alta densidad.
94%
SLA onboarding
Desfase ligero en equipos regionales
312
Solicitudes activas
Ticketing People Ops en las ultimas 24h
71%
Adopcion autoservicio
Procesos completados sin mesa de ayuda
Cuando usarlo
Para abrir una vista con numeros ancla y dar contexto rapido antes de tablas, activity feeds o workspaces operativos.
Que se evalua aqui
Ritmo tipografico, contraste de metadata, lectura de tendencia y diferencias visuales entre stacked e inline en paralelo.
Notas demo
Se muestran varias variantes en la misma vista para comparar rapidamente sin interaccion adicional.