Cómo cambiar los colores, las tipografías y el logo de tu sitio web
Eliges el menú superior y las tipografías de tu sitio web en Creador de sitios web → Diseño. Sus colores y logotipos son los de tu negocio, y se definen en Configuración → General.
Elegir el menú superior y las tipografías
- 1
Abre Creador de sitios web → Diseño
Su Vista previa muestra tus cambios a medida que eliges, con Los colores de su sitio web debajo.
- 2
Elige el menú superior
En Menú superior, elige Color del tema o Blanco (en un sitio web oscuro, Color de la página).
- 3
Elige las tipografías
En Tipografías, elige Clásica, Editorial o Limpia.
- 4
Pulsa Guardar
Guardar está arriba a la derecha. En un sitio web publicado, el cambio se ve al instante.
Tus colores de marca
Tu sitio web toma sus colores de tus colores de marca, igual que tu tienda, tus vales y tus correos. Cámbialos en Configuración → General → Colores de marca: en Creador de sitios web → Diseño, Colores los muestra, con un enlace hasta allí.
| Color de marca | Qué colorea |
|---|---|
| Claro u oscuro | Páginas claras con texto oscuro, o páginas oscuras con texto claro, en tu sitio web y en tu tienda. Los vales y los correos siguen siendo claros. |
| Color de acento | Botones, enlaces y elementos destacados. Las secciones tintadas, las franjas oscuras y el pie de página de tu sitio web se crean a partir de él. |
| Color secundario (opcional) | Solo los pequeños detalles de tu sitio web: el texto pequeño sobre un título, la línea debajo y los iconos. |
Un color debe resaltar sobre el fondo de tus páginas. Si no lo hace, el campo indica el color más parecido que sí resalta. Colores sugeridos te ofrece colores que resaltan.
El menú superior
El menú superior es transparente sobre la foto de portada de una página, con el texto en blanco. Al desplazarte por la página, y en una página sin foto de portada, toma el estilo que elegiste:
| Menú superior | Al desplazarte |
|---|---|
| Color del tema | Tu color de acento, con texto blanco |
| Blanco (Color de la página en un sitio web oscuro) | El color de tus páginas, con el menú en tu color de acento |
En los teléfonos, el menú se abre con los mismos colores.
Tipografías
Cada opción es una combinación: una tipografía para los títulos y otra para el texto. Clásica usa Playfair Display e Inter; Editorial, Fraunces y Source Sans 3; y Limpia, Manrope para títulos y texto.
Tu logotipo
La barra superior de tu sitio web muestra tu Logotipo horizontal, o el nombre de tu negocio mientras no tengas uno. Súbelo en Configuración → General: un PNG, WebP o JPEG de al menos 60 píxeles de alto. En Creador de sitios web → Diseño, Logo muestra cómo queda.
El Logotipo horizontal claro es opcional: letras blancas o claras sobre un fondo transparente. Tu sitio web lo muestra donde el fondo es una foto o es oscuro: sobre la foto de portada de una página, en un menú superior de tu color de acento o en un sitio web oscuro (también en el menú del teléfono), y en el pie de página.
Sube primero el logotipo horizontal: el claro debe tener exactamente el mismo tamaño en píxeles. Para cambiar más adelante el tamaño del logotipo horizontal, quita antes el claro.
Preguntas frecuentes
Son tus colores de marca, que también usan tu tienda, tus vales y tus correos, así que los cambias en un solo lugar: Configuración → General → Colores de marca.
No. Siguen siendo claros, porque se imprimen y se leen en aplicaciones de correo. Tu tienda, en cambio, sigue a tu sitio web.
Los administradores, y el personal al que se le da acceso a Creador de sitios web → Diseño en Usuarios → Gestionar: consulta Acceso del personal. Los colores de marca y los logotipos requieren Configuración → General.