Firma de correo
Logo horizontal a 180 px, nombre en Manrope 700, cargo y teléfono en Inter. Una sola línea verde de separación, sin banners.
Inicio/Manual de marca
Cómo se usa la identidad de Gestión Sanitaria: logotipo, color, tipografía y tono de voz. Esta página es interna: sirve de referencia para diseñadores, imprentas y proveedores.
La marca
El nombre define la promesa: cumplir no es un papel que se consigue una vez, es un proceso que hay que gestionar. El isotipo lo representa con una secuencia de etapas que avanza dentro de un escudo y termina en una marca de verificación. El escudo aporta protección y respaldo; la secuencia, avance controlado; el check, el resultado.
El punteado no es decorativo: cada punto es una etapa del proceso. Por eso el trazo mantiene siempre los puntos separados y nunca se convierte en una línea continua.
Logotipo
La versión horizontal es la principal. La vertical se usa cuando el espacio es más alto que ancho, y el isotipo solo cuando la marca ya está identificada en el contexto.
Horizontal — uso principal (web, documentos, firma de correo)
Vertical — redes sociales, avatares, formatos cuadrados
Monocromo blanco — sobre azul profundo, fotografía oscura o video
Isotipo — favicon, sello, aplicaciones muy pequeñas
Uso correcto
Uso incorrecto
Color
El azul sostiene la estructura y el verde marca la acción. Proporción de referencia: 70% neutros, 20% azul, 10% verde. El verde nunca se usa como fondo de textos largos.
#0B4F6CPrimario. Estructura, titulares, fondos oscuros.
#062B3AFondos de sección, footer, textos de máximo contraste.
#1382AEDegradados, gráficos, estados hover.
#12A150Acento de marca. Iconos, detalles, gráficos.
#0A7A3DBotones y enlaces. Contraste apto sobre blanco.
#E9F8EFFondos suaves, destacados, estados activos.
#26333DTexto de lectura.
#5A6B78Texto secundario, bajadas, notas.
#DCE6ECBordes, separadores, tablas.
#F5F9FBFondo de secciones intercaladas.
Accesibilidad: para texto sobre blanco usa #0A7A3D (verde acción), no
#12A150, que no alcanza contraste suficiente en tamaños pequeños. El verde sanitario queda
reservado para iconos, gráficos y elementos decorativos.
Tipografía
Ambas son gratuitas y están en Google Fonts. Manrope da carácter en los titulares; Inter asegura legibilidad en textos largos y formularios.
Manrope 800
Titulares, botones, etiquetas y navegación
Inter Regular — texto de lectura, párrafos, tablas y formularios
Alternativa de sistema si no cargan las webfonts: Helvetica Neue, Arial, sans-serif
| Nivel | Familia y peso | Tamaño |
|---|---|---|
| H1 | Manrope 800 | 34 – 56 px |
| H2 | Manrope 800 | 26 – 40 px |
| H3 | Manrope 700 | 18 – 22 px |
| Antetítulo | Manrope 700, versalitas, +0.14em | 12 px |
| Cuerpo | Inter 400 | 17 px / 1.65 |
| Nota | Inter 400 | 13 – 14 px |
Tono de voz
Español de Chile, tratando de tú. Nunca voseo. Frases cortas, verbos concretos y cero adjetivos de folleto.
Aplicaciones
Logo horizontal a 180 px, nombre en Manrope 700, cargo y teléfono en Inter. Una sola línea verde de separación, sin banners.
Portada azul profundo con logo blanco. Interior blanco, títulos en azul, tablas con encabezado azul claro. Pie con número de página y fecha.
Polera azul profundo con logo blanco al pecho y credencial visible en las visitas. Si hay vehículo, isotipo en la puerta más el nombre horizontal.
Portada con isotipo, índice de antecedentes y separadores por sección. Debe leerse como documento de trabajo, no como folleto.
Avatar con isotipo sobre azul profundo. Placas de contenido con fondo claro, titular Manrope 800 y una franja verde inferior.
Portada oscura, contenido claro. Máximo un acento verde por lámina, usado para el dato que importa.
Archivos
Todos los archivos están en web/assets/marca/ en formato SVG, editable y escalable
sin pérdida.
Antes de mandar a imprenta: los archivos usan la fuente Manrope como texto vivo. Convierte el texto a curvas (o pide el archivo trazado) para que la imprenta no lo sustituya por otra tipografía.