🎨 1. Diseño: Personalización visual y corporativa

📍 En esta página:

• Estructura y navegación: 1.1. Modo de menú · 1.1.1. Buscador dinámico
• Diseño e identidad: 1.2. Temas y colores · 1.3. Tipografías y bordes · 1.4. Ajustes por usuario · 💼 Soporte

La configuración de diseño la realiza un administrador una sola vez para toda la empresa. El acceso principal es:

Administrador > Zolteka > Diseño (pestaña Zolteka y Pestaña Login).

Desde aquí defines la identidad visual corporativa que heredarán el ERP, la pantalla de login, la verificación en dos pasos (2FA) y el restablecimiento de contraseña.

1.1. Modo de Menú: Horizontal y Vertical

Zolteka permite elegir la distribución principal de navegación para escritorio:

• 🖥️ Modo Horizontal: Barra superior clásica, pensada para monitores anchos y flujos de trabajo tradicionales.
• 🗄️ Modo Vertical: Barra lateral colapsable, óptima para ganar altura útil en pantallas medianas o al consultar listados extensos.

📱 Comportamiento Responsive (Tablet y Móvil)

Independientemente del modo seleccionado para escritorio, al reducirse el ancho de pantalla la navegación se unifica:

• Menú hamburguesa: Toda la barra se oculta y pasa a desplegarse desde el panel lateral al pulsar el icono de menú, liberando el 100% del ancho para el contenido.

• Breakpoint móvil configurable: Puedes definir el punto de corte (Administrador > Zolteka > Diseño > Zolteka) entre 480 px y 1200 px (por defecto 990 px) según el tipo de pantallas que use tu equipo.

La columna derecha (Administrador > Zolteka > Diseño > Zolteka) incluye una previsualización en vivo con conmutador PC / Móvil para validar los cambios antes de guardar.

💡 Tip Experto: Si se trabaja habitualmente con tablets en almacén o movilidad comercial, configura el breakpoint en 768 px o superior para activar el menú lateral táctil en pantallas medianas.

1.1.1. Buscador dinámico de páginas (modo vertical)

Con el modo vertical activo, Zolteka incorpora un buscador con autocompletado que indexa las pantallas a las que tienes acceso según tu perfil. A medida que escribes, aparecen sugerencias con icono, título de la página y badge del menú padre (ej. Ventas, Administrador).

Escritorio (PC)

El buscador se sitúa en la barra superior central del layout vertical. Al escribir al menos un carácter:

• Se filtran las páginas del menú por título o nombre del menú padre. Si no encuentras la deseada simplemente escribe la palabra que busques y pulsa Enter sin seleccionar ninguna opción dinámica mostrada.
• Puedes desplazarte por las sugerencias con ↑ y ↓, confirmar con Enter o hacer clic directamente en la tarjeta.
• El botón circular con flecha envía la búsqueda al buscador global de FacturaScripts si lo prefieres.

Móvil y tablet (drawer lateral)

Al abrir el menú hamburguesa, el mismo buscador aparece en la cabecera del panel lateral, justo debajo del logotipo y el nick del usuario. El comportamiento es idéntico: autocompletado, badges y navegación por teclado en dispositivos con teclado físico.

[!NOTE] El buscador dinámico está disponible solo en modo vertical. En modo horizontal se mantiene la búsqueda nativa de FacturaScripts en la barra superior.

1.2. Temas, Colores Corporativos y Logotipos

Paletas de color disponibles

Cuatro temas esenciales (siempre visibles en la cuadrícula principal):

• Predeterminado FS: Apariencia nativa de FacturaScripts sin personalización Zolteka.
• Zolteka Claro: Interfaz luminosa con acentos esmeralda y fondo blanco.
• Zolteka Oscuro (tema por defecto): Menú lateral y barra superior en tono azul marino oscuro, área de trabajo clara y acentos en verde esmeralda. Es el aspecto que verás al instalar el plugin.
• Personalizado: Elige tus propios colores para botones, menú de navegación y detalles destacados. El sistema ajusta el contraste del texto automáticamente.

Doce paletas adicionales (accesibles con el botón colapsable «Explorar más temas de color (+12)»; se autoexpande si ya tienes activo uno de ellos):

• Con barra lateral clara: Kinetic, Nord, Legacy, Zafiro y Zen.
• Con barra lateral oscura: Prestige, Nexus, Cyber, Crimson, Blaze, Serenity y Terra.

Todos los temas incluyen contraste optimizado en botones, sombras de foco coherentes y soporte en menú horizontal, vertical, drawer móvil y barra inferior.

En Administrador > Usuarios > Ficha de Usuario > Zolteka (Apariencia), cada usuario puede elegir su tema entre las 16 opciones disponibles con nombres concisos, indicador de color (emoji) y tipo de barra lateral, sin claves técnicas visibles. Ver con más detalle aquí.

