Saltar al contenido principal

Brand Editor: colores, fuentes y estilo

El Brand Editor es el lugar donde controlas la apariencia general de tu sitio web.

Desde aquí puedes ajustar colores, fuentes, estilos de botones, espacios, esquinas, configuración relacionada con el logo y la identidad visual general del sitio.

Cuándo usar el Brand Editor​

Usa el Brand Editor cuando quieras:

  • hacer que el sitio coincida con tu marca,
  • cambiar los colores principales,
  • elegir una fuente diferente,
  • hacer los botones más modernos o premium,
  • mantener un estilo coherente en todas las páginas,
  • mejorar el sitio antes de publicar,
  • hacer que el sitio se vea más profesional.

Qué afecta el Brand Editor​

La configuración de marca puede afectar muchas partes del sitio, como:

  • colores,
  • typography,
  • botones,
  • fondos,
  • estilo de secciones,
  • apariencia del logo,
  • espaciado,
  • esquinas redondeadas,
  • estilo visual general.

En lugar de cambiar cada sección por separado, el Brand Editor te ayuda a mantener un estilo coherente en todo el sitio.

Paso 1 — Abre el Brand Editor​

Abre la aplicación de Centuply, selecciona tu sitio y abre Brand o Brand Editor.

Verás las opciones de apariencia disponibles.

Paso 2 — Revisa la marca actual​

Antes de hacer cambios, observa cómo se ve el sitio actualmente.

Pregúntate:

  • ¿Los colores encajan con el negocio?
  • ¿La fuente es fácil de leer?
  • ¿Los botones son claros?
  • ¿El sitio se ve premium o incompleto?
  • ¿El estilo es coherente entre páginas?

Paso 3 — Elige los colores principales​

Los colores afectan mucho la primera impresión.

Normalmente necesitas:

  • color primario,
  • color secundario,
  • color de fondo,
  • color de texto,
  • color de acento.

Por ejemplo:

  • una clínica puede necesitar colores limpios y confiables,
  • una peluquería puede usar colores más premium o lifestyle,
  • un restaurante puede usar colores más cálidos,
  • un freelancer puede preferir un estilo minimalista y serio.

Paso 4 — Elige las fuentes​

La fuente debe ser legible y encajar con el estilo de la marca.

Comprueba que:

  • se lea bien en móvil,
  • no parezca demasiado informal si la marca es seria,
  • no sea demasiado compleja,
  • encaje con el tipo de negocio.

Paso 5 — Ajusta los botones​

Los botones son importantes porque guían al visitante a realizar una acción.

Ejemplos de acciones:

  • Reservar cita,
  • Contactarnos,
  • Ver servicios,
  • Solicitar presupuesto,
  • Comprar ahora.

En el Brand Editor puedes ajustar el estilo de los botones para que sean más claros, más premium o más visibles.

Paso 6 — Revisa logo e identidad​

Si tienes un logo, revisa cómo aparece en el header y en otras áreas.

Asegúrate de que:

  • no sea demasiado pequeño,
  • no se vea borroso,
  • tenga suficiente contraste con el fondo,
  • encaje con los colores del sitio.

Si no tienes logo, puedes usar temporalmente un texto de marca limpio o crear un logo con Logo Studio.

Paso 7 — Usa presets con cuidado​

Si hay brand presets disponibles, puedes usarlos como punto de partida rápido.

Antes de mantener un preset, comprueba:

  • si encaja con el sector,
  • si se ve profesional,
  • si el contraste es correcto,
  • si las páginas siguen siendo legibles,
  • si la vista móvil se ve limpia.

Paso 8 — Revisa todas las páginas principales​

Después de cambiar la marca, revisa no solo la página de inicio sino también:

  • Services,
  • About,
  • Contact,
  • Blog,
  • Forms,
  • Booking,
  • páginas legales.

Una marca debe verse coherente en todas partes.

Paso 9 — Guarda los cambios​

Cuando estés satisfecho con el resultado, guarda los cambios.

Si el sitio está online, publica cuando quieras que los cambios aparezcan en vivo.

Buenas prácticas​

  • No uses demasiados colores diferentes.
  • Mantén buen contraste entre texto y fondo.
  • Prefiere fuentes claras.
  • Haz que los botones CTA destaquen.
  • Revisa siempre la vista móvil.
  • Mantén el estilo coherente en todas las páginas.
  • No cambies la marca cada día sin una razón clara.

Video tutorial​

Video sugerido para este artículo:

Título: Cómo cambiar el estilo de marca en Centuply

Duración: 4-6 minutos

Guion del video:

  1. Abrir Brand Editor.
  2. Revisar el estilo actual.
  3. Cambiar el color primario.
  4. Cambiar la fuente.
  5. Ajustar el estilo de botones.
  6. Revisar el logo.
  7. Revisar desktop y móvil.
  8. Guardar y publicar.

Preguntas frecuentes​

¿Necesito un brand kit preparado?​

No. Puedes empezar con colores y fuentes básicos y mejorarlos después.

¿Puedo cambiar los colores después de publicar?​

Sí. Puedes cambiar la configuración de marca y publicar las actualizaciones.

¿Qué colores debo elegir?​

Elige colores que encajen con tu sector y tengan suficiente contraste para que el texto sea legible.

¿Debo usar muchas fuentes?​

No. Normalmente 1-2 fuentes son suficientes.

Puedes usar temporalmente un logo de texto o crear un logo con Logo Studio.