A identidade visual

🔴 O símbolo está certo. A razão escrita não está.

O brandbook justifica o trio dizendo que as três matizes «ficam distantes entre si e distantes em luminosidade — continuam distinguíveis em escala de cinza, em deuteranopia e em protanopia». Medido: o verde #0B7A46 e o azul #2E5BFF dão —. São a mesma luminosidade. Em cinza são o mesmo cinzento, e a peça ao lado mostra isso.

A peça sobrevive — mas por outro motivo. Na geometria, o azul ocupa x 26–38, y 26–38, e as duas barras amarelas cobrem y 12–52 e x 12–52: o azul nunca encosta no verde. A cruz amarela separa-os nos quatro lados, a — do verde e — do azul, ambas acima do piso de 3:1 que a WCAG 1.4.11 pede para objeto gráfico. O que segura o símbolo em cinza e em daltonismo é a cruz, não a distância de luminosidade entre verde e azul.

Consequência prática, e é a única que importa: nunca pôr verde e azul da marca em contacto direto — nem num gráfico, nem num ícone novo, nem num estado de interface. Fora do símbolo, o amarelo não estará lá para os separar.

🟡 O amarelo tem dois papéis, e eu tinha-os colapsado num só

O conjunto de tokens do protótipo traz --yellow e --yellowLine / --yellowInk. Ao trazer a paleta para esta entrega eu fundi-os, e a distinção parecia redundante — no tema escuro as duas são a mesma cor. Foi esta página, ao medir-se a si própria, que mostrou porque não são.

No tema claro, o amarelo de preenchimento mede 1,4:1 contra a página, 1,5:1 contra a superfície e 1,3:1 contra a superfície 2. Ou seja: uma borda amarela num fundo claro não desenha linha nenhuma. O efeito estava em quatro sítios — a pastilha do passo corrente, o botão primário, a barra do aviso e o estado selecionado do chip — e no pior deles, a pastilha, o «passo em que você está» ficava a apoiar-se em negrito e pouco mais. --yellowInk mede 5,4 a 6,1:1 nas mesmas superfícies.

Sobrava um caso que nenhuma cor resolve: o anel de foco à volta do botão primário é amarelo sobre amarelo, 1,0:1, nos dois temas. Esse resolve-se por geometria e não por paleta — outline-offset:2px afasta o anel do botão e assenta-o sobre a página, onde ele mede 14,4:1 no escuro e 5,8:1 no claro.

A regra que fica, e cabe numa frase: --yellow preenche, --yellowInk faz linha. Toda borda, fronteira e contorno usam o segundo.

Esta página não carrega nenhuma delas. É decisão, não esquecimento.

O protótipo puxa cinco famílias de um provedor externo. O achado 04 do próprio Postmortem manda parar, e o brandbook concorda consigo mesmo na secção da tipografia: «em produção as fontes são empacotadas com o produto e servidas pelo próprio servidor local, com subsetting por idioma — nada de CDN, porque a promessa de funcionar sem internet vale também para a tipografia, e dado de aluno não deve sair da rede da escola».

Uma página que promete funcionar offline e pede a letra a um terceiro já quebrou a promessa antes de desenhar o primeiro botão — e quebra-a de forma invisível, porque na máquina do programador a fonte está em cache. Então esta entrega usa a pilha do sistema: pior de olhar, e honesta.

📌 A dívida, nomeada: a Jersey 15 do wordmark e a Atkinson Hyperlegible do corpo voltam no dia em que houver passo de build que as empacote com subsetting. O wordmark do cabeçalho já contorna: os ficheiros em img/logo/ trazem a Jersey 15 convertida em contornos, sem @font-face nenhum. O custo é o de sempre — ali o texto deixou de ser texto, e muda-se regenerando, não editando.