Patrones compartidos

Especificación

1. Se construyen una vez en Brand y los usan todos los sitios: la barra de grupo, el respaldo, el bloque de grupo del pie con el directorio de unidades, el módulo de AKRIBIS One, el selector de idioma, la línea legal, el formulario de contacto, la página 404 y el consentimiento. Se prototipan primero en este sitio: esta página los muestra dentro de otras marcas y este sitio los usa.
2. El respaldo es la línea «Una unidad de» («A unit of», «Uma unidade da»; el español decidido en ADR-0005, los otros propuestos) seguida del logotipo de AKRIBIS One desde el archivo publicado, todo enlazado a akribis.one: en tamaño de barra con el anillo liso, en bloque con el espectro, en blanco sobre fondo oscuro. Nunca «Parte de», nunca «AKRIBIS · One» compuesto en tipografía, nunca un anillo redibujado.
3. La barra de grupo va encima de la cabecera de todo sitio de unidad, sobre la tinta teal de AKRIBIS One, idéntica en todos: el respaldo al principio y el selector de idioma al final. La marca madre y AKRIBIS One no la llevan.
4. El directorio de unidades es el registro en el orden de retícula (ADR-0010): tres categorías, tres unidades cada una, cada logotipo en su color desde el archivo publicado, su verbo y el enlace a su sitio. Un componente sirve el pie de todos los sitios y los directorios de akribis.group y akribis.one; el sitio solo elige si muestra los verbos.
5. El módulo de AKRIBIS One en el inicio de una unidad: el anillo con el espectro, el eslogan y la segunda línea del registro en el idioma de la página, y el enlace a akribis.one.
6. El formulario de contacto: nombre, organización, correo, teléfono, consulta sobre (una unidad o el grupo), mensaje y la línea de consentimiento con enlace a la política de privacidad; cada campo con etiqueta, autocomplete e inputmode; un honeypot en lugar de un captcha de terceros. Envía al /contact del propio sitio, que valida, reenvía al CRM con el origen del sitio y lleva a la página de gracias en el mismo idioma. Una implementación reemplaza las siete copias de hoy, que envían directo a Salesforce sin consentimiento.
7. Un componente toma su color del archivo de marca en el que está: envuelto en data-brand="<marca>" con all.css, sus funciones se resuelven a esa marca; nada se recolorea a mano.
8. Cada patrón imprime un marcador data-pattern; la anatomía (3.2) dice dónde va cada uno y el verificador (3.4) lo comprueba.
9. Dónde viven y cómo llegan (ADR-0031): en el paquete @akribis/site, construido en cada build con los datos de la marca adentro. Sus componentes son estos patrones; su integración (akribis({ brand, kind, site })) configura el sitio; su plantilla Shell.astro es la página; su Worker sirve el sitio y recibe el formulario; su verificador corre tras cada build. Este sitio usa los mismos componentes desde el mismo paquete.
10. El lado servidor de /contact es el Worker del paquete, uno por sitio: descarta lo que llenó el honeypot, valida los campos obligatorios, reenvía al CRM con la dirección y el origen de lead que guardan las variables del Worker (CONTACT_RELAY, SF_OID, LEAD_SOURCE) y lleva a la página de gracias del mismo idioma. Sin relay configurado responde 503; nunca pierde un mensaje en silencio. El HTML no lleva ningún id del CRM ni script de terceros.
11. Los textos de los patrones (el enlace para saltar, el selector de idioma, el formulario, el 404, los títulos y descripciones de las páginas compartidas) son datos de Brand en brand/strings.yaml, publicados como /strings.json y dentro del paquete; un sitio los muestra y no traduce ninguno.

Para volver a razonar

• El consentimiento: ningún sitio lo necesita hoy (nada rastrea); se construye cuando un script lo exija.
• Las plantillas de contenido propio (producto, servicio, caso, artículo) y el módulo de WhatsApp que tres sitios flotan.
• Si el anillo gira en las órbitas de los sitios (tema 2.2).

Evidencia para auditar

• src/components/patterns/ · brand/units.yaml (endorsement) · brand/anatomy.yaml
• Audit (2026-10-05): endorsement wording «Una unidad de AKRIBIS · One» (akribis_info, akiot_es, solfarma_com), «Parte de AKRIBIS · One» (akleia_info); Portuguese «Uma unidade da» (akiot) and «de» (solfarma); akribis_info hard-codes the Spanish in every language
• Audit: the contact form posts to webto.salesforce.com from the browser on akribis_info (4 copies) and akiot_es, with a reCAPTCHA script; akleia_info and solfarma_com relay through worker.js; akribis_one uses mailto; no consent checkbox anywhere; one retURL ignores the language
• Audit: 5 language switchers, 95 hand-copied brand SVGs in three folders, the same file up to 5 times with 2 different hashes
• AKRIBIS-Group/design@main · packages/ui/ (an earlier component package, never consumed)

Entrega

• Los componentes en packages/site/src/components/, con ejemplos en vivo dentro de otras marcas
• los marcadores data-pattern
• la redacción del respaldo en el registro y las cadenas en strings.json.

Decisión

• ADR-0024 Build the shared patterns once in Brand and prototype them on this site Propuesta
• ADR-0031 Deliver the shared layer of every site as one Astro package with a starter, and check each build inside it Propuesta