AKRIBIS GroupBrand
Sistema digital
3.2

Anatomía de un sitio

Propuesto

¿Qué debe tener todo sitio de AKRIBIS, qué puede cambiar y qué es propio?

Especificación

  1. Todo sitio de AKRIBIS se construye en cuatro capas. Grupo: idéntico en todos, viene de Brand tal cual y la marca del sitio es su único ajuste (el respaldo, la barra de grupo, el bloque de grupo del pie con el directorio de unidades, el módulo de AKRIBIS One, la línea legal, los logotipos, los tokens). Compartido: un componente, una fuente, configurado por el sitio con su marca, su idioma y su contenido (cabecera, selector de idioma, enlace para saltar, formulario de contacto, 404, consentimiento). Expresión: lo que un sitio define por configuración y nunca por código (su archivo de marca, sus imágenes, qué unidades destaca primero, su tono). Propio: su contenido y las páginas que solo él tiene.
  2. Tres clases de sitio: las nueve unidades, la marca madre (akribis.group) y AKRIBIS One (akribis.one); la anatomía dice qué patrones lleva cada clase, y anatomy.json lo publica.
  3. Lo que todo sitio lleva, verificado en cada build por el marcador data-pattern que cada componente compartido imprime: en cada página el enlace para saltar al contenido, la cabecera con la marca del sitio, el selector de idioma, el bloque de grupo con el directorio de unidades y la línea legal; en cada página de una unidad, además, la barra de grupo con el respaldo; en el inicio de una unidad, el módulo de AKRIBIS One; una página 404; y, donde haya formulario, el formulario compartido.
  4. Páginas que todo sitio tiene, en cada idioma y con el segmento traducido: inicio, contacto, gracias (tras el formulario), privacidad, aviso legal y términos, y 404. Hoy solo un sitio de cinco tiene páginas legales y 404.
  5. Un sitio puede cambiar: su archivo de marca (/tokens/<marca>.css, el único ajuste de color), sus imágenes dentro de Imágenes (2.7), qué unidades destacan primero el módulo de AKRIBIS One y el directorio, y sus páginas propias con su navegación.
  6. Un sitio nunca tiene: tokens, fuentes o archivos de logotipo propios; otra redacción del respaldo; una lista o un orden de unidades propios; un formulario de contacto propio. El registro (units.json) es la única lista: hoy cinco sitios mantienen cinco listas que no coinciden (ocho o nueve unidades, dos juegos de verbos).
  7. Los textos de los patrones compartidos (el respaldo, la línea legal, las etiquetas del formulario) son datos de Brand en los tres idiomas; el texto de las páginas legales es de la compañía y Brand lo publica como dato cuando Voz (1.5) y la revisión legal lo decidan. Un sitio no traduce ni edita nada de eso: lo muestra.
  8. Las páginas compartidas tienen su slug por idioma en la anatomía (ADR-0032): contacto/contact/contato, gracias/thank-you/obrigado, privacidad/privacy/privacidade, aviso-legal/legal-notice/aviso-legal; el 404 es un archivo en la raíz. El verificador comprueba que cada una exista en cada idioma (regla pages). El starter de @akribis/site las trae hechas (ADR-0031).

Para volver a razonar

  • Las clases: si akribis.one lleva barra de grupo (hoy no: es el respaldado, no el respaldante).
  • Qué páginas propias comparten plantilla (producto, servicio, caso, artículo) y dónde vive esa plantilla.
  • El PIM (Wagtail) como fuente de productos: cómo entra en la capa propia sin tocar las compartidas.

