Sistema de diseño Nubix
Prototipo en código del sistema de diseño: los fundamentos, los componentes con sus variantes y estados, y tres pantallas completas armadas con ellos. Todo se ve y funciona desde el navegador, con datos inventados. Base técnica: el sistema está basado en Bootstrap 5.2; los inputs y los selects, en Tailwind. Este prototipo no carga ninguna de las dos librerías: reproduce los componentes con CSS propio sobre los tokens.
Catálogo
Pantallas completas
Figma · página Ejemplos de pantallas completas
Dashboard
Inicio de la cuenta: productos, carrito y vencimientos.
Abrir →Servicio
Detalle de un Web Hosting: plan, uso de recursos y características.
Abrir →Lista de servicios
Búsqueda, orden y paginación sobre doce servicios.
Abrir →Cada pantalla tiene versión desktop y mobile (cambia a 1024 px); en Pantallas se ven las dos lado a lado. El menú lateral se expande y se contrae, y en mobile se abre como drawer. El botón Probar estados, abajo a la izquierda, lleva a los estados que no salen solos.