Look and feel
2 años ago
3 minutes
Aquí podrás personalizar tu plataforma con los logos y los colores corporativos de tu empresa. Ingresa a la tarea de Look and feel, carga las imágenes y configura los colores según las siguientes recomendaciones:
Logos de la empresa
- Logo Login: Este logo debe ir en su versión positiva, pues va a ir sobre un fondo blanco. De preferencia debe ir en formato PNG con fondo transparente y que no supere los 80 KB.
- Logo Principal: Este irá ubicado en el header o barra superior de tu plataforma. Debes tener en cuenta el contraste entre el logo y el color que selecciones como dominante. Nuestra recomendación es que el logo esté en su versión negativa y el color dominante sea oscuro.
- Logo de notificaciones: Este, al igual que el logo principal, irá sobre el color dominante y aparecerá en las notificaciones por correo electrónico.
![](http://knowledge-base.verzia.io/wp-content/uploads/2022/11/02.-logos-1024x732.png)
Aparición de los diferentes logos solicitados en la configuración
Paleta de colores
- Dominante: Aparece en la barra superior y en los botones principales. Recomendamos definir un color oscuro, para que las fuentes transparentes se visualicen correctamente.
- Subdominante 1: Aparece en la barra lateral derecha, en algunos botones e íconos del sistema. Recomendamos que sea un color que contraste con el dominante y que quede bien sobre blanco.
- Subdominante 2: Aparece en los encabezados de los bloques y de las tablas de información. Nuestra recomendación es que sea un tono más claro que el subdominante pero donde pueda contrastar bien con el texto oscuro que aparecería encima.
- Acento 1: Será el color del fondo de la plataforma. Te recomendamos que sea el color más suave y neutro posible para optimizar la experiencia de visualización general.
- Acento 2: Este color no es editable, está blanco por defecto, pues aparece en los bloques donde verás la mayor parte de información relevante del sistema.
![](http://knowledge-base.verzia.io/wp-content/uploads/2022/11/03.-colores-1-1024x444.png)
Ejemplo de una buena configuración de colores
![](http://knowledge-base.verzia.io/wp-content/uploads/2022/11/04.-colores-2-1024x439.png)
Ejemplo de una mala configuración de colores