Diseñar botones y tarjetas.

Colores, tipografías, formas

En «Diseño» defines el aspecto de tu marca. Arriba cambias entre «Colores», «Tipografías» y «Formas»; al lado —en pantallas más pequeñas, a través del enlace «Vista previa»— ves cómo queda.

Aquí no hay botón de guardar: cada cambio se guarda solo. La línea de arriba te indica en qué punto estás: «Los cambios se guardan automáticamente», «Guardando …», «Guardado.» o, si algo ha fallado, «Sin guardar» con el motivo debajo.

Un campo vacío no es un valor, sino «sin preferencia»: lo que no definas lo decide la plantilla de cada proyecto. «Volver a la plantilla» vuelve a liberar un valor que hayas definido. Esta sección no consume saldo de IA; aquí no interviene ninguna IA.

Botones y tarjetas

En «Formas» defines los «Botones»: la «Forma» con un clic —«Recto», «Suave», «Redondeado» o «Píldora»— o con precisión en el campo «Radio (px)», de 0 a 40; además, el «Estilo» («Relleno» o «Contorno»), el «Grosor» del texto, de «Normal» a «Negrita», y si va en «Mayúsculas».

En las «Tarjetas» —los recuadros de servicios, precios, citas y campos— ajustas «Radio (px)» y «Sombra». Debajo de cada bloque, «Volver a la plantilla» lo vuelve a liberar todo.

El sitio web, la tienda, el formulario y WordPress adoptan la forma de los botones y las tarjetas. El color del texto de los botones viene del rol «Texto de los botones» en «Colores».

1. 1Abre «Diseño» y elige «Formas».
2. 2En «Forma», haz clic en «Píldora» o introduce un radio.
3. 3Comprueba en la vista previa cómo quedan el botón y la tarjeta.

La vista previa

«Así se ve» muestra una pequeña página como en una ventana del navegador: el nombre de tu marca, un título en la tipografía de títulos, un párrafo con un enlace, un botón y una tarjeta con un campo, todo con tus colores, tipografías y formas.

Cada ajuste aparece ahí al instante, incluso antes de guardarse. Si un par de colores es difícil de leer, encima de la vista previa se indica que los proyectos que sustituyen un color se verán allí distintos que aquí; más información en Legibilidad.

En pantallas más pequeñas, la vista previa está debajo de los ajustes; el enlace «Vista previa» te lleva a ella y «Atrás» te devuelve arriba.

WordPress se actualiza

Si hay sitios de WordPress que siguen a tu marca, BrandStudio los actualiza tras tus cambios; no con cada clic, sino una sola vez, en cuanto haces una breve pausa. Arriba aparece entonces «Actualizando WordPress…» y, después, algo como «WordPress está al día con la marca (2 sitios).» Un logotipo nuevo o una tipografía nueva se transmiten de la misma forma.

Si alguna vez no funciona, tu marca queda guardada igualmente, y el sitio se pone al día la próxima vez que guardes.

Qué sitios la siguen lo decides en WordPressBuilder con «Aplicar la marca»; consulta Dónde aparece tu marca.