Manual de marca.
Todo lo que hace que Basal se vea y suene como Basal.
En una línea
Un examen de sangre que te tomas en casa, con resultados revisados y explicados en tu cuenta, para seguirlos en el tiempo.
Paleta en proporción
Lo esencial
- Logo
- basal. en minúscula, con su punto
- Color
- Grafito #202126 sobre blanco, y cuatro pasteles
- Letra
- Manrope e IBM Plex Sans
- Voz
- Clara, tranquila, honesta
Medir tu salud, más fácil.
Basal es un examen de sangre que te tomas en casa. El kit llega a tu puerta, la muestra vuelve al laboratorio y los resultados aparecen en tu cuenta, revisados y explicados, para seguirlos en el tiempo. Todo lo que hace la marca tiene que transmitir claridad y calma, nunca alarma.
Por qué existe
Hacerse exámenes suele ser un trámite: una orden, una fila, un PDF difícil de leer y ningún seguimiento. Basal junta la toma, el laboratorio y la lectura en un solo lugar.
Para quién
Adultos en Chile que quieren conocer y seguir su salud con datos, sin esperar a sentirse mal. Hoy, en Santiago.
La idea
Basal es el nivel de base: cómo estás hoy. El primer examen es tu punto de partida; los siguientes muestran hacia dónde vas. El punto del logo es ese punto.
Lo que no somos
Basal no reemplaza a tu médico ni entrega diagnósticos: mide, ordena y explica. Lo decimos en cada lugar donde corresponde.
Frases de la marca
| Frase | Dónde se usa |
|---|---|
| Medir tu salud, más fácil. | Promesa. Portada del sitio, presentaciones, campañas. |
| Examen de sangre en casa. Resultados claros, en el tiempo. | Descripción. Imagen para compartir, perfiles y firma de correos. |
| Revisados y explicados, en tu cuenta. | Los resultados. Sitio, app y piezas sobre la entrega. |
| Tu punto de partida. | Cierre de piezas y correos, junto al punto del logo. |
La marca en una lámina
Nueve piezas, un mismo sistema: el logo, cómo se arma, dónde vive, qué dice, sus colores, su letra, sus objetos, sus dibujos y sus estados.
01Logo
02Línea base y punto
03
Tu punto
de partida.04Esencia
de partida.04Esencia
05Color
AaManrope · IBM Plex Sans06
Kit de toma
examenbasal.com
07Caja · conceptoexamenbasal.com
08DibujoEn rangoRevisarFuera de rango09
Cómo se forma el logo.
La palabra basal en minúsculas, en Manrope, con un punto final. Es una sola pieza. Recorre los pasos para ver cómo está armada: las medidas salen del propio trazo.
Paso 1 de 6
Una línea base
- Lienzo
- 2386 × 750 unidades (3,18 : 1)
- Letra
- Manrope 650, interletra −0,064 em
- Alto de x
- 540 u, el 73 % del alto de la b
- Punto
- Un cuadrado de 117 u, el ancho del asta de la l
- Origen
- La cabecera de examenbasal.com, trazada en vectores con la misma letra
La palabra
Basal es el nivel de base: cómo estás hoy, antes de cambiar nada. Un nombre corto, que se dice igual en cualquier idioma.
El punto
Cierra la palabra como cierra una frase. En la pantalla de carga de la app crece letra a letra: de b. a basal.
La letra
Manrope, la misma de la web y la app. El logo es parte del sistema, no un dibujo aparte: se reconoce en cada título.
El color
Grafito #202126, casi negro y nunca negro puro. El color de Basal no está en el logo: vive alrededor, en las láminas.
Una marca, dos formas.
Usa el logo completo siempre que entre. El ícono b. existe para espacios donde no cabe (la pestaña del navegador, el ícono de la app, un sello) y la versión blanca, para fondos oscuros.
Sobre Blanco
Pruébalo sobre un fondo
Elige un fondo: el manual te dice qué versión usar y si el contraste alcanza.
Dos puntos de aire, y nunca tan chico que se pierda el punto.
Área de respeto
x
x = dos veces el punto del logo. Nada (texto, bordes, otras marcas) entra en ese margen por ningún lado. Los archivos de Descargas ya lo traen.
Tamaños mínimos
pestaña 16 px
64 px de ancho
b. 20 px
pestaña 16 px| Versión | Pantalla | Impreso |
|---|---|---|
| Logo | 64 px de ancho | 16 mm |
| Ícono b. | 20 px de alto | 5 mm |
| Pestaña (favicon) | 16 y 32 px | no aplica |
Bajo 64 px de ancho el punto mediría menos de 3 px y se confunde con una mancha. Para la pestaña, el ícono va sobre su cuadrado Grafito, que lo sostiene a 16 px.
Lo que no se hace
BASAL
Grafito sobre blanco, y cuatro pasteles.
La base es neutra: blanco, papel y grafito. El color entra como lámina, un degradado suave de los cuatro pasteles detrás de dibujos y maquetas, nunca como texto ni como botón. Toca cualquier código para copiarlo.
La Firma
Los cuatro pasteles en malla, a plena intensidad. Para el ícono de la app, la foto de perfil y una portada por campaña. Encima, siempre Grafito.
La lámina
La Firma diluida en blanco, con una trama fina de 22 px. Es el fondo de los dibujos, las maquetas de la app y la parte alta de cada página.
La franja
Los cuatro colores en partes iguales: azul, rosa, lila y amarillo. Va en el borde inferior de la imagen para compartir, los banners y la tarjeta.
En qué proporción
85 % Blanco y Papel
10 %
5
Casi todo es fondo claro. El Grafito va en textos, botones y controles. Los pasteles, en láminas, ilustraciones y en el punto de color de cada sistema del cuerpo. Una portada de campaña puede ir entera en Firma; una pantalla de resultados, casi toda en neutros.
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).
| Muestra | Texto sobre fondo | Contraste | Se puede usar para |
|---|
Colores de la interfaz
La app usa además colores de estado para los resultados. Siempre van con su palabra (En rango, Revisar, Fuera de rango) y nunca reemplazan a los de marca en piezas de comunicación. Los rangos dependen del laboratorio y del criterio clínico: este manual define apariencia, no reglas médicas.
Dos familias: Manrope e IBM Plex Sans.
Manrope da la voz de los títulos, las cifras y el logo; IBM Plex Sans se encarga de leer: textos, etiquetas y controles. Las dos son gratuitas (Google Fonts, licencia OFL), así que cualquiera del equipo puede instalarlas.
Manrope · títulos y cifras
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
Manrope 300cifras grandes
Manrope 400títulos y frases
Manrope 650solo el logo
Plex 400textos largos
Plex 500etiquetas y botones
Títulos en peso 400, nunca en negrita: la jerarquía la dan el tamaño y el aire. Manrope nunca en párrafos ni formularios. Nunca itálica para destacar. Cifras con coma decimal (84,6). El logo no se escribe con la fuente: es el archivo.
Pruébala: escribe aquíMedir tu salud, más fácil.
Escala del sitio
Portada · Manrope 400 · 46–88Medir tu salud, más fácil.
Título · Manrope 400 · 40–68Los estudios detrás de cada biomarcador.
Sección · Manrope 400 · 32–52Cómo funciona
Subtítulo · Plex 500 · 20Revisados y explicados, en tu cuenta.
Texto · Plex 400 · 17El kit llega a tu casa con todo lo necesario. Tomas la muestra en el brazo, la envías y ves tus resultados en tu cuenta.
Cifra · Manrope 30084,6 ejemplo tipográfico, sin significado clínico
Mini · Plex 400 · 12,5Fuente: los estudios citados en cada biomarcador, en examenbasal.com/ciencia.
Títulos con interletra negativa (−4 %). Etiquetas técnicas y códigos en IBM Plex Mono, de la misma familia, como las de este manual. Números tabulares en resultados, fechas y precios. Textos largos a no más de 70 caracteres por línea y nunca bajo 16 px en pantalla.
Sabemos del tema. Te lo explicamos con calma.
En español de Chile, tuteando, con frases cortas. Explicamos lo justo para que cada persona entienda su resultado y decida qué hacer. Nunca en tono de alarma, de vendedor ni de laboratorio.
Rasgo 1
Clara
"Mira tus resultados" lleva a un lugar concreto. Cada biomarcador se explica en una línea: "Muestra tus reservas de hierro."
Clara, no técnica: la sigla va después de la explicación, no en vez de ella.
Rasgo 2
Tranquila
Un valor fuera de rango se muestra con su palabra y lo que significa. La calma se nota en lo que decimos, no en los signos de exclamación.
Tranquila, no indiferente: lo importante se dice, y se dice primero.
Rasgo 3
Honesta
Decimos qué está disponible, qué falta por confirmar y de dónde sale cada dato. Si un precio no está definido, dice "por confirmar".
Honesta, no fría: la verdad se dice con cuidado.
| Decimos | No decimos | Por qué |
|---|---|---|
| examen de sangre en casa | chequeo completo de todo, test milagroso | Medimos biomarcadores concretos, con nombre. |
| fuera de rango | alarmante, peligroso, anormal | Describe el dato sin asustar; la explicación viene al lado. |
| revisados por el laboratorio y un médico | diagnóstico, detectamos tu enfermedad | Basal no diagnostica. Prometerlo es falso. |
| biomarcador | indicador de enfermedad | Un marcador informa; no es una enfermedad. |
| precio por confirmar | oferta, últimos cupos | No inventamos urgencia ni precios que no existen. |
| peso y estatura | IMC | Retirado el 14-10-2026: es un índice anticuado. |
Reglas para cualquier texto público
- Todo número lleva su fuente: autor, revista y año, verificados en el estudio y no en un post que lo cita.
- Nunca prometer diagnosticar, curar ni prevenir una enfermedad. Hablamos de medir, entender y seguir.
- Los resultados y los rangos vienen del laboratorio. El diseño nunca los inventa: los ejemplos dicen "datos de ejemplo".
- Los datos de salud no se muestran en lugares públicos: una notificación dice "tus resultados están listos", nunca el valor.
- Solo lo que existe hoy: precios, plazos y cobertura (Santiago) tal como están. Lo que viene dice "próximamente".
- La marca se escribe Basal en un texto; el logo, basal. en minúscula, solo como archivo.
Dibujos a lápiz sobre láminas de color.
Basal no usa fotos de bancos de imágenes. Los objetos del servicio (el kit, la toma, el sobre, la app) se dibujan a lápiz, en línea fina y gris, y se apoyan en una lámina pastel. Explican sin asustar.
Dibujo natural
Medir tu salud, más fácil.
Sobre lámina · para campañas
Sobre lámina · para campañas
Sí
- Dibujo a lápiz, en línea fina y gris
- Los objetos reales del servicio: kit, tubo, sobre, teléfono
- Mucho blanco alrededor y una idea por imagen
- Sobre lámina, con el dibujo en modo multiplicar
- Rotulado como ilustración cuando muestra algo por definir
No
- Agujas, sangre o heridas en primer plano
- Batas, hospitales o gestos médicos
- Antes y después, o cuerpos como trofeo
- Fotos de bancos de imágenes con sonrisas forzadas
- 3D brillante, neón o verde como color
Los dibujos del sitio
Son los dibujos de examenbasal.com. El kit definitivo todavía no está cerrado: mientras tanto, cualquier pieza que lo muestre lo rotula como ilustración.
La marca puesta a trabajar.
Ícono · app · perfil
BASALahora
Tus resultados están listosRevísalos en tu cuenta.
Carga · la marca se escribe sola
contacto@examenbasal.com
examenbasal.com
examenbasal.com
Correo · una acción por mensaje
Web · con el ícono en la pestaña
Formatos, plantillas y la línea que une los posts.
Basal todavía no tiene redes: este capítulo deja listo cómo se verán cuando se abran. 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 50 px de alto arriba a la izquierda, contador arriba a la derecha.
1/3
Cómo funciona4
examenbasal.compasos: pide tu kit, toma la muestra, envíala y mira tus resultados.
1/3
Examen de sangre en casa
Desliza →Medir tu salud, más fácil.
Así llega tu kit.
Hola.
Somos Basal.
La línea base en los carruseles
Una línea fina recorre las imágenes sin cortarse, como la línea base sobre la que se apoyan las letras del logo. Sube y baja apenas, como una medición en el tiempo. Cada tramo termina a la misma altura donde empieza el siguiente, así que al deslizar no hay quiebre. En la última imagen termina en el punto.
1
2
3
Grosor de la línea: 3 px a 1080 de ancho. Grafito sobre Papel o lámina, Lila sobre Grafito. 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, siempre en minúscula: #examendesangre #biomarcadores #saludpreventiva #chile #basal.
- Ritmo: dos posts por semana, cuando las redes estén abiertas.
Bio de Instagram
Examen de sangre en casa, en Chile. Resultados claros, en el tiempo. ↓ Lista de espera en examenbasal.com
Todos los logos, listos para usar.
El logo y el ícono b. en Grafito, Blanco y Negro, más el ícono de app y la foto de perfil. Todos en vectores y con fondo transparente: se ponen encima de cualquier color o lámina.
Ver sobre
Para la pestaña del navegador
Basal · Examen de sangre…
Basal · Examen de sangre…
Basal · Examen de sangre…Basal · Examen de sangre…El mismo ícono de examenbasal.com y de la app: un cuadrado Grafito con la b. en blanco. Se lee igual en pestañas claras y oscuras. Para iPhone va el ícono sin esquinas, porque iOS pone las suyas.
SVG
Vectorial. Para web, apps y diseño (Figma, Illustrator). Se agranda sin perder calidad.
PDF
Vectorial. El que piden la imprenta, el empaque y los proveedores.
PNG transparente · 4096 px
Sin fondo, en muy alta resolución: se pone encima de cualquier color. Para presentaciones, documentos y redes.
PNG con fondo · 4096 px
El logo sobre el fondo para el que está hecho. 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. El ícono y la foto de perfil se descargan a 2048 px.
Para llevar a código o a diseño.
:root {
/* marca */
--basal-grafito: #202126; /* logo, textos, botones y controles */
--basal-pizarra: #41444B; /* texto de apoyo sobre claro */
--basal-gris: #626773; /* texto secundario, notas y fuentes */
--basal-linea: #E3E5EA; /* bordes de 1 px y separadores */
--basal-papel: #F7F8FA; /* fondo de la app y de las secciones */
--basal-blanco: #FFFFFF; /* fondo del sitio, tarjetas e impresos */
--basal-azul: #A7C8F2; /* láminas y franja; nunca texto */
--basal-rosa: #F3A6C8; /* láminas y franja; nunca texto */
--basal-lila: #B8ACE4; /* láminas, franja y línea base; nunca texto */
--basal-amarillo: #F4D985; /* láminas y franja; nunca texto */
/* estados de resultados (solo en la app) */
--basal-en-rango: #247A58; /* resultado en rango, siempre con su palabra */
--basal-revisar: #946200; /* resultado para revisar, siempre con su palabra */
--basal-fuera-de-rango: #BB4149; /* resultado fuera de rango, siempre con su palabra */
/* superficies */
--basal-firma: radial-gradient(ellipse at 15% 5%, #F4D985, transparent 60%), radial-gradient(ellipse at 90% 20%, #F3A6C8, transparent 65%), radial-gradient(ellipse at 45% 100%, #A7C8F2, transparent 60%), #B8ACE4;
--basal-lamina: radial-gradient(120% 90% at 0% 0%, #F4D98548, transparent 55%), radial-gradient(110% 90% at 100% 0%, #F3A6C842, transparent 60%), radial-gradient(130% 110% at 50% 115%, #A7C8F266, transparent 62%), #FBFBFC;
/* tipografía */
--basal-titulos: "Manrope", Arial, sans-serif;
--basal-texto: "IBM Plex Sans", Arial, sans-serif;
/* forma */
--basal-radio-tarjeta: 24px;
--basal-radio-control: 999px;
}
Fuentes
Manrope, IBM Plex Sans e IBM Plex Mono, en Google Fonts con licencia OFL.
fonts.google.com/specimen/Manrope →fonts.google.com/specimen/IBM+Plex+Sans →Tokens y guía
Las mismas variables en JSON y la guía escrita, para quien no abre este manual.
design-tokens.css →design-tokens.json →guia-de-marca.md →Archivos fuente
El logo en vectores, los archivos de descarga y este manual viven en el repositorio basal-branding. Todo se regenera con npm run build.
Dónde vive la marca
El sitio público y la cuenta de cada cliente. Ante la duda, manda lo que ya está publicado ahí.
examenbasal.com →app.examenbasal.com →