Sistema de diseño «Alan & Aura Académico» · DIS-01 · fundamentado en evidencia (§0)
Alan & Aura · sistema de diseño
Calma como base, calidez como acento
Base fría y neutra para bajar la activación; el color cálido puntúa, no inunda. Sereno, accesible y sin alarma —agresivo en el detalle, no en el estímulo.
Los dos acompañantes · una misma piel
Estoy aquí contigo. ¿Quieres contarme qué estás sintiendo ahora?
Alan
activación · práctica
Vamos por un paso pequeño y realizable. ¿Cuál podría ser el primero?
Neutros cálidos (no clínicos) · claro y oscuro
Semánticos sobrios · crisis en tono grounding, nunca rojo de alarma
Tipografía · humanista para la interfaz, serif de voz para el personaje
Un espacio para respirar
Cuerpo a 16px con interlineado 1.6: la lectura cómoda reduce la fatiga y la carga cognitiva en momentos sensibles.
«La voz del personaje va en serif humanista, para sentirse cercana y distinta de la interfaz.»
Caption 13px · pesos regular y medium · sentence case siempre
Componentes clave
Hablas con una inteligencia artificial de acompañamiento, no con un profesional de la salud. Antes de continuar, te contamos qué es y qué no es.
Acepto el procesamiento necesario para conversar
Granular y revocable · ver detalle
Continuar
Conversar con Aura
Conversar con Alan
Ahora no
Eliminar cuenta
Estás pasando por un momento difícil
No estás solo. Lo más importante ahora es tu seguridad, y hay personas listas para acompañarte.
Línea de apoyo · [configurada por entorno]
Iniciar una nueva sesión
Contraste AA verificado (texto sobre fondo, claro y oscuro) · movimiento suave con prefers-reduced-motion · construible con React + Tailwind v4 + shadcn/ui (ADR-002). Cada decisión trazada a evidencia en DIS-01 §0.