Paleta Global de Colores
Crea y aplica paletas consistentes en toda la UI de tus chatbots y showcases
¿Qué es la Paleta Global?
La Paleta Global es un conjunto de 16 colores compartidos que puedes aplicar automáticamente a cualquier chatbot o showcase. Garantiza consistencia visual en toda tu marca sin tener que configurar colores manualmente en cada lugar.
Cómo funciona
Accede al Editor de Paleta Global
Desde cualquier página de edición de apariencia (Chat Directo o Showcase):
- Busca el botón "Paleta Global" o el ícono
- Se abrirá un drawer lateral con opciones de paleta
Elige tu método de creación
El drawer tiene 3 secciones (acordeones, solo uno abierto a la vez):
1. Paleta Global Actual
Edita cada uno de los 16 colores manualmente. Útil para ajustes finos.
2. Paletas Predefinidas
Selecciona una paleta curada inspirada en tendencias de diseño (Ocean Blue, Sunset Orange, Forest Green, etc.)
3. Generador de Paletas
Genera combinaciones aleatorias de colores armoniosas con un clic. Perfecto para inspiración.
Estructura de los 16 colores
La paleta se organiza en 4 filas de 4 colores cada una:
- Fila 1 (Colores Base): 4 colores principales de tu paleta
- Fila 2 (Tonos Claros): Versiones más claras (+50% brillo)
- Fila 3 (Tonos Oscuros): Versiones más oscuras (-30% brillo)
- Fila 4 (Neutrales): Blanco, gris claro, gris oscuro, negro
Guarda la paleta
Una vez satisfecho con los colores:
- Haz clic en "Guardar Paleta Global"
- La paleta se guardará en la base de datos del chatbot
- Estará disponible para aplicar en Chat Directo y Showcase
Aplica la paleta a la UI
Después de guardar, puedes aplicar automáticamente:
- Haz clic en "Aplicar a Chatbot" para asignar colores al Chat Directo
- Haz clic en "Aplicar a Showcase" para asignar colores al Showcase
- BOT247 mapeará inteligentemente cada color de paleta a elementos específicos
- Los cambios se reflejan instantáneamente en el preview
Cómo se mapean los colores
Chat Directo
Showcase
Mejores prácticas
- •Contraste: Asegúrate de que haya suficiente contraste entre colores principales y neutrales
- •Prueba ambos modos: Verifica cómo se ve tu paleta en light y dark mode
- •Usa paletas predefinidas: Son profesionales y ya están balanceadas
- •Menos es más: No necesitas usar los 16 colores; 4–6 son suficientes
- •Consistencia de marca: Usa los colores de tu marca como base