01 Esencia
Arma tu árbol, mira qué se repite y elige qué hacer con eso.
Biocod es una app para que mujeres de México armen su árbol de familia y vean los hilos: lo que se repite en fechas, nombres, edades y temas. Le acompaña un cuaderno de voz y texto con las preguntas de una sesión de biodescodificación, a su ritmo y con sus palabras.
Ella
Mujer de 40 a 60, México urbano, Android primero. Llega desde Facebook e Instagram y ya conoce el método. Presbicia después de los 45; una de cada cuatro usa la letra grande del sistema.
La promesa
Un primer valor que se puede comprobar: ella sabe de dónde salió cada hilo y qué no demuestra. Siempre puede corregir, contestar "No sé" y dejar huecos.
El tono
Cálido, de tú, sin infantilizar. Retrofuturismo mexicano en papel y dos tintas: lo que ellas vieron de niñas, contado hoy.
Lo que Biocod no es
- No es atención de salud física ni mental, ni la sustituye. No lee el cuerpo ni explica malestares.
- No predice nada y no tiene nada que ver con el cielo ni los astros.
- No empuja a confrontar ni a cortar con la familia, y no culpa a nadie.
- No cobra a la mitad de una sesión.
02 Reglas
Antes de diseñar cualquier cosa.
Nada de salud. Ni interpretar el cuerpo ni malestares, ni con aviso. "Lo de tu salud lo ve tu médico. Aquí te acompaño con lo que sientes alrededor de eso."
Lecturas en condicional. "Puede que", "a veces", "en el método se dice que". Nunca "por eso te pasa".
"Biodescodificación" va dentro de una frase, nunca como título, plan, sección ni cuaderno: es marca registrada de otro.
Una lista negra de palabras (clínicas, de promesa, espirituales vagas y todo lo astral) que una prueba revisa en todo el texto.
Meta nunca recibe nada de la sesión. Solo un aviso genérico de registro, con su permiso.
"Tú decides qué guardas y lo borras cuando quieras", con borrado real. Nunca "tus datos se quedan en tu teléfono" si hay nube.
Se dice antes si es gratis o de pago. Nunca se cobra a la mitad. Aviso 5 días antes de cada cobro.
Sin emojis, sin guiones largos, sin cuentas regresivas, escasez falsa ni testimonios inventados. Todo ejemplo se marca como ejemplo.
Si estás pasando por algo muy fuerte, la Línea de la Vida, gratis y las 24 horas:
800 911 2000Siempre a la mano. Ante una crisis el método se detiene ese día y no hay notificaciones de enganche durante 7 días.
03 Logo
El Hilo: una b que se vuelve raíces.
Una "b" trazada con un solo hilo cempasúchil que baja y se abre en raíces con cinco nodos. Es el hilo que une a las generaciones; el cempasúchil es la flor que guía a quienes vinieron antes. Se usa tal cual: no se redibuja ni se le agrega nada.
Anatomía
Caja de 80 × 93, trazo de 3, puntas redondas. El Hilo es siempre #F2A900, también de noche. Mínimo: 24 de alto el símbolo y 96 de ancho el logo completo.
Sobre cada fondo
Variantes y archivos
Lo que no se hace
04 Color
Dos tintas sobre papel.
Biocod se ve como una risografía: el añil es la tinta y el cempasúchil es la luz, sobre papel hueso. Todo lo demás es una trama de esas dos.
El papel
Hueso #FBFAF6 y una sola trama de añil #EDF0F4 para alternar. Nada de crema, rosa ni verde de fondo.
La tinta
Todo el texto en añil hondo, los títulos, las bandas llenas, los íconos y el cuero del Plus.
La luz
El hilo, el logo, el sol, los pétalos y el botón de acción. Nunca letra sobre papel: solo pinta formas.
La paleta
Toca una muestra para copiar su valor.
Contraste en vivo
AA pide 4.5:1 para texto normal y 3:1 para texto grande y formas. Los párrafos de Biocod van en tinta (12.9:1).
Hoy márcale tú.
Mañana se cumplen 3 años de que se fue tu abuela Rosa, y el domingo le escribiste.
El cuero del Plus
Biocod Plus
Cuero añil #26405E con su luz #3A5A80 y su sombra #101C2C, hilo cempasúchil y relleno crema. Crema sobre cuero 8.97:1.
Papel
Cuero para lo que identifica, papel para lo que se lee. Casi todo es papel: blanco, plano, con borde fino.
05 Color del día
Un regalo, no una calificación.
Catorce emociones con nombre de pigmento mexicano. Son contenido, no interfaz: solo salen en el color del día y siempre con su nombre escrito. Biocod adivina, ella dice si le atinó. Sin números, sin palomitas, sin rojo y verde de juicio.
Elige la emoción principal y luego una segunda. El aura las mezcla como en la pantalla Hoy.
Puede que hoy amanezca la añoranza.
Mañana se cumplen 3 años de que se fue tu abuela Rosa, y el domingo le escribiste.
Es solo una idea. Tú sabes mejor cómo estás.
06 Tipografía
Una voz, una interfaz y un remate.
Toca cualquier muestra y escribe para probarla.
Literata
La voz: todo lo que Biocod dice. Variable, 200 a 900, eje de tamaño óptico.
Cuando pasó, ¿lo viste venir?
Instrument Sans
La interfaz: todo lo que la app hace. Botones, pestañas, etiquetas, notas.
Guardar y avisarme · Mi cuaderno · Seguir
Fraunces 450
El display: solo títulos grandes. Instancia fija: opsz 144, SOFT 100, WONK 0.
Puede que hoy amanezcas con añoranza.
Crayola
El remate: Caveat Brush horneada en tres cuadros que se alternan a 8 por segundo.
Y no de semáforo
Escala
- Nada por debajo de 16. Si no cabe, se quita, no se achica.
- Tipo oración siempre. Nada en mayúsculas.
- La crayola solo remata títulos de 32 o más, una o dos palabras.
- En la app la letra sigue al sistema: al 200% nada se corta ni se encima.
07 Materiales
Papel, cuero, pespunte y grano.
Botones
Píldoras de 56 de alto. El principal en cempasúchil con orilla y canto de tinta, y uno solo por pantalla. Al presionar, el canto baja. Apágalo y queda en papel.
El pespunte
Se cose una vez
Guion de 6 y hueco de 5, a 8 del borde. Cada borde mide un múltiplo exacto del paso de 11, así cierra sin un guion cortado.
En cuero
Hilo cempasúchil con los agujeros de la aguja y una sombra corrida. Es el cuaderno de la sesión, la carta del hilo y el Plus.
El grano
Ruido gris de 128 × 128 hecho en el dispositivo y mezclado en soft-light, al 23%. Hace que el color se sienta como luz sobre papel y no como pantalla. Va sobre las auras y las supergráficas, nunca sobre texto ni controles, y nunca con opacidad en su contenedor.
Degradados: solo luz y material
Los botones, tarjetas y barras van planos: un degradado nunca es interfaz.
08 Gráficos
Retrofuturismo contado en mexicano.
De la Feria Mundial de 1964 y el diseño de "Primeros pasos" salen dos reglas: curvas parabólicas en lugar de arcos de compás, y solo un tercio del mundo en retro. Contado en mexicano: los cascarones de Candela, las líneas de México 68 en añil con un hilo dorado, un sol sobre el horizonte y lomas encimadas como serigrafía.
El hero de biocod.app. En la app, el retro va en los momentos (el arranque, un cierre, la ofrenda), no en el uso diario.
Destellos, nunca estrellas
De cuatro puntas con lados cóncavos, cinco por pantalla como máximo. Sobre un fondo oscuro van pétalos de cempasúchil, para que nada se lea como cielo.
Íconos vivos
Trazo de tinta hecho a mano con una sola mancha de color corrida, como impresión de los setenta. Se animan al entrar a la vista y nunca van sin su palabra.
Los hilos
Tres capas en guion "1 2": funda hueso de 9, contorno de 5.5 e hilo cempasúchil de 3.5. Se cosen en 1.6 s con la curva del hilo.
El árbol
Tú, un círculo añil abajo. Arriba, tres generaciones en píldoras: 2, 4 y 8 lugares. Cada lugar es fijo y solo se mueve la cámara. Lo que no se sabe es un fantasma con borde punteado. El pariente del hilo principal va en cempasúchil, con halo.
Cada rama brota borrosa y se aclara con partículas de cempasúchil. "Tus gatos también son familia": se suben al árbol, sin hilos.
09 Movimiento
Las cosas se cosen, brotan o respiran.
El vocabulario del movimiento sale del hilo. Un solo momento orquestado por pantalla. Hay movimiento continuo, porque sin él la marca se apaga, pero todo se detiene fuera de pantalla, con la pausa global y con el movimiento reducido del sistema.
Duraciones
| Qué | Cuánto | Curva |
|---|---|---|
| Rápida, presión de botón | 200 ms, 120 ms | ease |
| Base y lenta | 400 ms, 800 ms | Colocado |
| Una costura o un trazo | 1.6 s | Hilo |
| El gesto de un ícono | 0.52 s | Rebote |
| El árbol completo | 3.8 s | Hilo |
| La respiración del aura | 8 s, ida y vuelta | ease-in-out |
| El hervor de la crayola | 8 cuadros por segundo | Por cuadros |
| Una opción elegida antes de avanzar | 180 ms |
10 Voz
De tú, cálido y anclado en lo que ella dijo.
- Frases cortas, nivel de secundaria, sin infantilizar.
- Sus palabras arriba ("lo que se repite", "romper el patrón"); los términos del método abajo, como explicación.
- Botones con verbo y en tipo oración: "Ver mis hilos", "Seguir mi sesión".
- Español de México: "márcale", "celular", "siempre a la mano", "sin letras chiquitas".
- Sin culpa: nunca "tú lo atrajiste". En su lugar, "lo que sí está en tus manos hoy".
Así sí, así no
Copy aprobado
Descodifica lo que se repite en tu familia.
Sin tarjeta y sin fotos de tu familia.
Dilo como se lo dirías a una amiga.
Tu día tiene color. Y no de semáforo.
Tú decides qué significa.
Tus gatos también son familia. No tienen hilos, pero vaya que opinan.
Empieza por ti. Lo demás se va acomodando.
Esta rama del árbol todavía no existe.
11 La app
Cuatro pestañas, una sola columna.
Hoy, Mi árbol, Mi cuaderno y Yo, siempre con su palabra. La sesión se vive como una conversación de WhatsApp: una pregunta a la vez, voz o texto, y "No sé" siempre a la mano.
En la muñeca
La ofrenda de hilos
Junto a cada persona, algo que le dejó. Sin interpretar nada y sin suponer que alguien murió. La tarjeta para compartir solo lleva iniciales o parentesco, nunca nombres ni lo que ella escribió.
12 Accesibilidad
Para leerse sin lentes y tocarse con el pulgar.
- Letra de 16 o más en todo lo que se lee.
- Con la letra del sistema al 200% nada se corta ni se encima.
- Toques de 48 × 48 o más, con 8 de aire.
- Ningún botón es solo un ícono; las pestañas llevan palabra.
- Nada depende de deslizar: todo tiene su botón.
- Párrafos en tinta, 12.9:1. El cempasúchil nunca es letra sobre claro.
- Errores con texto y marca, nunca solo con color.
- Foco visible: 2 en añil, separado 2.
- Un control para pausar todo y respeto al movimiento reducido.
13 Descargas
Todo para construir.
Las fuentes (Literata, Instrument Sans, Fraunces y Caveat Brush) tienen licencia libre OFL.