La paleta ya existe.
Marino para dar estructura. Celeste para orientar. Lima para la acción. Rojo para alertas y la firma del wordmark. Los valores salen del sistema de Mogos.
Hoy · una mirada al día, una acción para seguir.Prototipo · datos de ejemplo · sin conexión a cuentas
Lo que cambia de pantalla
también debe sentirse familiar.
La misma escala, los mismos materiales y la misma lógica para encontrar la siguiente acción.
Espacio para lo importante.
La siguiente recomendación, la foto del stand, el nombre del proveedor o la traducción. Cada pantalla tiene un punto de entrada claro y una acción principal.
La misma mano, otro momento.
Foto, guardado local y seguir. Una conversación con Mogui para pedir, revisar y continuar. Siempre en modo claro, con las proporciones, estados y controles aprobados.
El recorrido completo · abrir cualquier vista y estado
Entrar y comenzar
Google, código por WhatsApp, correo y clave, bienvenida, primer día y errores de acceso.
Guardar un stand
Foto, guardado local y seguir. Detalles opcionales, recuperación de borradores y deshacer.
Revisar la libreta
Libreta visual por día, fotos protagonistas, vacío, recuperación, detalle y mensaje bilingüe.
Moverse por la feria
Geometría real del mapa, tres fases, áreas, pabellones, pisos, búsqueda y secciones del repositorio.
Presentarse y prepararse
Tarjeta Mogos o propia, frente y dorso, tarjeta pública, checklist de viaje y tips del pasillo.
Mi día
Un chat con el mismo Mogui. Mensajes, contexto y Mi día; conexión al agente prevista en el refactor.
Conversar
El studio aprobado del intérprete se conserva como referencia interactiva. Voz y traducciones simuladas.
Cómo se comprueba la fidelidad
Referencia estable
La vista Intérprete contiene el documento original autocontenido. El marco móvil conserva 390 píxeles de ancho y adapta su altura a la ventana para mantener la navegación visible. Abrir app muestra la vista al tamaño real del dispositivo.
Fuente única de marca
Tokens copiados íntegros desde design/css/tokens.css. Wordmark extraído de logo-source.mjs. Neue Haas desde los archivos existentes de la app.
Alcance de la maqueta
Las fotos y los detalles se guardan en este dispositivo. Las respuestas de Mogui, la autenticación, la traducción y el envío continúan como demostraciones. El sitio del intérprete y el producto continúan por separado.
Contrato del refactor aprobado · conservar esta UI
La referencia es esta.
13 vistas, 76 escenarios, siempre en modo claro. La implementación debe conservar proporciones, tipografía, espacios y recorridos. Mobile first, con revisión visual por pantalla.
El mismo Mogui.
Mi día debe conectarse al agente existente y a los datos propios del usuario. Aquí las respuestas son ejemplos. La conversación real, sus permisos y su continuidad forman parte obligatoria del refactor.
Implementación verificable.
El contrato versionado incluye el estado de development, alcance por vista y criterios de aceptación.
Leer el contrato en el repo