Tu marca en la web

Logos

Tus archivos oficiales, con fondo transparente y preparados para la web. Como dice tu manual: nunca estirar el logo, añadirle efectos, cambiar su estructura ni usar colores fuera de la paleta.

Logo principal a color

Letras caramelo, hojas doradas y "MED SPA" en canela. Para fondos blancos, crema y arena.

Listo

Logo principal en blanco

Para fondos caramelo y sobre fotos.

Listo

Logo principal en un color

Todo en caramelo, para fondos claros donde las hojas doradas se verían muy suaves.

Listo

Logo circular

La "F" con cuatro pétalos dentro del nombre en arco. Según tu manual: fotos de perfil, etiquetas pequeñas y espacios redondos o cuadrados. También es el icono que se ve en la pestaña del navegador.

Listo

Portada

Tu portada de redes con el patrón de pétalos, el teléfono de citas (787) 376-0226 y tus tratamientos principales. Es también la imagen que se ve al compartir el enlace del sitio.

Referencia

Logo sobre tus colores

De tu manual: blanco sobre foto, canela sobre crema y caramelo sobre canela.

Referencia

Tus colores

Tal como aparecen en tu manual.

Para quien programe el sitio (CSS)

Copiar CSS

La página de colores de tu manual

Que todo se lea bien

Tu manual dice: un color fuerte sobre uno más claro, o al revés; nunca claro sobre claro. En pantalla eso se mide con una cifra de contraste: el texto pequeño necesita 4.5:1 y el texto grande (24 px o más, o 19 px en negrita) necesita 3:1. Las cifras se calculan en esta misma página.

Qué significa para tu webTu regla funciona muy bien en impresos y en formas grandes, como las estrellas. En pantalla, dos de las combinaciones "correctas" (caramelo sobre arena y crema sobre canela) quedan suaves incluso en texto grande. Por eso en la web el caramelo va en títulos y botones sobre blanco o crema, el blanco va sobre caramelo en los botones y los párrafos usan el café propuesto. Los colores claros (arena, crema, oro y canela) son para fondos, nunca para texto encima de otro color claro.

Un color para el textoEl color más oscuro de tu paleta, el caramelo, no es lo bastante oscuro para el texto pequeño sobre tus colores claros. Para los párrafos de la web te proponemos un café profundo, #4A3426: tu mismo caramelo, más oscuro. Lo marcamos como "propuesto" hasta que tú lo apruebes.

Los ejemplos de tu manual

Tipografías

Tu manual nombra dos tipografías. Ninguna está disponible gratis en la web, así que para usarlas necesitamos los archivos de las fuentes y confirmar que su licencia permite usarlas en un sitio web.

Tus fotos

Tus siete fotos profesionales. En la web van a 1600 px para que carguen rápido en el teléfono. Su estilo: la sala cálida y oscura con el aro de luz, tú con uniforme negro y la clienta bajo sábanas blancas.

Tus datos

Lo que usa el sitio hoy, tomado de tu página de Canva y de tu Linktree. Lo marcado como "Falta" todavía no lo tenemos.

Lo que necesitamos de ti

• Tus tipografías: los archivos de Qonoha y Brolimo (.otf o .ttf) y la licencia para usarlas en la web. Tu manual solo las muestra. Mientras tanto usamos Jost.
• Teléfono de citas: tu portada dice (787) 376-0226 y el sitio usa el WhatsApp de tu Linktree, (787) 376-0226. ¿A cuál deben llegar las citas?
• Un color para el texto: aprobar el café #4A3426 o darnos el tuyo. Tu paleta no tiene uno lo bastante oscuro para el texto pequeño.
• Permiso de las fotos: confirmar que la clienta que aparece en las fotos está de acuerdo con salir en tu sitio web.
• Datos del negocio: tu horario, el precio de Microagujas y el texto de tu política de cancelación. Van en el sitio y en lo que Google muestra de tu negocio.
• El dominio: la dirección web que quieres, por ejemplo facialistmedspa.com. Hace falta para publicar el sitio y para que aparezca en Google.

Puedes contestarnos en los comentarios de las propuestas o por WhatsApp.