Colores del front – Personalización de tu web
Cada agencia puede adaptar sus colores para que la página refleje su identidad visual. Esto se realiza desde el ícono de configuración (⚙) ubicado en la parte derecha del sitio.
¿Que podés personalizar?
Allí encontrarás las opciones para definir:
- tus colores institucionales,
- cómo se ven los botones,
- el color del buscador,
- el color de fondo del footer,
- y el color de los textos.
Todas las modificaciones se aplican en tiempo real, por lo que podés ver cómo queda antes de guardar los cambios.
Marca primaria – El color que acompaña tu identidad
La marca primaria define el color de los elementos que dan cohesión visual al sitio.
Se aplica sobre componentes que acompañan, pero no dominan el diseño.
Suele verse reflejada en:
- Barra superior con datos del usuario o agencia
- Íconos informativos
- Marcas visuales de apoyo o acentos menores
▶ Recomendación: usá el color principal de tu marca si es legible y funciona sobre fondos blancos o negros.
Marca secundaria – El color que toma protagonismo
La marca secundaria determina el color de los elementos principales de interacción, es decir, los que más ve y utiliza el usuario. Este color afecta:
- Search Box (buscador principal)
- Botones primarios y sus efectos hover
- Fondo del footer (si no se sobrescribe desde su configuración puntual)
- Bloques destacados y elementos que funcionan como llamada a la acción
▶ Recomendación: elegí un color fuerte y contrastante con el fondo, ya que impacta directamente en la experiencia del usuario y la atención.
Color de textos – Legibilidad, ante todo
Los textos pueden configurarse independientemente del resto de los colores.
Podés elegir entre texto claro (blanco) o texto oscuro (negro) según el contraste con el fondo definido.
▶ Recomendación:
- Si tu color principal o secundario es oscuro → texto blanco.
- Si tu color es claro o pastel → texto negro.
- Probá ambas opciones antes de guardar para validar accesibilidad.
Elegir colores sin código – Selector y transparencia
Si no tenés el código HEX, podés abrir el selector de color haciendo clic en el recuadro junto al código.
Allí podrás:
- Elegir el color visualmente
- Ajustar brillo y saturación
- Definir transparencia u opacidad
La transparencia permite:
- suavizar fondos sólidos,
- superponer colores sobre imágenes,
- crear una estética más moderna sin perder legibilidad.
▶ Importante: Cuanta más transparencia uses, más dependerá la lectura del fondo.
Probalo con el buscador y con botones — son los lugares donde más se nota.
Ajustes individuales para Footer y Search Box
Aunque se ven afectados por la marca secundaria, el Footer y el Search Box pueden personalizarse de forma independiente.
Esto resulta útil si:
- querés que el footer tenga un color institucional diferente
- buscás destacar u ocultar visualmente el buscador
- trabajás campañas temporales (ej.: “Verano”, “Disney”, “Black Friday”)
▶ Ejemplo real: Footer oscuro pero botones claros → diseño editorial.
Footer claro pero buscador de color potente → diseño comercial orientado a conversión.
