Sistema de diseño

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

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.