Marca
La marca Hi-Doctor
Todo lo que hace que Hi-Doctor se vea y suene como sí mismo: el logotipo, los colores, la tipografía, los degradados y las reglas que los mantienen unidos.
Logotipo
El símbolo y el logotipo
El símbolo es un cuadrado verde de esquinas redondeadas con una cruz blanca. El logotipo horizontal lo combina con el nombre Hi-Doctor. Utiliza los archivos exactamente como se entregan.
Símbolo
La pieza independiente, para avatares, favicons e iconos de aplicación.
Símbolo, inverso
La misma pieza, preparada para superficies oscuras.
Logotipo horizontal
La firma predeterminada sobre superficies claras.
Logotipo horizontal, inverso
La firma para bandas en verde profundo.
Reglas de uso
Cuatro reglas cubren casi todas las situaciones. En caso de duda, simplifica.
Espacio libre
Deja libre el ancho de un brazo de la cruz a cada lado del logotipo. El texto, las imágenes y otros logotipos quedan fuera.
Tamaño mínimo
El símbolo nunca se muestra por debajo de 24 px y el logotipo nunca por debajo de 96 px de ancho. Por debajo, escribe el nombre.
Déjalo como está
Nunca cambies el color, gires, estires o perfilies el logotipo, y nunca añadas sombras, degradados u otros efectos.
Fondos tranquilos
Coloca el logotipo sobre blanco, mist o verde profundo; nunca sobre fotografías cargadas ni colores que compitan.
Color
Una paleta tranquila y clínica
La tinta sobre blanco hace la mayor parte del trabajo. El verde lleva la marca; el azul, el rosa y el oliva pertenecen a las categorías de tratamiento.
Selecciona una muestra para copiar su valor hexadecimal.
Neutros
Verdes de marca
Acentos de categoría
Degradados
Un shader, cuatro paletas
El degradado con grano es la superficie característica: una onda suave en movimiento con grano de película. Aparece en las bandas principales y en las cabeceras de categoría, siempre detrás de texto blanco, nunca detrás del cuerpo de texto.
Reservado para bandas principales y para la temática de categorías.
Tipografía
Una sola familia, Inter
Inter compone todas las superficies. Los tamaños de titular usan peso 600 con interletraje ajustado; el cuerpo de texto es peso 400 y nunca baja de 14 px.
JetBrains Mono, solo para metadatos
Números de referencia, marcas de tiempo y registros de auditoría en JetBrains Mono: mayúsculas, interletraje amplio y tamaños pequeños. Nunca lleva frases.
ACTUALIZADO 13 AGO 2026 · 09:41 UTC
Geometría y movimiento
Esquinas sobrias, ritmo suave
Tres radios cubren el sistema: 4 px para controles, 16 px para tarjetas y 24 px para bandas y contenedores grandes. Nada tiene forma de píldora.
Radio
4 px
Botones, campos y chips
16 px
Tarjetas
24 px
Bandas y contenedores grandes
Movimiento
La animación solo usa transformaciones y opacidad; nunca anchura, altura ni sombra. Los elementos llegan en 240 ms y salen en 160 ms.
Componentes
El conjunto de trabajo
Las primitivas con las que se construye cada página, renderizadas en vivo con las mismas clases que usa el producto.
Botones
Chips de estado
Tarjeta
Tu consulta está siendo revisada
Un médico colegiado está leyendo tus respuestas. Te avisaremos en cuanto haya una decisión.
Ahora mismo
Voz
Tranquila, clara, honesta, humana
Escribimos como habla un buen médico: con sencillez y sin dramatismo. Sin signos de exclamación, sin trucos de urgencia, sin jerga cuando existe una palabra sencilla.
Tranquila
Sin signos de exclamación. La salud ya es bastante seria sin gritos.
Clara
Frases cortas y palabras sencillas: el lector nunca tiene que releer.
Honesta
Decimos lo que hacemos y lo que no hacemos, incluido que nunca vendemos ni enviamos medicamentos.
Humana
Cercana pero profesional, escrita para una persona cada vez.
Correcto
Un médico colegiado revisa tus respuestas y decide si el tratamiento es adecuado para ti.
Incorrecto
Increíble!! Pide tus medicamentos AHORA — esta oferta no durará!!
La marca
¿Preguntas sobre la marca?
Prensa, colaboraciones o una duda de uso: escríbenos y te ayudaremos.
Contactar