O que o site e o sistema têm em comum, e por quê. Este documento não é decoração: cada regra aqui existe para que uma tela nova nasça parecida com as que já existem, sem precisar de reunião.
O AutorIA Científica vende uma promessa difícil: a de que cada frase mostra de onde veio. Um produto que promete procedência não pode parecer improvisado — a aparência é a primeira evidência que o usuário tem de que o rigor prometido existe. Daí as três decisões que governam tudo o mais.
Papel antes de tela. O fundo é papel, o texto é tinta, os títulos são serifados. O trabalho científico nasceu impresso e ainda é julgado como página; a interface acompanha isso em vez de brigar.
Cinábrio, e só ele. A cor-mãe é o vermelho da caneta de revisão — o único traço que um texto acadêmico aceita por cima de si. Ele carrega a marca, a ação principal e a sinalização, sempre sobre papel e carvão. Não há segunda cor de acento: quando tudo pode ser destacado, nada é. Se um elemento não é a marca, não é ação e não é sinal, ele é tinta ou é apagado.
Nada decorativo esconde informação. Sombra, animação e gradiente entram quando ajudam a ler; em qualquer outro caso, saem.
Os nomes abaixo são os das variáveis CSS. O sistema usa os mesmos valores com nomes herdados (--azul é o verde-700; o nome ficou de uma versão antiga e será aposentado aos poucos).
Cinábrio em um botão de excluir, no realce do trecho transcrito e no chip de “fidelidade baixa”.
Cinábrio em título, ícone decorativo ou borda de cartão comum — quando tudo é sinal, nada é.
Texto sobre verde-700 ou mais escuro sempre em papel (#F2F4F1): contraste acima de 7:1.
Verde-600 sobre verde-100 em corpo de texto: passa no olho e reprova na leitura de quem enxerga menos.
clamp(28px, 4.4vw, 46px), entrelinha 1.04, máximo 24 caracteres por linha.Todo espaçamento sai da escala de 4 pixels. Valor fora dela é erro de digitação, não decisão de projeto.
3px em botões e cartões do site; 7–8px nos campos e blocos do sistema; 999px só em ficha e chip. Nada mais arredondado que isso.
1px em #D5DCD7. A grade de cartões é feita de gaps de 1px sobre fundo da cor da linha — assim as bordas nunca dobram.
Só na folha do editor e em caixas flutuantes. Cartão comum não levita.
Entradas de 0,55s; transições de 0,12s. Tudo desligado quando o sistema pede menos movimento.
Ação principal Ação secundária Ação destrutiva
Um botão principal por tela. Se há dois, um deles não era principal.
do fichamento 12 aprovados fidelidade 48%
O chip mostra estado, não comanda ação. O de aviso usa cinábrio e diz o número — “fidelidade baixa” sem número não ajuda ninguém a decidir.
“Não faço fichamento pelo resumo: sem o texto integral, a citação sairia sem página e poderia não existir no artigo.”
“Erro 422: operação não permitida.”
Toda mensagem diz o que aconteceu, por quê e o que fazer agora. Em português do Brasil, na segunda pessoa, sem jargão de programador e sem culpar quem está do outro lado. Recusa é sempre explicada: o sistema tem opiniões técnicas e deve defendê-las, não impô-las em silêncio.
O símbolo é um par de aspas de abertura sobre o cinábrio, com um traço de carvão embaixo: a linha citada, o texto que sustenta o que foi escrito. É a promessa do produto reduzida a um sinal — e é por isso que ele não muda conforme a tela.
Arquivos: /logo.svg (assinatura horizontal), /logo-claro.svg (fundo escuro), /marca.svg (só o símbolo, e o ícone da aba), /icone-192.png e /icone-512.png (atalho na área de trabalho e no celular), /apple-icon.png (iPhone e iPad), /manifest.webmanifest.
Área de respiro: metade da altura do símbolo em toda a volta. Tamanho mínimo: 24px para o símbolo, 120px de largura para a assinatura. Abaixo disso, use só o símbolo.
O nome por extenso é AutorIA Científica. “AutorIA” domina, em serifada; “Científica” vem abaixo, em sem serifa pequena e espaçada, como a linha de qualificação de uma folha de rosto. Em espaço apertado — aba do navegador, ícone de atalho — vale só o símbolo, e no texto corrido vale “AutorIA”.
Não faça: girar, aplicar sombra, trocar as cores das aspas, pôr “Científica” do mesmo tamanho de “AutorIA”, ou escrever “Autoria” e “AUTORIA” — é AutorIA, com “IA” em cinábrio, sempre.
4,5:1 no corpo, 3:1 em texto grande. Cinábrio sobre papel passa; cinábrio sobre carvão, não — nesse par, use o cinábrio-claro.
Contorno de 2px em cinábrio, deslocado 2–3px. Nunca remover o foco: quem navega por teclado se perde sem ele.
Todo estado marcado por cor traz também texto ou ícone — daltonismo é comum e o dado é científico.
Mínimo de 40×40px em qualquer coisa clicável no telefone.