Identidad Visual del Proyecto
La identidad visual permite personalizar la apariencia de las ofertas de empleo publicas con el logo, colores y datos de tu empresa.
Requisito: Empresa Asociada
La configuracion de identidad visual solo esta disponible cuando el proyecto esta vinculado a una empresa.
Sin empresa asociada:
- Se muestra un aviso indicando que se necesita asociar una empresa
- Las ofertas publicas usaran la marca predeterminada de Talivo
- Se ofrecen botones para ir a Empresas o volver al proyecto
Con empresa asociada:
- La configuracion de marca se gestiona a nivel de empresa
- Al acceder a la identidad visual del proyecto, se redirige a la configuracion de marca de la empresa
- Los cambios aplican a todos los proyectos asociados a esa empresa
Importante: La marca se configura a nivel de empresa, no de proyecto individual. Todos los proyectos de una misma empresa comparten la misma identidad visual.
Acceso
- Ve a Proyectos en el menu principal
- Selecciona el proyecto
- Navega a Identidad Visual
O directamente desde la URL: /app/projects/{id}/branding
Configuracion de Marca
Identidad de la Empresa
| Campo | Descripcion | Limite |
|---|---|---|
| Nombre de la Empresa | Nombre que aparece en el encabezado de las ofertas | 255 caracteres (requerido) |
| Eslogan | Texto complementario debajo del nombre | 500 caracteres (opcional) |
| URL del Sitio Web | Enlace al sitio web de la empresa | URL valida (opcional) |
Logo
| Aspecto | Detalle |
|---|---|
| Formatos aceptados | PNG, SVG y otros formatos de imagen |
| Tamano maximo | 5 MB |
| Dimensiones optimas | 300 x 100 pixeles |
| Texto alternativo | Campo para accesibilidad (max. 200 caracteres) |
Acciones del logo:
- Subir Logo - Cargar un archivo de imagen
- Cambiar Logo - Reemplazar el logo actual
- Eliminar Logo - Quitar el logo (aparece solo si hay uno cargado)
El logo se almacena en la nube (S3/CloudFront) para carga rapida en las paginas publicas.
Esquema de Colores
Se pueden personalizar cuatro colores:
| Color | Uso | Valor por defecto |
|---|---|---|
| Color Primario | Botones, links, acentos principales | #1890ff (azul) |
| Color Secundario | Acentos secundarios, iconos de verificacion | #52c41a (verde) |
| Fondo del Encabezado | Color de fondo del header de la oferta | #001529 (azul oscuro) |
| Texto del Encabezado | Color del texto y logo en el header | #ffffff (blanco) |
Cada color se selecciona con un selector de color (ColorPicker) que muestra:
- Selector visual de color
- Valor hexadecimal
- Colores recomendados predefinidos
Colores recomendados disponibles:
#1890ff, #52c41a, #faad14, #f5222d, #722ed1, #13c2c2, #eb2f96, #fa8c16, #2f54eb, #001529, #ffffff, #000000, #f0f0f0, #262626
Vista Previa en Vivo
Al modificar cualquier campo, la vista previa se actualiza en tiempo real. Muestra como lucira una oferta de empleo con la marca configurada.
Elementos de la Vista Previa
Encabezado:
- Fondo con el color de encabezado seleccionado
- Logo (si se cargo uno)
- Nombre de la empresa con el color de texto del encabezado
- Eslogan debajo del nombre
Contenido de ejemplo:
- Titulo del puesto de ejemplo: "Ingeniero de Software Senior"
- Tags con los colores primario y secundario (Remoto, Tiempo Completo, Salario)
- Lista de responsabilidades con iconos del color secundario
- Boton "Aplicar Ahora" con el color primario
La vista previa es solo ilustrativa. El contenido real sera el de cada vacante publicada.
Habilitar/Deshabilitar Marca
El toggle Habilitar Marca controla si se usa la identidad visual personalizada:
| Estado | Efecto |
|---|---|
| Activo | Las ofertas publicas muestran la marca personalizada |
| Inactivo | Las ofertas publicas muestran la marca predeterminada de Talivo |
Esto permite desactivar temporalmente la marca sin perder la configuracion.
Guardar Cambios
Click en el boton Guardar Cambios para aplicar la configuracion. Los cambios se reflejan inmediatamente en las paginas publicas de empleo.
Casos de Uso
Agencias de Reclutamiento
Si gestionas reclutamiento para multiples clientes:
- Crea una empresa por cada cliente
- Asocia los proyectos correspondientes
- Configura la marca de cada empresa
- Las ofertas publicas mostraran la marca del cliente, no la tuya
Empresa con Multiples Divisiones
Si tu empresa tiene diferentes marcas o divisiones:
- Crea una empresa por division
- Cada division puede tener su propio logo y colores
- Los proyectos de cada division heredan la marca correspondiente
Marca Temporal
Para campanas especificas:
- Configura la marca para la campana
- Cuando termine, desactiva con el toggle
- La configuracion se conserva para futuras campanas
Permisos
La configuracion de identidad visual requiere acceso al modulo de empresas, ya que la marca se gestiona a ese nivel.
Proximos Pasos
- Perfil del Proyecto - Volver a la informacion del proyecto
- Crear Proyecto - Crear proyectos y asociar empresas
- Introduccion - Vision general del modulo