Evidencia para auditar

  • brand/anatomy.yaml · brand/src/check-site.ts (requiredFor) · brand/test/site.test.ts
  • Audit of the five real sites (2026-10-05): 4 endorsement implementations with 3 wordings; 4 footer variants, none listing the units; 6 unit directories over 5 data sources (8 or 9 units, two verb sets); legal pages and a 404 on one site only; no consent on any
  • Page inventories: akribis_info 244 page files, akiot_es 27, akleia_info 27, solfarma_com 29, akribis_one 5; 4 internal design-system pages (/design-system, /ds ×2, /branding)
  • Websites/*/wrangler.jsonc, wrangler.toml: twelve Workers, one SSR (akribis_info), six placeholders
  • CMS/PIM-de-Akribis (Wagtail): a product information manager no site reads yet

Entrega

  • La anatomía como dato (anatomy.json)
  • la lista de patrones por clase de sitio que corre el verificador
  • y la lista de páginas.

Decisión

Figuras

Grupo

Idéntico en todos los sitios: viene de Brand tal cual, con la marca del sitio como único ajuste. Dice que el sitio es parte de AKRIBIS y de qué está hecho el grupo.

  • group-barBarra de grupoen cada página · unidades · lo verifica el checker
  • endorsementRespaldo «Una unidad de AKRIBIS One»en cada página · unidades · lo verifica el checker
  • group-footerBloque de grupo en el pieen cada página · todos los sitios · lo verifica el checker
  • unit-directoryDirectorio de unidadesen cada página · todos los sitios · lo verifica el checker
  • one-moduleMódulo AKRIBIS Oneen el inicio · unidades · lo verifica el checker
  • legal-lineLínea legalen cada página · todos los sitios · lo verifica el checker

Compartido

Un componente, una fuente: construido una vez en Brand y configurado por el sitio con su marca, su idioma y su contenido.

  • skip-linkEnlace para saltar al contenidoen cada página · todos los sitios · lo verifica el checker
  • site-headerCabecera con la marca del sitioen cada página · todos los sitios · lo verifica el checker
  • site-navNavegación profunda con panelessolo cuando hace falta · todos los sitios
  • language-switchSelector de idiomaen cada página · todos los sitios · lo verifica el checker
  • theme-toggleSelector de tema claro u oscuroen cada página · todos los sitios · lo verifica el checker
  • utility-barBarra utilitariaen cada página · unidades · lo verifica el checker
  • attributionAtribución del contenido de un sociosolo cuando hace falta · todos los sitios
  • site-footerPie del sitio en cinco columnassolo cuando hace falta · todos los sitios
  • site-searchBúsqueda del sitiosolo cuando hace falta · todos los sitios
  • contact-formFormulario de contactoen su propia página · todos los sitios
  • not-foundPágina 404en la página 404 · todos los sitios · lo verifica el checker
  • consentConsentimiento (solo si un script lo exige)solo cuando hace falta · todos los sitios
  • whatsapp-linkEnlace flotante a WhatsAppsolo cuando hace falta · todos los sitios

Expresión

Lo que un sitio define por configuración y nunca por código: su archivo de marca (el color), sus imágenes, qué unidades destaca primero, su tono dentro de la voz.

Propio

El contenido del sitio y las páginas que solo él tiene: productos, servicios, casos, artículos. Hechas con los tokens y los patrones; la unidad es su dueña.

Páginas que todo sitio tiene

  • homeInicio/es/
  • contactContacto/es/contacto/
  • thanksGracias (tras el formulario)/es/gracias/
  • privacyPrivacidad/es/privacidad/
  • legalAviso legal y términos/es/aviso-legal/
  • not-foundPágina no encontrada/404.html

Lo que un sitio puede cambiar

  • Su archivo de marca (/tokens/<marca>.css): el único ajuste de color.
  • Sus imágenes, dentro de Imágenes (2.7).
  • Qué unidades destaca primero el módulo de AKRIBIS One y el directorio; nunca cuáles existen.
  • Sus páginas propias y su navegación.

Lo que nunca hace

  • Tokens, fuentes o archivos de logotipo propios.
  • Otra redacción del respaldo, otra lista de unidades, otro orden.
  • Un formulario de contacto propio.
La anatomía como dato (ADR-0023): cuatro capas, los patrones de cada una con dónde van y para qué sitios, las páginas que todo sitio tiene, lo que un sitio puede cambiar y lo que nunca hace. El verificador comprueba la presencia de cada patrón marcado en cada build.