Saltar al contenido
Marca

La marca Hi Doctor

Una voz verde, un color para cada tratamiento. Todo lo que necesitas para escribir sobre Hi Doctor o mostrarlo correctamente.

  • Archivos de logotipo actuales
  • Colores, degradados y fondos
  • Tipografía y principios de voz
Logotipo de Hi Doctor
Logotipo

El símbolo y el logotipo

El isotipo es una cruz superpuesta en dos tonos: una barra vertical sólida sobre una barra horizontal más clara. El logotipo principal lo combina con la marca verbal redondeada en minúsculas.

Logotipo horizontal
InversaLogotipo horizontal · Inversa
Logotipo horizontalSVG
Isotipo
InversaIsotipo · Inversa
IsotipoSVG
Logotipo apilado
Logotipo apiladoSVG
Icono de app
Icono de appSVG

Marcas de categoría

Pérdida de peso
Pérdida de peso
Crecimiento del cabello
Crecimiento del cabello
Salud sexual
Salud sexual
Dermatología
Dermatología
Normas del logotipo

Espacio de respeto

Deja alrededor del logotipo un espacio igual a la altura del brazo de la cruz del isotipo. No cambies el color de la cruz, no lo estires, no lo perfiles ni añadas otros símbolos médicos.

Logotipo con espacio de respeto

Isotipo: deja un brazo de la cruz de espacio libre por cada lado; tamaño mínimo 20 px.

Color

Colores de categoría

El verde de marca es la voz de Hi Doctor. Cada tratamiento tiene su propio color.

Verde de marca#157a5c
Azul pérdida de peso#2b5fd0
Naranja cabello#c04a22
Rosa salud sexual#bf3468
Violeta piel#7b4fd6
Color

Degradados

Claros, un tono más blanco. Nunca arcoíris, nunca oscuros. En las páginas de categoría cambian de tono porque leen el acento de la página.

gradient-heroCada cabecera, detrás del menú transparente.
gradient-bandLa banda clara que sustituyó a las secciones oscuras.
gradient-ctaPaneles de llamada a la acción, guías y emails.
gradient-progressBarras de progreso, medidores de objetivo, líneas de recorrido.

Tarjetas de categoría y producto

gradient-category-card · wlTarjetas de pérdida de peso, con una pluma sin marca ni texto y un halo blanco.
gradient-category-card · hairTarjetas de crecimiento del cabello, con un producto sin marca ni texto y un halo blanco.
gradient-category-card · shTarjetas de salud sexual, con un producto sin marca ni texto y un halo blanco.
gradient-category-card · dermTarjetas de piel, con un producto sin marca ni texto y un halo blanco.
Fondos de color

Imágenes de fondo

Fondos de color suaves detrás de cabeceras, secciones destacadas y bodegones de producto. Usa el verde de marca en las páginas de empresa y el de cada categoría en las de tratamiento.

chroma-heroVerde de marca · cabeceras
chroma-glowVerde de marca · halo tras productos
chroma-portraitVerde de marca · retratos y paneles
chroma-nightVerde de marca · fondo intenso, poco uso
chroma-heroPérdida de peso · cabeceras
chroma-heroCrecimiento del cabello · cabeceras
chroma-heroSalud sexual · cabeceras
chroma-portraitCrecimiento del cabello · paneles
FIGTREEAa

Titulares, texto e interfaz. Una sans geométrica para todo.

DM MONO01 · Aa

Antetítulos, cabeceras de tabla y etiquetas pequeñas, en mayúsculas.

Cómo escribimos

Principios de voz

Serenos y claros

Frases cortas, sin exageraciones, sin exclamaciones.

Honestos con la medicina

Decide un médico. Tratamiento solo si es adecuado; si no, reembolso.

Tú y nosotros

Hablamos a una persona, de tú.

Europeos por defecto

Precios en euros con unidad, sistema métrico, fechas como 20 sep 2026.

Descargas

Descarga de logos

Todos los logotipos anteriores, en SVG y PNG. El logotipo horizontal y el isotipo también están disponibles para fondos oscuros.

Logotipo apilado
Icono de app
Pérdida de peso
Crecimiento del cabello
Salud sexual
Dermatología

Si el médico no aprueba su tratamiento, le devolvemos el importe íntegro. Todas las consultas son reembolsables íntegramente. Cómo funcionan los reembolsos

¿Listo para tomar el control de su salud?Empezar