ui/kit

Kit de pantallas

24 patrones aprobados. Toda pantalla de NUEVAUNO se arma con ellos: cada uno tiene su página de ejemplo con el HTML exacto para copiar.

Abrir el kit completo →

marco · Marco del sistema

Shell completoaprobadoLa estructura de TODA pantalla de NUEVAUNO OS. Una app nueva sólo llena el contenido central; el resto lo pone el shell./kit/shell/Menú lateralaprobadoNavegación principal de la empresa: Principal (Inicio, Kōdo, Contactos), Tu negocio (apps instaladas) y abajo Ajustes y la persona./kit/sidebar/CabeceraaprobadoArriba de todo el contenido: dice dónde estás y deja a mano a Kōdo./kit/header/Selector de empresaaprobadoEl nombre de la empresa en la miga es a la vez el selector: abre la lista de empresas de la persona y cambiar recarga el sistema en la elegida./kit/company-selector/Fondo de puntosaprobadoEl fondo de toda el área de contenido. Las superficies blancas van encima./kit/dotted-background/Riel izquierdoaprobadoAccesos globales que no dependen de la empresa (buscar, avisos, aprobaciones, ajustes, persona). Sólo escritorio ancho./kit/rail/PestañasaprobadoBajo la cabecera, para las partes de un registro (Ficha, Guías, Facturas, Actividad) o de una sección./kit/tabs/Barra inferioraprobadoEstado del sistema en una línea: conexión, empresa, Kōdo y versión./kit/bottom-bar/

kodo · Kōdo

Panel de Kōdo con contextoaprobadoKōdo vive en cada empresa y se abre en cualquier pantalla. Sabe lo que estás viendo (la ficha 'Viendo') y lo usa sin que lo repitas./kit/kodo-panel/Tarjeta de aprobaciónaprobadoCuando Kōdo va a hacer algo que importa (emitir, publicar, borrar en masa, dinero) y necesita el sí de una persona./kit/approval-card/

inicio · Inicio

Pídele algo a KōdoaprobadoLa caja grande del Inicio, justo después del saludo./kit/ask-kodo/Tarjetas de datosaprobadoLa franja de números del Inicio y de una ficha: número grande + etiqueta chica./kit/stat-cards/Tus appsaprobadoLa grilla de apps instaladas del Inicio./kit/home-apps/Actividad en vivoaprobadoLo que pasa en la empresa, estilo terminal, actualizándose solo sin recargar la página./kit/live-activity/

pantalla · Pantallas completas

InicioaprobadoLo primero que ve el cliente./kit/home/Asistente / instalaciónOnboarding o procesos largos a pantalla completa. Sigue el modo de la interfaz (claro en claro, oscuro en oscuro) y se ve como una terminal./kit/wizard/

registros · Registros

Lista de registrosaprobadoContactos, guías, facturas: cualquier lista de una app./kit/record-list/Ficha de un registroUn contacto, una guía, una factura. Kōdo está a un clic y sabe que estás aquí./kit/record-detail/Estado vacíoCuando una lista o sección aún no tiene nada./kit/empty-state/

controles · Controles

Menú desplegableAcciones secundarias de un registro o una lista./kit/dropdown/BotonesAcciones./kit/buttons/CamposaprobadoFormularios./kit/fields/Etiquetas, chips y estadosaprobadoMarcar tipo, estado o contadores./kit/chips-and-states/

datos · Datos

Barras de puntosaprobadoUso de cuota, avance, consumo: reemplazan barras de progreso y medidores./kit/dot-bars/