AKRIBIS GroupBrand
Sistema digital
3.2

Anatomia de um site

Proposto

O que todo site da AKRIBIS deve ter, o que pode mudar e o que é próprio?

Especificação

  1. Todo site da AKRIBIS é construído em quatro camadas. Grupo: idêntico em todos, vem da Brand tal qual e a marca do site é seu único ajuste (o endosso, a barra de grupo, o bloco de grupo do rodapé com o diretório de unidades, o módulo da AKRIBIS One, a linha legal, os logotipos, os tokens). Compartilhado: um componente, uma fonte, configurado pelo site com sua marca, seu idioma e seu conteúdo (cabeçalho, seletor de idioma, link para pular, formulário de contato, 404, consentimento). Expressão: o que um site define por configuração e nunca por código (seu arquivo de marca, suas imagens, quais unidades destaca primeiro, seu tom). Próprio: seu conteúdo e as páginas que só ele tem.
  2. Três classes de site: as nove unidades, a marca-mãe (akribis.group) e a AKRIBIS One (akribis.one); a anatomia diz quais padrões cada classe leva, e anatomy.json o publica.
  3. O que todo site leva, verificado em cada build pelo marcador data-pattern que cada componente compartilhado imprime: em cada página o link para pular ao conteúdo, o cabeçalho com a marca do site, o seletor de idioma, o bloco de grupo com o diretório de unidades e a linha legal; em cada página de uma unidade, também a barra de grupo com o endosso; no início de uma unidade, o módulo da AKRIBIS One; uma página 404; e, onde houver formulário, o compartilhado.
  4. Páginas que todo site tem, em cada idioma e com o segmento traduzido: início, contato, obrigado (após o formulário), privacidade, aviso legal e termos, e 404. Hoje só um site em cinco tem páginas legais e 404.
  5. Um site pode mudar: seu arquivo de marca (/tokens/<marca>.css, o único ajuste de cor), suas imagens dentro de Imagens (2.7), quais unidades o módulo da AKRIBIS One e o diretório destacam primeiro, e suas páginas próprias com sua navegação.
  6. Um site nunca tem: tokens, fontes ou arquivos de logotipo próprios; outra redação do endosso; uma lista ou uma ordem de unidades próprias; um formulário de contato próprio. O registro (units.json) é a única lista: hoje cinco sites mantêm cinco listas que não coincidem (oito ou nove unidades, dois conjuntos de verbos).
  7. Os textos dos padrões compartilhados (o endosso, a linha legal, os rótulos do formulário) são dados da Brand nos três idiomas; o texto das páginas legais é da empresa e a Brand o publica como dado quando Voz (1.5) e a revisão jurídica decidirem. Um site não traduz nem edita nada disso: ele o mostra.
  8. As páginas compartilhadas têm seu slug por idioma na anatomia (ADR-0032): contacto/contact/contato, gracias/thank-you/obrigado, privacidad/privacy/privacidade, aviso-legal/legal-notice/aviso-legal; o 404 é um arquivo na raiz. O verificador confere que cada uma exista em cada idioma (regra pages). O starter de @akribis/site as traz prontas (ADR-0031).

Para repensar

  • As classes: se akribis.one leva barra de grupo (hoje não: é quem endossa, não o endossado).
  • Quais páginas próprias compartilham modelo (produto, serviço, caso, artigo) e onde esse modelo vive.
  • O PIM (Wagtail) como fonte de produtos: como entra na camada própria sem tocar nas compartilhadas.

Evidência 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

  • A anatomia como dado (anatomy.json)
  • a lista de padrões por classe de site que o verificador roda
  • e a lista de páginas.

Decisão

Figuras

Grupo

Idêntico em todos os sites: vem da Brand tal qual, com a marca do site como único ajuste. Diz que o site faz parte da AKRIBIS e do que o grupo é feito.

  • group-barBarra de grupoem cada página · unidades · verificado pelo checker
  • endorsementEndosso «Una unidad de AKRIBIS One»em cada página · unidades · verificado pelo checker
  • group-footerBloco de grupo no rodapéem cada página · todos os sites · verificado pelo checker
  • unit-directoryDiretório de unidadesem cada página · todos os sites · verificado pelo checker
  • one-moduleMódulo AKRIBIS Oneno início · unidades · verificado pelo checker
  • legal-lineLinha legalem cada página · todos os sites · verificado pelo checker

Compartilhado

Um componente, uma fonte: construído uma vez na Brand e configurado pelo site com sua marca, seu idioma e seu conteúdo.

  • skip-linkLink para pular ao conteúdoem cada página · todos os sites · verificado pelo checker
  • site-headerCabeçalho com a marca do siteem cada página · todos os sites · verificado pelo checker
  • site-navNavegação profunda com painéissó quando necessário · todos os sites
  • language-switchSeletor de idiomaem cada página · todos os sites · verificado pelo checker
  • theme-toggleSeletor de tema claro ou escuroem cada página · todos os sites · verificado pelo checker
  • utility-barBarra utilitáriaem cada página · unidades · verificado pelo checker
  • attributionAtribuição do conteúdo de um parceirosó quando necessário · todos os sites
  • site-footerRodapé do site em cinco colunassó quando necessário · todos os sites
  • site-searchBusca do sitesó quando necessário · todos os sites
  • contact-formFormulário de contatona sua própria página · todos os sites
  • not-foundPágina 404na página 404 · todos os sites · verificado pelo checker
  • consentConsentimento (só se um script exigir)só quando necessário · todos os sites
  • whatsapp-linkLink flutuante para o WhatsAppsó quando necessário · todos os sites

Expressão

O que um site define por configuração e nunca por código: seu arquivo de marca (a cor), suas imagens, quais unidades destaca primeiro, seu tom dentro da voz.

Próprio

O conteúdo do site e as páginas que só ele tem: produtos, serviços, casos, artigos. Feitas com os tokens e os padrões; a unidade é sua dona.

Páginas que todo site tem

  • homeInício/pt/
  • contactContato/pt/contato/
  • thanksObrigado (após o formulário)/pt/obrigado/
  • privacyPrivacidade/pt/privacidade/
  • legalAviso legal e termos/pt/aviso-legal/
  • not-foundPágina não encontrada/404.html

O que um site pode mudar

  • Seu arquivo de marca (/tokens/<marca>.css): o único ajuste de cor.
  • Suas imagens, dentro de Imagens (2.7).
  • Quais unidades o módulo da AKRIBIS One e o diretório destacam primeiro; nunca quais existem.
  • Suas páginas próprias e sua navegação.

O que nunca faz

  • Tokens, fontes ou arquivos de logotipo próprios.
  • Outra redação do endosso, outra lista de unidades, outra ordem.
  • Um formulário de contato próprio.
A anatomia como dado (ADR-0023): quatro camadas, os padrões de cada uma com onde vão e para quais sites, as páginas que todo site tem, o que um site pode mudar e o que nunca faz. O verificador confere a presença de cada padrão marcado em cada build.