Lenguaje visual · v0.1

Cuidar también es diseñar con calma.

Una identidad digital cercana, clara y serena para acompañar cada momento dentro de EPADI.

CálidoHumanoRespirableAccesible
01

Fundamentos

Color, tipografía, espacio y forma trabajan juntos para transmitir claridad sin perder cercanía.

EPADI Teal

#64A5A6

Soft Pink

#F5CECE

Blush

#F8E5E3

Cream

#FFF9F6

Warm Brown

#8C675C

Text

#403C3B

Muted

#786F6C

Fraunces · títulos

Un espacio para sentirte mejor.

Manrope · información

Acompañamos tu proceso con información clara, acciones sencillas y el ritmo que necesitas.

Título 2

32 px · semibold

Texto funcional

16 px · bold

02

Acciones

Cada pantalla debe señalar una acción principal; el resto acompaña sin competir.

Jerarquía

Tamaños

Estados

Prueba hover, foco con teclado y presión.
03

Formularios

Controles amplios, lenguaje cotidiano y ayuda justo cuando hace falta.

La búsqueda comienza desde tres caracteres.

Revisa que el correo tenga un formato válido.

0 / 500

¿Cómo te sientes hoy?
04

Feedback y estados

La interfaz informa sin alarmar: mensajes breves, tonos reconocibles y movimiento discreto.

Información actualizada

Los cambios estarán visibles para coordinación.

Cita confirmada

La cita del 10 de septiembre quedó registrada.

Revisa la disponibilidad

Este horario está cerca de ocuparse.

No pudimos guardar la nota

Inténtalo nuevamente. Tu texto permanece aquí.

Badges

ConfirmadaPendienteRequiere atenciónEn seguimiento

Avatares

AMFG+4

Carga y skeleton

05

Tarjetas EPADI

Información clínica y cotidiana presentada como pequeños momentos de acompañamiento, no como bloques administrativos.

FG

Fernanda González

Activa

Proceso individual · 8 sesiones

Próxima cita: 10 septiembre · 10:00 AM
AM

Ana Martínez

Psicóloga

Enfoque cognitivo-conductual

Agenda de hoy

4 sesiones

Disponibilidad

2 espacios

18 pacientes

Listo para revisión visual

Todos los nombres y contenidos mostrados son ficticios.