Ready to build a website that does it all? 🏆 Get the free Webflow x Typeform ebook

here
Signup

Consejos para el branding de tu typeform

Hemos diseñado los typeforms para que fluyan como conversaciones y tengan un diseño más humano. Además puedes personalizar este diseño para que desprenda la esencia y filosofía de tu marca (branding).

Te mostramos tres ejemplos que fueron creados con Typeform, pero que ofrecen una variedad de texturas y enfoques muy diferentes entre sí.

Estos son algunos consejos para que puedas alinear el diseño de tu marca, web y typeform.

Ajusta los colores

Puedes ajustar los colores de tu typeform de acuerdo a los de tu marca en el panel “Diseñar”:

  • Ajusta los colores de tu typeform siguiendo los pasos de este artículo.
  • Ajusta el color de fondo o añade una imagen de fondo de acuerdo con tu marca siguiendo los pasos de este artículo.

Escoge la fuente

Ofrecemos una gran variedad de fuentes para que puedas encontrar la que mejor funciona con el diseño de tu marca. Puedes leer este artículo sobre nuestra Librería de tipografías para saber más.

blobid0.png
Consejo:Puedes guardar los colores y tipografía que mejor van con tu marca como un nuevo Tema. Así en un futuro podrás aplicarlo a tus typeforms. En el artículo Librería de Temas encontrarás todo la información necesaria.

Añade tu logo

Hay diversos sitios donde puedes anadir el logo de tu marca en un typeform:

  • En la Pantalla de inicio
  • En una Pantalla Final personalizada
  • O en cualquier sección de tu typeform: Crea una imagen y añade el logo de tu empresa en la esquina superior izquierda (en dispositivos móviles la imagen de fondo quedará anclada en la esquina superior izquierda y por lo tanto el logo nunca se verá recortado, independientemente del tamaño del navegador y dispositivo).
    Sube la imagen de fondo en el panel “Diseñar”.
blobid1.png
Aviso:El tamaño ideal del logo depende del tamaño de la imagen de la fondo. Lo máximo que los typeforms permiten (1680 x 1050 px) va acorde con un logo de 250px. Esta combinación solo se puede aplicar en un navegador a tamaño completo o vista de escritorio completa. Es complicado que el logo no interceda con el texto en ninguna de las diferentes amplitudes del navegador. necesaria.

Aquí tienes un ejemplo de un typeform con el logo en la esquina superior izquierda:

Y cómo se vería en un dispositivo móvil:

Branding-guidelines-and-tips-01

Personaliza los mensajes

Puedes modificar casi todo el texto en un typeform, desde los mensajes del sistema hasta el texto de la barra de progreso. Puedes editar todo esto a tu gusto y alinearlo con el diseño de tu marca. Todo lo que necesitas lo tienes aquí.

Consulta con nuestra comunidad