No es una impresión: está en el código. El postmark/_layout pinta la cabecera de
#1A8A9F — un teal que no existe en la paleta de Amedi, cuyo petroleo es #13678A —
sobre un fondo #F1FBF3 que tampoco es el claro del manual. Y el récipe usa #12798C:
una aproximación a ojo. Es decir: los correos y los documentos ni siquiera coinciden entre ellos.
| Rol | Hoy | Marca | Dónde |
|---|---|---|---|
| Primario | #1A8A9F · #12798C | #13678A petroleo | cabeceras, botones, acentos |
| Fondo de página | #F1FBF3 | #F5F5F5 claro | todos los correos |
| Tinta | #0B2230 (pdf) | #012030 noche | récipe e informe |
| Tinta suave | #475467 | #33505E ink-soft | párrafos de los 16 correos |
| Metadata | #98A2B3 | #6E8794 muted | notas al pie |
| Líneas | #E4E7EC | #D6E2E2 line | tablas, separadores |
| Éxito | #3BC05A | #2F7A4F success | invoice, confirmaciones |
| Acento suave | #F0FDF4 · #F8FAFC | #E0F6F2 menta-soft | círculos de emoji, cajas |
Segoe UI y Helvetica
Los correos declaran 'Segoe UI', Tahoma, Geneva, Verdana; los PDF, 'Helvetica Neue'. Ninguna de las dos tipografías de la marca —Parkinsans e Inter— aparece en ningún lado.
Un PNG servido desde el CDN de otro cliente
La cabecera de todos los correos carga mogos.nyc3.cdn…/amedi_2….png — un mapa de bits alojado en el espacio de Mogos. Si ese bucket cambia, los correos de Amedi pierden el logo. El manual ya tiene el wordmark vectorizado, y no se está usando.
Los enlaces apuntan a amedi.com
Los meta.json y el PDF_COMPANY_INFO firman con https://amedi.com — pero el dominio real del producto es amedisalud.com. Cada correo y cada PDF le enseñan al paciente una dirección que no es la de la marca.
El PDF firma con un slogan que no existe
pdf.constants.ts declara "Tu salud, nuestra prioridad" como tagline. El slogan de la marca es "Médicos cerca de ti". Cada contrato que firma un doctor cierra con una frase que ningún manual aprobó.
Este rediseño no puede romper un solo envío. Cada plantilla es un contrato entre el HTML y el código que lo rellena; si cambia el nombre de una variable, el correo sale con un hueco y nadie se entera hasta que un paciente lo reclama. Así que la regla es absoluta: se cambia cómo se ve, jamás qué se dice ni cómo se llama.
Solo presentación
- Colores, a los tokens de la marca
- Tipografía, jerarquía y espaciado
- El logo, al vector real (PNG 2× propio en correo)
- Bordes, radios y sombras
- Estructura visual de cajas y tablas
Nada del contrato
- Las 39 variables de los correos
- Los bloques {{#if}} y sus inversos
- Los alias ni los meta.json
- Los asuntos ni los textos
- El content.txt de cada plantilla
Extraer las variables antes y después y comparar los dos conjuntos: si la diferencia no es vacía, el cambio está mal. Es una línea de grep, y debería quedar como test en el repo para que ningún rediseño futuro las mueva sin querer.
Un solo archivo gobierna la cabecera y el pie de las 16 plantillas. Arreglarlo ahí arregla todo de golpe. Arriba lo que sale hoy; abajo, el mismo sobre con la marca — ambos a 600 px, que es el ancho real de la plantilla.
Hola Maria, estamos muy contentos de tenerte en nuestra comunidad de salud.
¿Necesitas ayuda? Contáctanos
Bienvenido a Amedi
Hola Maria, ya estás en Amedi: médicos cerca de ti. Agenda tu primera cita y lleva tu carpeta médica contigo.
¿Necesitas ayuda? soporte@amedisalud.com
Amedi · Caracas, Venezuela · amedisalud.com
© 2026 Amedi. Todos los derechos reservados.
Tres cambios estructurales: el emoji dentro del círculo desaparece y lo reemplaza una píldora de estado que sí dice de qué trata el correo; el contenido pasa a estar alineado a la izquierda —centrar párrafos largos los hace más lentos de leer—; y el pie recupera la dirección y el dominio reales, con el wordmark discreto como cierre.
En un correo no se puede usar el SVG del logo: Gmail y Outlook lo bloquean. La cabecera lleva un PNG del wordmark real a 2×, exportado de design/assets/logos/ y subido a Postmark — no el mapa de bits del CDN de Mogos. Las tipografías tampoco se pueden incrustar: la pila es 'Parkinsans', -apple-system, 'Segoe UI', Arial, que se ve con la de marca donde esté instalada y degrada con dignidad donde no. En el PDF no aplica ninguna de las dos restricciones — ver la sección 07.
Las 16 plantillas se componen de once piezas que se repiten. Diseñadas una vez, sirven para todas — y para las que vengan.
Titular en Parkinsans
Entradilla con el dato que importa en negrita, alineada a la izquierda y a 15 px.
| Concepto | Cant. | Monto |
|---|---|---|
| Fila de tabla | 1 | $40,00 |
Nota al pie, en gris metadata y 12,5 px.
Faltan tres que solo usan plantillas concretas y se ven en la sección 06: fila de videoconsulta (virtual-appointment-confirmed), caja de credenciales (secretary-invite) y bloque de firma (contract-signed).
Mismo contenido, mismas variables, mismos datos de prueba del meta.json real — María y el Dr. Carlos Rodriguez existen en el TestRenderModel. Solo cambia cómo se ve.
Hola Maria, tu cita ha sido agendada exitosamente.
Fecha: 15 de enero, 2025
Hora: 10:30 AM
¿Necesitas ayuda? Contáctanos
Tu cita quedó agendada
Hola Maria, te esperamos. Aquí está todo lo que necesitas saber.
Te recordaremos 24 horas antes por WhatsApp. Si no puedes asistir, reagenda con tiempo — liberas el cupo para otro paciente.
¿Necesitas ayuda? soporte@amedisalud.com
Amedi · Caracas, Venezuela · amedisalud.com
La confirmación es el caso fácil. Estas tres traen componentes propios, y son las que prueban que el sistema aguanta.
Tu cita es mañana
Hola Maria, el Dr. Carlos Rodriguez te espera mañana a las 10:30 am. ¿Confirmas tu asistencia?
¿Necesitas ayuda? soporte@amedisalud.com
La barra usa el degradado de la venda — petroleo → menta → verde. Es el único sitio del correo donde aparece, y por eso funciona: el degradado es un recurso de marca, no un relleno.
Tu consulta es hoy — así te preparas
Buenos días, Maria. Para tu consulta de hoy con el Dr. Carlos Rodriguez a las 10:30 am:
La preparación viene de {{preparation_text}} — la escribe el doctor, el correo solo la enmarca. Si no hay preparación, este correo no se envía.
Hoy: tu cita a las 10:30 am
Hola Maria, el Dr. Carlos Rodriguez te espera hoy. Sal con tiempo.
Cómo llegar Voy a llegar tarde¿Cómo te fue, Maria?
El Dr. Carlos Rodriguez te dejó indicaciones después de tu consulta del 15 de enero.
Tus indicaciones y tu récipe también quedan en tu carpeta médica.
¿Necesitas ayuda? soporte@amedisalud.com
El mismo ciclo que las plantillas de WhatsApp — recordatorio 24 h (arriba, con su línea de pasos), preparación, hoy y seguimiento — con las variables reales del motor: {{confirm_url}}, {{preparation_text}} e {{indications_text}}. Cuando el WABA esté activo, WhatsApp es el canal primario y estos correos son el respaldo; hasta entonces, son el canal.
Te invitaron al consultorio
El Dr. Carlos Rodriguez te invitó como secretaria de Centro Medico Amedi. Entra con estos datos y crea tu contraseña.
La invitación caduca en 7 días. ¿Dudas? soporte@amedisalud.com
Tu videoconsulta quedó agendada
Hola Maria, tu consulta con el Dr. Carlos Rodriguez será por videollamada.
Unirme a la videoconsultaEl enlace se activa 10 minutos antes. Busca un lugar tranquilo y con buena conexión.
Listo, doctor — su contrato quedó firmado
La firma se registró y quedó sellada. Guarde este correo como comprobante; adjuntamos su copia en PDF.
Su copia también queda disponible en consultorio.amedisalud.com.
¿Necesitas ayuda? soporte@amedisalud.com
Los PDF los genera Chromium en el servidor, y eso cambia todo: ahí sí se pueden incrustar las tipografías reales y usar el SVG del logo. Es la única superficie de Amedi donde la marca puede salir exacta. Hoy se desaprovecha con Helvetica y aproximaciones a ojo.
Chromium, no una bandeja de correo
Parkinsans incrustada en base64, Inter para el cuerpo, y el wordmark vectorial que imprime nítido a cualquier tamaño. Nada de esto es posible en un correo.
El de Amedi y el del doctor
El invoice y la confirmación son documentos de Amedi: banda noche, wordmark, tabla. récipe y el informe son documentos del doctor: su membrete primero, el isotipo discreto, cero bandas — la marca acompaña, no protagoniza.
Centro Medico Amedi
Av. Principal, Torre Medica
amedisalud.com
15 de enero, 2025
maria@ejemplo.com
| Concepto | Cant. | Monto |
|---|---|---|
| Consulta · medicina general | 1 | $40,00 |
| Electrocardiograma | 1 | $15,00 |
Este recibo es verificable en amedisalud.com con el número AMD-2026-0311.
Fuera el verde #3BC05A: el sello Pagado usa el éxito de la paleta, la tabla lleva la banda noche y el total va en Parkinsans sobre línea noche.
El récipe ya estaba a dos hex de ser perfecto — sobrio, membrete del doctor, Rp. en serif. El rediseño solo sella los colores reales: #0B2230 → #012030 y #12798C → #13678A.
Misma familia que el récipe: membrete del doctor, isotipo discreto y los rótulos de sección en petroleo — los campos motivo · diagnóstico · hallazgos · plan vienen del builder real, con el código CIE tal cual lo imprime (Gripe (J11.1) — Faringitis).
amedisalud.com
10:30 am
La firma incrustada es la protagonista: dos cajas gemelas — el profesional con su rúbrica real (viene en base64 del flujo de firma) y Amedi con el isotipo. La marca de agua DEMO del modo demo queda intacta: es condicional en el código y este rediseño no la toca. Y el pie deja de firmar "Tu salud, nuestra prioridad": firma "Médicos cerca de ti".
Centro Medico Amedi · Av. Principal, Torre Medica, Piso 3 · Caracas
Llega 10 minutos antes · trae tu cédula · te recordaremos 24 h antes por WhatsApp.
Media hoja, sin montos: el número de cita en la banda y la fecha grande en el centro — mismo esqueleto del recibo. Es el adjunto del correo de confirmación, pensado para imprimirse o reenviarse a la familia.
Aquí no hay layout que diseñar — la marca es la voz y el ritmo: una idea por mensaje, hora exacta, botones que resuelven sin abrir la app. El motor de recordatorios (PR #42) trae 4 plantillas de Meta cuyo copy ya cumple la voz — tuteo, 12 h, un emoji por mensaje — y sus equivalentes en correo están diseñados en la sección 06.
Sin gritar, con hora exacta
Nada de "RECORDATORIO: ASISTENCIA REQUERIDA". Se escribe "Te recordamos tu cita con el Dr. Pérez mañana a las 9:30 a. m. ¿Confirmas?" — tuteo, formato de 12 h, y máximo un emoji de saludo. Jamás emojis clínicos.
Resolver sin abrir la app
Confirmar y reagendar viven en el propio mensaje. El paciente que confirma desde la cama no abandona el flujo — y la secretaria ve la sala de espera ordenarse sola.
Las plantillas están escritas y el motor construido, pero el WABA está inactivo en Meta (error 141008): los envíos se aceptan y nunca se entregan. Activarlo y hacer el submit de las 4 plantillas es un paso manual previo — por eso cada recordatorio tiene fallback por correo, y por eso el ciclo completo se diseña también en la bandeja.
password-reset, advertisement, catalog y email-marketing existen como alias en email.constants.ts pero no tienen carpeta en postmark/ — son huérfanas que nacerían directamente sobre el layout nuevo. Y el logo del _layout vive en el CDN de Mogos: migrarlo a un asset propio es parte del paso 2, no una mejora opcional.
| Paso | Qué se toca | Por qué en ese orden |
|---|---|---|
| 1 | postmark/_layout/ | Cabecera, pie y tokens. Un archivo que gobierna las 16 — el mayor efecto por el menor cambio. |
| 2 | Logo a PNG 2× propio | Sustituir el mapa de bits del CDN de Mogos por el render del wordmark real, en blanco sobre noche, alojado en Postmark. |
| 3 | 5 plantillas piloto | welcome, appointment-confirmation, appointment-reminder, secretary-invite y contract-signed: cubren las once piezas. |
| 4 | Las 11 restantes + huérfanas | Ya es aplicar la librería — y crear password-reset y las 3 de marketing, que nacen con marca. |
| 5 | consultation-pdf.util.ts | Sellar récipe e informe: los dos hex a los reales. Cambio quirúrgico con specs existentes. |
| 6 | pdf.service.ts + pdf/* | Contrato, invoice y confirmación a la retícula: fuentes incrustadas y wordmark SVG. |
| 7 | whatsapp/ · submit a Meta | Activar el WABA (error 141008) y enviar las 4 plantillas a aprobación — el copy ya cumple la voz; es trámite, no diseño. |
| 8 | Test de variables | Fijar el contrato: comparar el conjunto de las 39 variables antes y después y fallar si difiere. |
Postmark permite previsualizar con el TestRenderModel que cada meta.json ya trae — por eso las maquetas de este documento usan esos datos exactos (María, el Dr. Carlos Rodriguez, el 15 de enero a las 10:30 am) y no contenido inventado. Los PDF clínicos ya tienen specs (consultation-pdf.util.spec.ts) que fijan su estructura.
La marca no vive en el manual: vive donde el paciente la ve.
Un paciente de Amedi abre la app unas cuantas veces al mes. Correos, récipes y mensajes los recibe en cada cita, cada consulta y cada pago — y los reenvía a su familia, los imprime, los guarda en la carpeta. Son la superficie con más alcance que tiene la marca, y hoy es la única que no se le parece.
Ninguno funcional. No se toca una sola de las 39 variables ni un solo texto.
El paso 1. Un archivo arregla la cabecera y el pie de los 16 correos.
Los PDF. Chromium permite Parkinsans real y logo vectorial.
Si las 4 plantillas huérfanas se crean en este trabajo o nacen cuando se necesiten.