Bienvenido a su empresa.
El logotipo, la distribución, el fondo y el saludo definen la página de acceso. Las plantillas facilitan el comienzo; los textos en alemán e inglés se pueden mantener por separado.
Descubrir plantillas de acceso ↓Módulo · AgenticUltimateSu CRM.
Su CRM.
Su identidad.
Una presencia familiar.
Diseñe el acceso y el entorno de trabajo de acuerdo con su empresa. Con plantillas seleccionadas, perfiles de color coordinados y vista previa antes de la activación.
Su identidad de marcaEjemplo de diseño
◆ ACME CRM
Un diseño. Desde el acceso hasta el trabajo diario.
Vista previa esquemática · No es un formulario de acceso real
✓ Diseñar acceso e interfaz por separado✓ Ocho perfiles de color✓ Su propio color corporativo✓ Borrador, vista previa y revisión
Dos diseñadores. Una identidad de marca.Una buena primera impresión.
Una buena primera impresión.
Un espacio de trabajo coherente.
El acceso y la interfaz cumplen funciones distintas. Puede diseñar ambas áreas de forma independiente y mantener su coherencia visual.
Orientación para cada jornada.
La navegación, los botones, las tablas y las filas activas comparten un lenguaje cromático. Elija un perfil o derive tonos a partir de su color primario.
Probar colores de interfaz ↓Diseñador de páginas de accesoDesde un diseño sereno y minimalista
Desde un diseño sereno y minimalista
hasta una marca con presencia.
Seleccione primero una familia de diseños. A continuación, adapte el logotipo, los colores, los textos y el fondo.
Clean & Minimal
Formulario centrado y superficies serenas. Clean White y Soft Cloud ofrecen una entrada discreta.
Split Accent
Formulario y panel de marca uno al lado del otro. Split Accent y Architect Grid dan espacio a su mensaje.
Editorial y ambiente
Editorial Split y Forest Calm combinan el acceso con fotografías propias. Aquí se representan de forma esquemática mediante un gráfico.
Champagne Atelier y Bordeaux Signature amplían la selección con diseños cálidos y expresivos, respectivamente. Todas las imágenes son ejemplos ilustrativos de distribución.
Su contenido, utilizado con control
Más que una imagen de fondo.
El diseñador agrupa los elementos que definen su página de acceso.
Logotipo e imágenes
Escale y alinee su logotipo, diseñe el panel fotográfico o el fondo. Los archivos subidos deben cumplir los formatos admitidos y las comprobaciones de seguridad.
Alemán e inglés
Mantenga saludos, marcadores de posición y pies de página en ambos idiomas. El contenido permanece separado del diseño elegido.
Borradores y revisiones
Edite primero un diseño nuevo como borrador. Actívelo tras revisarlo o restaure una versión anterior guardada cuando sea necesario.
Diseñador de temas de interfazUn color.
Un color.
Un espacio de trabajo coherente.
Pruebe ocho perfiles o introduzca su color corporativo. La navegación, el botón y la fila activa reaccionan directamente en la vista previa.
Elija su estilo.
Ilustración interactivaLa vista previa muestra tonos de ejemplo. Solo modifica esta representación y no guarda ninguna configuración del CRM.
◆ ACME CRMAgenticUltimate Blue
Una visión clara.
Sus contactos y próximos pasos.
Proyecto de clienteEstado
Proyecto NorteEn curso
Proyecto OestePlanificado
✓ Correcto! Aviso× Error
Contraste del botón…Color del texto sobre la superficie primaria
Identidad corporativa personalizadaDerivar colores.
Derivar colores.
Comprobar la legibilidad de forma específica.
Un color primario es el punto de partida. Una interfaz útil necesita colores de texto adecuados, gradaciones y estados reconocibles.
Matices coordinados
Del color elegido se pueden derivar superficies activas, bordes discretos y estados al pasar el cursor. Una vista previa muestra su efecto conjunto.
Hacer visible el contraste
Se calcula la relación entre la superficie del botón y el texto. La demostración elige texto negro o blanco; los demás elementos deben comprobarse por separado.
Conservar los colores de estado
Los estados de éxito, advertencia y error mantienen su significado. El texto y los símbolos complementan el color para que los estados no se comuniquen únicamente mediante un tono.
Comprobar una combinación de colores no confirma la accesibilidad completa. Esta también incluye el uso del teclado, la indicación del foco, las etiquetas y la revisión de toda la interfaz.
De la idea al diseño activoPrimero diseñar.
Primero diseñar.
Después aprobar conscientemente.
Los nuevos diseños deben poder revisarse antes de cambiar el trabajo diario.
Elegir plantilla o color
Empiece con un diseño de acceso o un perfil de color y añada los contenidos corporativos adecuados.
Editar como borrador
Prepare los cambios por separado. El diseño activo permanece hasta la aprobación.
Revisar en la vista previa
Compruebe el acceso, la navegación, las tablas, los botones y los estados pertinentes. Pruebe las vistas CRM compatibles antes de activar.
Activar o volver atrás
Apruebe la versión revisada. Las revisiones guardadas permiten volver de forma controlada a un diseño anterior.
Integración y operacionesEl diseño como extensión.
El diseño como extensión.
Con la compatibilidad en mente.
Las funciones de branding están concebidas como una capa de diseño independiente. Las adaptaciones de vistas concretas deben ser compatibles con la versión de SuiteCRM utilizada.
Diseño basado en tokens
Controle colores y estados mediante valores de diseño definidos, en lugar de modificar manualmente archivos del núcleo para cada instancia de cliente.
Preparar las actualizaciones
Antes de actualizar SuiteCRM, compruebe que el acceso, las vistas principales y las extensiones personalizadas se siguen mostrando correctamente.
Planificar la vuelta atrás
Las revisiones anteriores y la vuelta al estándar facilitan un funcionamiento controlado. El alcance concreto depende de la aprobación de cada versión.
Conviene saber
Preguntas sobre Branding Suite.
Respuestas sobre diseño, vista previa y funcionamiento.
¿Puede el acceso tener un aspecto distinto al de la interfaz?
Sí. El diseñador de acceso y el diseñador de temas de interfaz se controlan de forma independiente. Un acceso expresivo puede combinarse con un entorno de trabajo discreto.
¿Los colores de la vista previa del sitio web son los valores definitivos del producto?
No. La representación interactiva ilustra los perfiles y el contraste de una superficie de botón. Los valores concretos del producto y las vistas compatibles se muestran en el diseñador o en la demostración.
¿Cómo se calcula el contraste del botón?
La vista previa compara la luminosidad de la superficie primaria con texto negro y blanco y elige la opción de mayor contraste. La relación indicada corresponde a esa combinación.
¿Podemos utilizar nuestro logotipo y nuestras imágenes?
Los logotipos e imágenes propios forman parte del diseño. Los formatos, tamaños y controles de seguridad admitidos dependen del área de subida correspondiente.
¿Se pueden ver los borradores antes de activarlos?
Los borradores se pueden revisar antes de aprobarlos. Las vistas CRM disponibles en la vista previa dependen de las funciones aprobadas.
¿Esto garantiza automáticamente la compatibilidad con todas las actualizaciones futuras de SuiteCRM?
Una capa de diseño independiente evita sobrescribir directamente archivos del núcleo. Las nuevas versiones y las extensiones personalizadas siguen necesitando una comprobación de compatibilidad.
¿Se pueden mantener textos en alemán e inglés?
El diseño de acceso contempla textos separados en alemán e inglés. Los directorios de idiomas de este sitio web son independientes de ello.
Ayuda y documentación
Documentar Branding
Diseñadores de acceso y temas: guías en la base de conocimientos de QOON.
¿Quiere ver Branding en su
SuiteCRM?
En unos 20 minutos mostramos los diseñadores de acceso e interfaz y cómo revisar los borradores antes de activarlos.
Solicitar demostración de Branding ↗Sin compromiso · Sus colores · Su caso de uso