Horizontal
Color · para fondos claros
Manual de marca.Todo lo que hace que IAASapp se vea y suene como IAASapp.
Capacitación en prevención de IAAS para el personal de salud de Chile, contada como una serie.
Paleta en proporción
Lo esencial
- Logo
- El hexágono con la mano + IAASapp, con la doble A
- Color
- Un solo verde, Menta #0CD398, con letra blanca encima
- Letra
- Montserrat Bold en el logo, Figtree en títulos, Noto Sans en texto
- Voz
- Cercana, precisa, confiable
Cortar la cadena, un capítulo a la vez.
IAASapp enseña las medidas que previenen las Infecciones Asociadas a la Atención de Salud con capítulos animados y breves, una lectura y un audio por clase, un examen final y un certificado verificable. Todo lo que hace la marca tiene que transmitir cuidado y rigor, en ese orden: cercana para quien estudia, seria para quien la contrata.
Por qué existe
Las IAAS se previenen con medidas que se conocen y se practican: higiene de manos, precauciones estándar, aislamientos, técnica aséptica. Capacitar a todo un equipo, turno por turno, cuesta tiempo. IAASapp lo lleva al celular.
Para quién
El personal de salud de Chile: TENS, enfermería, auxiliares de aseo, técnicos y medicina. Y quienes los capacitan: jefaturas de capacitación y comités de IAAS de hospitales, clínicas, CFT y centros de salud.
Lo que no somos
IAASapp no reemplaza la normativa vigente ni los protocolos de cada institución. Todavía no tiene código SENCE ni reconocimiento formal del MINSAL, y no lo decimos hasta tenerlo.
Frases de la marca
| Frase | Dónde se usa |
|---|---|
| Prevención de IAAS, contada como una serie. | Promesa. Portada de iaasapp.cl, presentaciones, cierre de campañas. |
| Un capítulo a la vez, entre turno y turno. | Para quien estudia. Redes, tiendas de apps, correos. |
| Cortar la cadena de transmisión. | La idea central del contenido. Clases, material educativo. |
| Tu equipo capacitado, con reporte para tu comité. | Para instituciones. Propuestas de convenio, LinkedIn. |
Una mano abierta, dentro de un hexágono.
El símbolo dice lo más importante del curso: la higiene de manos es la medida número uno para prevenir IAAS. El corazón en la palma es el cuidado del paciente. Recorre los pasos para ver cómo se arma.
El hexágono
- Lienzo
- 100 × 100 unidades; hexágono de 87,7 de ancho
- Esquinas
- Radio 6,5, las seis iguales
- Palabra
- Montserrat Bold en curvas, mayúscula de 0,29 h
- Doble A
- La segunda A en Menta, montada sobre la primera a la mitad de su ancho
- Separación
- 0,18 h entre símbolo y palabra
- Color de app
- El mismo coral del corazón
La forma
Un hexágono apoyado en una punta, con esquinas suaves. Es estable y contiene: una celda, un espacio protegido.
La mano
Abierta, con los dedos separados, como en la higiene de manos. Es el gesto que el curso repite en cada módulo.
El corazón
En la palma, en coral. Es el único color cálido del símbolo y vuelve en "app": el cuidado que se lleva en el bolsillo.
La palabra
IAAS en Tinta con la segunda A en Menta, montada sobre la primera: dos A, dos colores, como en el logo de siempre. app en el coral del corazón.
Una marca, cinco formas.
Usa la versión principal siempre que entre. Las demás existen para espacios donde no cabe o para fondos donde no se lee.
Sobre blanco
Pruébalo sobre un fondo
Elige un fondo: el manual te dice qué versión usar y si el contraste alcanza.
Aire alrededor, y nunca tan chico que se pierda la mano.
Área de respeto
x
x = la mitad de la altura del símbolo. Nada (texto, bordes, otras marcas) entra en ese margen por ningún lado.
Tamaños mínimos
120 px de ancho
20 px símbolo
favicon 32
| Versión | Pantalla | Impreso |
|---|---|---|
| Horizontal | 120 px de ancho | 30 mm |
| Apilada | 64 px de ancho | 16 mm |
| Símbolo | 20 px de alto | 6 mm |
Lo que no se hace
IAASapp
IaasApp
El menta del símbolo, en bandas grandes.
La marca tiene un solo verde: el Menta del símbolo. Cubre bandas, botones y superficies enteras, como en los afiches de procedimientos, y sobre él la letra va siempre en blanco. Fuera del Menta, el texto va en Tinta. El coral es un acento: el corazón, la palabra app y los números de paso. Toca cualquier código para copiarlo.
En qué proporción
45 % Blanco y Menta suave
32 % Menta
20 % Tinta
Mucho fondo claro; bandas, botones y acentos en Menta con letra blanca; el texto en Tinta, y el Coral en dosis chicas.
Combinaciones permitidas
Contraste calculado según WCAG 2.1. AA pide 4,5:1 para texto normal y 3:1 para texto grande (24 px o más, o 19 px en negrita). El blanco sobre Menta es una decisión de la marca y no alcanza ese mínimo: por eso sobre Menta solo van títulos, botones y frases cortas, en peso 700 o más y desde 18 px. Los textos largos van sobre blanco.
| Muestra | Texto sobre fondo | Contraste | Se puede usar para |
|---|
Dos familias: Figtree y Noto Sans.
Figtree para títulos y para el logo: redonda, firme y clara en pantallas chicas. Noto Sans para leer: hecha para textos largos y con todos los acentos del español. Las dos son gratuitas (Google Fonts, licencia OFL).
Figtree
Aa
a b c d e f g h i j k l m n ñ o p q r s t u v w x y z
á é í ó ú ü ¿ ? ¡ ! 0 1 2 3 4 5 6 7 8 9 %
á é í ó ú ü ¿ ? ¡ ! 0 1 2 3 4 5 6 7 8 9 %
Pesos en uso
Pruébala: escribe aquí
SemiboldFigtree 600 · diálogos
BoldFigtree 700 · títulos chicos, botones
ExtraBoldFigtree 800 · títulos
RegularNoto Sans 400 · textos
MediumNoto Sans 500 · interfaz
BoldNoto Sans 700 · etiquetas
Antes de tocar al paciente, higiene de manos.
Escala
Portada · 800Prevención de IAAS, contada como una serie.
Banda · 800Cuatro pasos, del capítulo al certificado.
Título · 700Precauciones estándar
Diálogo · 600Hola. Aquí aprendes a cortar la cadena de transmisión.
Texto · 400Son las medidas básicas de prevención de IAAS y se aplican a todos los pacientes, sin importar su estado de salud.
Etiqueta · 700Código de verificación
Títulos con interletra −2 % y en dos o tres líneas como máximo. Nunca frases enteras en mayúsculas: se destaca con peso, tamaño o color. Textos largos a no más de 70 caracteres por línea y nunca bajo 16 px en pantalla.
Hablamos como una colega que sabe del tema.
En español de Chile, con tildes y signos de apertura. Tuteamos a quien estudia; a las instituciones les escribimos de usted en documentos formales. Nunca en tono de alarma, de reto ni de vendedor.
Cercana
Hablamos de "tu turno" y de "tu equipo". Explicamos como lo haría una compañera con experiencia, no como un manual.
Cercana, no infantil: los personajes son colegas, no caricaturas para niños.
Precisa
Usamos los términos correctos: IAAS, precauciones estándar, EPP, técnica aséptica. Cuando un término es técnico, lo explicamos una vez.
Precisa, no rebuscada: frases cortas, una idea por frase.
Confiable
Prometemos solo lo que se puede verificar. Si algo está en desarrollo o aún no tiene reconocimiento formal, lo decimos.
Confiable, no fría: el rigor se dice con calidez.
| Decimos | No decimos | Por qué |
|---|---|---|
| el personal de salud, tu equipo | recurso humano, los usuarios | Son personas con oficio, no un recurso. |
| TENS, auxiliar de aseo, enfermera | el personal de apoyo, el resto | Cada oficio con su nombre. Todos previenen IAAS. |
| prevenir infecciones, cortar la transmisión | cero infecciones, eliminar los contagios | Nadie puede prometer cero. Prometerlo es falso. |
| certificado con código de verificación | certificado oficial, acreditado por el MINSAL | Mientras no haya reconocimiento formal, no se dice. |
| examen final, preguntas al azar | aprobación garantizada, fácil | Se aprueba estudiando: eso le da valor al certificado. |
| higiene de manos en los cinco momentos | lavarse las manos y listo | Simplificar no es banalizar. |
Reglas para cualquier texto público
- Todo contenido clínico lo revisa un profesional de IAAS antes de publicarse.
- Todo número lleva su fuente: norma, autor o institución y año, verificados en el documento original.
- No se inventan testimonios, cifras ni instituciones. Los nombres de instituciones con convenio se publican solo con su autorización escrita.
- Nunca imágenes de pacientes reales ni datos que permitan identificar a alguien.
- La marca se escribe IAASapp, también dentro de un texto: IAAS en mayúsculas y app en minúsculas.
Los personajes de la serie son la cara de la marca.
Las escenas animadas de los capítulos son lo más propio de IAASapp: ninguna otra capacitación las tiene. Siempre protagonizan, en marcos de esquinas suaves y nunca inclinadas.
Sí
- Escenas y personajes de los capítulos
- Situaciones reales del trabajo: la sala, el pabellón, el aseo
- Todos los oficios: TENS, aseo, enfermería, medicina
- Marcos de 12 px, derechos, con una sombra suave
- Un personaje que habla en una ventana de diálogo
No
- Fotos de banco de imágenes de hospitales
- Pacientes reales o personas identificables
- Sangre, heridas o imágenes que asusten
- Virus en 3D alarmistas
- Escenas inclinadas o en carruseles automáticos
Pendiente: conseguir los archivos originales de la serie para tener personajes recortados en alta resolución.
La gramática del afiche junto al lavamanos.
Los procedimientos de salud se enseñan con afiches: pasos numerados, bandas de color y pictogramas. IAASapp toma esa gramática, y le suma las olas en cada cambio de color.
Pasos numerados
- 1Mira el capítulo
- 2Lee o escucha
- 3Rinde el examen
- 4Recibe tu certificado
Círculos coral con el número en Tinta, unidos por una línea Tinta de 3 px que termina en el último paso. Para todo proceso: el curso, el examen, un convenio.
Olas entre bandas
Banda Menta
Banda blanca
Banda Tinta
Cada cambio de color de fondo es una ola, nunca un corte recto. Se alternan tres formas para que no se repitan, siempre suaves y de ancho completo.
Ventana de diálogo
Doctora · WEBserie IAASapp
Hola. Aquí aprendes a cortar la cadena de transmisión. ¿Por dónde partimos?
Soy profesional de saludSoy una institución
Borde Tinta de 2 px, placa con el nombre de quien habla montada sobre el borde, y como máximo dos opciones. Es el momento propio de la marca.
La marca puesta a trabajar.
Ícono · iOS · Android · perfil
IAASappahora
Te queda una claseTermina "Precauciones de contacto" y desbloquea el examen.
CertificadoPrevención de Infecciones Asociadas a la Atención de Salud
Nombre Apellido Apellido
Nombre Apellido Apellido
Folio IAAS-2026-1000
Verifícalo en iaasapp.cl/verificar
Verifícalo en iaasapp.cl/verificar
Correo
Web
contacto@iaasapp.cl
iaasapp.cl
iaasapp.cl
Formatos, plantillas y la ola que une los posts.
Elige una red para ver su medida exacta, la zona segura (la línea roja) y cómo va la marca. Lo que quede fuera de la zona segura puede cortarse en algún teléfono.
Cuatro plantillas de post
Todas en 1080 × 1350 (4:5). Márgenes: 92 px arriba, 96 a los lados, 84 abajo. Logo de 80 px de alto arriba a la izquierda, contador arriba a la derecha.
Módulo 1 · 1/3
¿Cuál es la medida más efectiva para prevenir IAAS?
Módulo 1 · 2/3
Higiene de manos.
En los cinco momentos: antes de tocar al paciente, antes de una tarea limpia o aséptica, después de exponerse a fluidos, después de tocar al paciente y después de tocar su entorno.
3/3
Cómo funciona
1
Mira el capítulo
2
Lee o escucha
3
Rinde el examen
4
Recibe tu certificado
La ola en los carruseles
En un carrusel, la ola cruza de una imagen a la siguiente sin cortarse: cada tramo termina a la misma altura donde empieza el siguiente. Al deslizar, la banda Menta parece una sola.
1
Higiene de manos en cinco momentos.
2
Antes de tocar al paciente y antes de una tarea limpia o aséptica.
3
Después de exponerte a fluidos, de tocar al paciente y de tocar su entorno.
Los carruseles se suben siempre con todas sus imágenes y en orden.
Antes de publicar
Descripción del post
- Primera línea: la idea completa, porque es lo único que se ve sin tocar "más".
- Cuerpo: dos o tres párrafos cortos. Tutear.
- Fuentes al final, en una línea propia.
- Hashtags: 4 o 5, en minúscula: #iaas #prevencion #higienedemanos #salud #chile.
Bio de Instagram
Prevención de IAAS, contada como una serie. Capítulos breves, examen y certificado para el personal de salud de Chile. iaasapp.cl
Todos los logos, listos para usar.
Con texto y sin texto, en cada color de la paleta, más el ícono de app y la foto de perfil. La palabra va en curvas: se ve igual aunque no tengas Figtree instalada.
Ver sobre
Horizontal
Color · para fondos oscuros
Horizontal
Tinta · una sola tinta
Horizontal
Negro · timbres, fax, un color
Horizontal
Blanco · sobre Menta, fotos y fondos oscuros
Apilada
Color · para fondos claros
Apilada
Color · para fondos oscuros
Apilada
Tinta · una sola tinta
Apilada
Negro · timbres, fax, un color
Apilada
Blanco · sobre Menta, fotos y fondos oscuros
Solo la palabra
Color · para fondos claros
Solo la palabra
Color · para fondos oscuros
Solo la palabra
Tinta · una sola tinta
Solo la palabra
Negro · timbres, fax, un color
Solo la palabra
Blanco · sobre Menta, fotos y fondos oscuros
SVG
Vectorial. Para web, apps y diseño (Figma, Illustrator). Se agranda sin perder calidad.
PDF
Vectorial. El que piden la imprenta, el bordado y los proveedores.
PNG transparente · 4096 px
Sin fondo, en muy alta resolución, para presentaciones, documentos y redes.
PNG con fondo · 4096 px
El logo sobre su color de marca, para correos, WhatsApp o programas que no respetan la transparencia.
Cada archivo ya trae el área de respeto alrededor. El ícono de app va cuadrado y sin transparencia: App Store y Google Play le ponen las esquinas.
Para llevar a código o a diseño.
:root {
/* marca: un solo verde; sobre Menta, letra blanca */
--iaas-menta: #0cd398; /* símbolo, bandas, botones */
--iaas-menta-hondo: #0abd88; /* hover de botones Menta */
--iaas-tinta: #0e2a22; /* texto y fondos oscuros */
--iaas-gris: #4f5b57; /* texto secundario */
--iaas-coral: #f85f5a; /* corazón, "app", pasos */
--iaas-coral-texto: #c23a35; /* errores y pendientes */
/* superficies */
--iaas-menta-claro: #ddf7ec;
--iaas-menta-suave: #effbf6;
--iaas-linea: #cfe3da;
/* tipografía */
--iaas-titulo: "Figtree", system-ui, sans-serif;
--iaas-texto: "Noto Sans", system-ui, sans-serif;
}
Fuentes
Figtree y Noto Sans en Google Fonts, licencia libre (OFL). El logo usa Montserrat Bold, ya en curvas: no hace falta instalarla.
fonts.google.com/specimen/FigtreeArchivos fuente
El símbolo vive en packages/shared/src/simbolo.json y la palabra en logotipo.json; este manual en marca/manual/. Todo se regenera con npm run build -w @iaasapp/marca.