SMQS

En salud, publicar de más es un riesgo legal, no un descuido de estilo: un testimonio sin consentimiento, una cifra sin fuente o un vídeo sin subtítulos no son detalles pendientes. Y confiar en que quien edite el contenido se acuerde de la regla es confiar en la memoria de alguien que tiene prisa.

El contenido vive tipado y separado del diseño, y las tres reglas de cumplimiento son filtros en el código: lo que no cumple no se renderiza, sin importar quién lo escriba. El resto del sitio se construyó contra un documento maestro de dirección creativa, y cada desviación quedó argumentada por escrito en vez de aplicada en silencio.

1. 01

   Ni una sola cadena de texto escrita dentro de un componente: todo el contenido está tipado en su propia capa, y lo provisional está marcado como tal.

2. 02

   La línea firma es un solo elemento con tres trabajos, y un contexto compartido la calla cuando otra sección toma el relevo: nunca hay dos líneas diciendo lo mismo.

3. 03

   El pulso se mide contra el layout real —tras cargar las fuentes y en cada cambio de tamaño— y se dibuja atando el trazo al scroll, sin secuestrarlo.

4. 04

   Animación cargada bajo demanda y fuentes servidas desde el propio dominio: el presupuesto de peso se revisa en cada decisión, no al final.

• React
• TypeScript
• Vite
• Motion
• Lenis
• React Router

• El efecto costaba 45 KB; se consiguió con cero

  El documento pedía una librería de scroll solo para fijar el timeline. Esa librería pesa más que varias secciones juntas y reemplaza el scroll nativo por un proxy, que es justo lo que el mismo documento criticaba en otra parte. El resultado —el trazo dibujándose, cada etapa entrando con su latido— salió midiendo posiciones en cada cuadro y moviendo el trazo del SVG. La dependencia se desinstaló.

• Discutirle al documento en vez de obedecerlo

  El sitio nace de una dirección creativa escrita de antemano, así que el riesgo no era la falta de criterio sino el exceso de obediencia. Se aplicaron seis desviaciones y cada una quedó escrita con su razón en el repositorio: qué pedía el documento, qué se hizo en cambio y qué se ganó. El cliente puede revertir cualquiera sabiendo el costo.

Estado

Construido; publicación pendiente de requisitos legales

Peso

129 KB comprimidos

Alcance

Once secciones y una página por procedimiento