Los colores configurados aquí se propagan a:

• Todo el ERP (cabeceras, botones, tarjetas, barras de navegación).
• La pantalla de Login corporativa.
• La pantalla de verificación en dos pasos (2FA).
• La pantalla de restablecimiento de contraseña.

Logotipos del sistema

• Logotipo / Favicon: Barra superior (modo horizontal) y menú lateral (modo vertical/móvil) — Alto por defecto: Navbar: 40 px · Sidebar: 90 px. En Administrador > Zolteka > Diseño > Zolteka:

• Logotipo Login (pestaña Pantalla Login): Formulario de acceso y recuperación de contraseña — Alto por defecto: 180 px (ajustable 20–225 px).
• Icono cabecera Login: Zona superior izquierda del panel de login en escritorio — Alto por defecto: 55 px (ajustable 20–150 px).

Estos dos últimos en Administrador > Zolteka > Diseño > Pantalla Login:

Formatos admitidos: PNG, JPG, SVG, WEBP, ICO y GIF. Puedes subir imágenes desde la biblioteca integrada o seleccionar archivos ya almacenados en el ERP.

Textos de la pantalla de Login

En Administrador > Zolteka > Diseño > Pantalla Login puedes personalizar:

• Aviso de mantenimiento: Banner destacado antes del acceso (ej. «Mantenimiento hoy a las 23:00h»).
• Texto de presentación izquierda: Mensaje corporativo en el panel ilustrativo (soporta saltos de línea).
• Texto de pie de página: Copyright o lema de la empresa.
• Imágenes: Fondo izquierdo, ilustración central y logotipos del formulario.

La previsualización en vivo de esta pestaña permite alternar entre vista PC (dos columnas) y Móvil / Tablet (una columna, ilustración oculta).

1.3. Tipografías Modernas y Bordes Redondeados

Tipografías

El selector incluye más de 25 fuentes modernas de Google Fonts, entre ellas: Plus Jakarta Sans (predeterminada), Cairo, Inter, Roboto, Montserrat, Poppins, Outfit, DM Sans y Fuente de Sistema.

Puedes ajustar el tamaño del texto base (body) y, en Ajustes avanzados de fuentes, los tamaños de los encabezados H1 a H6 de forma independiente.

Bordes redondeados

Controla el estilo visual de esquinas en todo el ERP, el login, el 2FA y el restablecimiento de contraseña:

• Radio global: Sincroniza los tres valores a la vez (Rango: 0 – 24 px).
• Tarjetas: 8 px (Rango: 0 – 24 px).
• Botones: 8 px (Rango: 0 – 24 px).
• Campos de entrada: 8 px (Rango: 0 – 24 px).

Un valor de 0 px produce esquinas rectas; valores altos (16–24 px) dan un aspecto más suave y moderno.

[!TIP] 💡 Tip Experto: Para un look corporativo equilibrado, mantén los tres radios entre 6 px y 12 px. Si subes solo el de botones, conseguirás botones redondeados con tarjetas más sobrias.

1.4. Preferencias Individuales en el Perfil de Usuario

Cada empleado puede personalizar su experiencia sin afectar al resto del equipo.

Acceso: Administrador > Usuarios > Ficha del Usuario → sección «Zolteka (Apariencia)».

• Modo de Menú: Elige la disposición del menú solo para tu sesión (Opciones: Predeterminado (ConfigZolteka) · Horizontal · Vertical).
• Tema de Color: Aplica tu paleta preferida al iniciar sesión entre las 16 opciones disponibles (Opciones: Predeterminado · FS nativo · Zolteka Claro · Zolteka Oscuro · Personalizado · 12 paletas corporativas con indicador emoji y tipo de lateral).

• Predeterminado: Hereda la configuración global definida por el administrador en Diseño.
• Elección personalizada: El ERP recuerda tu preferencia en cada inicio de sesión.

💼 ¿Necesitas ayuda experta o personalizaciones para tu empresa?

Si quieres sacar el máximo partido a este módulo o requieres adaptaciones específicas para tu flujo de trabajo, ponemos a tu disposición nuestros servicios profesionales:

• ⚙️ Consultoría y Puesta en Marcha: Configuración avanzada, auditoría de procesos y optimización de tu FacturaScripts.
• 🧩 Desarrollos e Integraciones a Medida: Creación de nuevos plugins, adaptación de funcionalidades y conexión con APIs o plataformas externas.
• 📊 Cuadros de Mando y Analítica BI: Informes avanzados, métricas clave (KPIs) y cuadros de mando interactivos a medida.
• 🛠️ Soporte Técnico y Mantenimiento: Resolución de dudas operativas, resolución de incidencias y acompañamiento técnico continuo.

📬 Contacto directo y presupuestos: carlos.moreno@zolteka.com · zolteka.com · Canales oficiales de FacturaScripts. ¡Impulsamos tu negocio juntos!