3.2
Anatomia de um site
PropostoO que todo site da AKRIBIS deve ter, o que pode mudar e o que é próprio?
Especificação
- 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.
- 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.
- 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.
- 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.
- 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.
- 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).
- 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.
- 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.
Depende de
Decisão
- ADR-0023 Build every site in four layers and verify what each must carry Proposta
- ADR-0031 Deliver the shared layer of every site as one Astro package with a starter, and check each build inside it Proposta
- ADR-0032 Name the shared pages in each language and check the spellings on every build Proposta
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 grupoendorsementEndosso «Una unidad de AKRIBIS One»group-footerBloco de grupo no rodapéunit-directoryDiretório de unidadesone-moduleMódulo AKRIBIS Onelegal-lineLinha legal
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údosite-headerCabeçalho com a marca do sitesite-navNavegação profunda com painéislanguage-switchSeletor de idiomatheme-toggleSeletor de tema claro ou escuroutility-barBarra utilitáriaattributionAtribuição do conteúdo de um parceirosite-footerRodapé do site em cinco colunassite-searchBusca do sitecontact-formFormulário de contatonot-foundPágina 404consentConsentimento (só se um script exigir)whatsapp-linkLink flutuante para o WhatsApp
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íciocontactContatothanksObrigado (após o formulário)privacyPrivacidadelegalAviso legal e termosnot-foundPágina não encontrada
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.