Gestor de Temas y Visuales: Ergonomía de Software¶

Pasas un tercio de tu día mirando la pantalla de tu ordenador. Un CRM no solo debe ser rápido procesando datos, sino que debe ser ergonómico, amigable a la vista y adaptable a las condiciones de iluminación de tu oficina.

En esta guía profundizaremos en las opciones de apariencia de NexGestión y en cómo puedes adaptar la interfaz a tus preferencias de trabajo. Las vistas de Tareas se explican en la guía de Tareas.

1. ¿Por qué un motor de temas propio?¶

Tradicionalmente, las aplicaciones web tenían un diseño rígido. Si los botones eran azules y el fondo blanco, lo eran para todos, en cualquier momento del día. Posteriormente llegaron las opciones de "Modo Noche", pero a menudo requerían recargar toda la página y perder el trabajo no guardado.

NexGestión utiliza un motor visual basado en la inyección de Variables CSS en Tiempo de Ejecución (Runtime v2) controlado por HTMX y Alpine.js. ¿Qué significa esto para ti? 1. Transiciones instantáneas: Puedes cambiar la apariencia del CRM en medio de la redacción de un presupuesto o un chat. La página nunca se refrescará, los colores mutarán orgánicamente frente a ti en menos de 50 milisegundos. 2. Coherencia universal: El cambio afecta a todo el ecosistema. Si cambias el tema, los PDFs generados, los gráficos de datos y las ventanas de CoreChat respetarán tu nueva configuración al instante.

2. Modos Base: Claro vs. Oscuro¶

El control principal que utilizarás a diario es la alternancia entre la luz y la oscuridad. Puedes acceder a estos controles haciendo clic en tu foto de perfil (arriba a la derecha) y entrando en "Ajustes de Interfaz".

El Modo Claro (Light Mode)¶

No es simplemente un fondo blanco puro (#FFFFFF) que quema las retinas. Nuestro Modo Claro utiliza tonos "Gris Pizarra" clarísimos (#f8fafc) para los fondos, con bordes de alto contraste oscuros. - Cuándo usarlo: Durante las primeras horas de la mañana, en oficinas muy iluminadas con luz natural, o cuando necesites máxima concentración en textos densos (contratos, términos legales).

El Modo Oscuro (Dark Mode)¶

No es un fondo completamente negro (el negro puro causa estrés visual por excesivo contraste con el texto blanco). Utilizamos una gama de azules medianoche profundos (#0f172a a #1e293b). - Cuándo usarlo: Por las tardes, en entornos de poca luz, o si sufres de fatiga ocular crónica y dolores de cabeza. El modo oscuro reduce la emisión de luz azul de tu monitor y descansa tus músculos oculares.

💡 Consejo de Ergonomía: No seas radical. Prueba a usar el Modo Claro hasta el mediodía y cambiar al Modo Oscuro después de comer. El cambio te ayudará a relajarte visualmente en las últimas horas de la jornada.

3. Variantes de Color (Acentos y Brand)¶

Más allá de claro/oscuro, el CRM soporta temas de "Acento". El acento es el color que utilizamos para resaltar las llamadas a la acción importantes: botones principales, el estado de "Ganado" en el Kanban de Leads o los iconos del menú activo.

Temas Corporativos y Brutalismo¶

Dependiendo de la configuración general de tu empresa (decidida por el administrador del sistema), es posible que la plataforma fije los colores a la paleta de vuestra marca. Sin embargo, el sistema Brutalista subyacente obliga a mantener reglas estrictas: - Bordes Duros: Las cajas siempre tienen bordes definidos de entre 2 y 4 píxeles. Esto permite a tu cerebro procesar el final de una sección rápidamente. - Sombras Sólidas: No verás sombras difuminadas que imitan la realidad. Usamos sombras offset sólidas (como un bloque de color por detrás de la tarjeta). Esto ancla visualmente la interfaz y da una sensación de "ingeniería pura", eliminando distracciones ornamentales.

4. Tipografía y Legibilidad¶

La interfaz entera de NexGestión se sostiene sobre una estructura tipográfica cuidadosamente seleccionada para la legibilidad en pantallas de alta resolución.

Familias de Fuente: Utilizamos Inter para los datos y formularios, una fuente diseñada específicamente para pantallas digitales que garantiza que números como el 0 (cero) y la letra O nunca se confundan.
Densidad de Información: Si observas las tablas de datos, como la Lista de Tareas, notarás que los textos son técnicos y ajustados. No sacrificamos espacio. Creemos que una plataforma profesional debe mostrar la mayor cantidad de datos útiles posibles sin requerir hacer scroll constantemente.

Ampliación y Zoom¶

Gracias a nuestro motor de CSS flexible, el CRM es 100% compatible con el zoom nativo de tu navegador. Si ves las letras pequeñas, no busques una opción oculta en los ajustes del sistema. Simplemente presiona Ctrl + (o Cmd + en Mac) en tu teclado. La interfaz se reestructurará perfectamente, escalando los márgenes, fuentes y cajas sin romper el diseño, incluso hasta niveles de zoom del 150%.

5. El Futuro: Modos de Alto Contraste y Daltonismo¶

Sabemos que la accesibilidad universal no es negociable. Nuestro equipo técnico trabaja continuamente para integrar nuevos presets dentro del Gestor de Temas. Próximamente se habilitarán perfiles daltónicos (Deuteranopía, Protanopía) que re-mapearán automáticamente los gráficos circulares, las tarjetas de tareas "urgentes" (Rojas) y los estados "ganados" (Verdes) hacia paletas de colores seguras para asegurar que ningún usuario pierda matices semánticos críticos.

Con esta guía, hemos cerrado el bloque de Fundamentos y Core CRM. Ahora ya tienes el control total sobre la herramienta, la operativa de comunicación y el flujo principal de ventas. Tu plataforma está lista para adaptarse a tu ritmo de trabajo.