Papel sobre a mesa, na luz: Algodão é a folha, Pedra é a mesa, Capa é a tinta e a pasta, e um fio Palha marca o resultado. A Almeida Nascimento Advocacia pensa patrimônio, família, empresa e impostos como uma coisa só e entrega uma decisão; a marca mostra isso com material, medida e calma, nunca com promessa. Siga estas regras em tudo da marca: formulário de equiparação, landing e site, propostas, pareceres e relatórios em PDF, WhatsApp, Instagram, e-mail, cartão de visita e a área do cliente.

Princípios

• A variação vem do papel, nunca de uma cor nova. Cinco cores, todas de material: Algodão (a folha, chão de tudo), Pedra (a mesa, o segundo fundo), Capa (a tinta, o botão e a pasta), Fumo (o apoio) e Palha (o fio). Não existe sexta cor fora dos gráficos e dos status.
• Chão claro, sempre. A Capa vira superfície só como pasta: capa de documento, seção escura pontual, slide de capítulo, frente do cartão. Nunca chão de página inteira.
• Tudo medido e nomeado. Número sempre com unidade e com rótulo em itálico em cima ("economia estimada em 12 meses", "R$ 46.800"). O resultado ganha o fio Palha. Nenhum número sem conta, nenhuma promessa.
• Plano na tela, relevo no papel. Em tela de interface (site, formulário, área do cliente, Documento na web, e-mail) o monograma é tinta plana e nada tem sombra. O selo seco (simulado) vive no que é papel: o impresso, o mock do impresso e o arquivo entregue como documento (proposta, parecer e relatório em PDF ou DOCX). O papel timbrado não leva selo (seção Aplicações). O grão de papel e a sombra de papel sobre a mesa ficam só para o impresso e o mock.
• Uma ousadia por tela. Uma ação principal, um número com o fio Palha, uma foto. O resto fica quieto.

Prioridade de uso

A marca é desenhada primeiro para estes materiais, nesta ordem (decisão de 06/10/2026). Na dúvida, resolva primeiro como fica no item de cima.

1. Formulário-isca e landing de equiparação hospitalar (form.almeidanascimentoadv.com.br/equiparacao-hospitalar): componente FormularioEtapas, resultado em Indicador, TelaLanding com a ação "Estimar a economia da clínica".
2. Site institucional (almeidanascimentoadv.com.br): TelaLanding, CabecalhoSite, RodapeSite, Sanfona.
3. Documentos: proposta, parecer e relatório em PDF. Propostas prontas em assets/modelos/propostas/ (PDF e DOCX); relatório e parecer a partir de assets/modelos/documento.html.
4. WhatsApp, Instagram e e-mail: seção Aplicações.
5. Área do cliente: o login (assets/modelos/login.html) e um painel simples (TelaSistema). Só isso; telas de gestão e o tema escuro ficam em segundo plano.

Voz e conteúdo

• Fale com donos de clínica, empresários e famílias com patrimônio, de 40 anos ou mais, em segunda pessoa: "você", "a sua clínica", "o que você construiu". O argumento é impessoal; a pessoa (Caio) aparece no fechamento, na legenda e ao lado da ação, nunca como estrutura do texto.
• Cinco traços: inteiro (mostra o conjunto antes da parte), medido (número, prazo e condição no lugar do adjetivo), sereno (frase curta, tom de quem já viu o caso), próximo (sem jargão sem tradução) e responsável (ressalva legível, uma vez).
• Frase curta, uma ideia por frase. Português do Brasil sempre, com acento.
• Título inteiro, sem palavra em destaque. A marca não põe palavra em negrito nem em cor no título: ele é todo em Literata 500. O que chama a atenção na tela é o número com o fio Palha, quando existe. Exemplos reais: "Tudo o que você construiu, pensado junto." · "Uma decisão. Todas as frentes." · "Quanto a clínica fatura por mês?". Título de tela sem ponto final; frase de marketing com ponto.
• Botão é verbo + objeto e diz o que acontece ("Iniciar diagnóstico patrimonial", "Estimar a economia da clínica", "Enviar documento"). O aviso repete o verbo no particípio ("Documento enviado"). Sem seta "→".
• Erro explica o que houve e como resolver, sem desculpas e sem culpar a pessoa.
• Números: sempre com unidade e no formato do Brasil: "R$ 3.900 por mês", "R$ 46.800 em 12 meses", "12,5%", "IRPJ sobre 8% e CSLL sobre 12%". Número e unidade nunca se separam (classe an-num ou espaço sem quebra entre "R$" e o valor). Algarismos alinhados e tabulares.
• Sem promessa de resultado (Provimento 205/2021 da OAB). Toda estimativa leva a ressalva, uma vez, legível, no fim do bloco: "Estimativa automática a partir do que você informou. Não é parecer: a aplicação à sua clínica depende da análise do escritório." Nunca "garantido", "economize milhões", "100%", contagem regressiva.
• Nome: "Almeida Nascimento Advocacia" (completo) ou "Almeida Nascimento" (curto). Nunca "Almeida & Nascimento", "Almeida Nascimento Advogados", "AN Advocacia". A sigla AN existe só no símbolo e no avatar. Pessoas: Caio Ferreira do Nascimento (advogado tributarista) e Esthevan Lima Almeida (advogado). A OAB aparece nos materiais: até os números chegarem, "OAB nº a confirmar". Nunca inventar número de OAB, CNPJ, endereço ou telefone.
• Exemplos: nome de cliente e número de exemplo vêm marcados como exemplo ("Clínica Bela Vista (exemplo)", "Dados de exemplo"). O exemplo oficial da equiparação é o do formulário: clínica com R$ 100 mil por mês, metade em exames e procedimentos; imposto de hoje R$ 8.880 por mês, com equiparação R$ 4.980, diferença R$ 3.900, R$ 46.800 em 12 meses.
• Um número principal por bloco; o resto é apoio. O resultado (o número que a pessoa veio buscar) é o único grande e o único com o fio Palha. Outro número no mesmo bloco (uma projeção, uma ilustração) vem menor que o resultado, sem o fio, com rótulo em itálico que diz o que ele é e de que período, e uma linha que diz como foi feito; a ressalva do bloco cobre os dois números, uma vez. Economia daqui em diante e o que se recupera do passado nunca se misturam: cada um tem o próprio rótulo, e o verbo "recuperar" só aparece junto do número do passado. O caso real é o resultado do formulário, que mostra a tese do escritório (recuperar os últimos 5 anos): "economia estimada em 12 meses" R$ 46.800 (o resultado) e, abaixo, "recuperação possível, últimos 5 anos, ilustração" R$ 234.000, "Os mesmos valores em 60 meses, sem correção. Depende dos pagamentos feitos no período. O valor recuperável pode ser menor que a soma dos períodos, ou não existir." (an-resultado__apoio; a última frase é a da proposta de equiparação, e a ressalva do bloco continua cobrindo os dois números). Número que não vem de conta escrita (fórmula do formulário, conta publicada pelo escritório) não entra.
• Frente é só uma das quatro (patrimônio, família, empresa e impostos), a tese. O serviço que o cliente contrata (equiparação hospitalar, planejamento patrimonial, revisão de regime) é trabalho: "o trabalho de equiparação", rótulo "Trabalho" na coluna da tabela, no campo e no painel. Nunca "frente de trabalho", "a frente de equiparação" nem "Frente" como nome de coluna de serviço. A frente e o verso do cartão de visita são termos de gráfica e ficam.
• Nunca: clichê jurídico ("excelência", "tradição e compromisso", balança, martelo, coluna grega, estante de livros), jargão sem tradução ("elisão", "blindagem patrimonial"), cara de W1 ou de consultoria financeira, luxo ostensivo, urgência falsa, exclamação de enfeite, emoji, caixa alta (exceto siglas: OAB, CNPJ, CSLL, IRPJ). Nada da W1 em nenhum material, inclusive em foto.

Cor

• Chão da página e do app: fundo. Cartões, tabelas, menus e campos: superficie. Faixas, cabeçalho de tabela e hover: superficie-2.
• Texto principal texto; apoio texto-2; placeholder e metadado texto-3. Todos passam 4,5:1 sobre fundo, superficie e superficie-2 nos dois temas.
• Ação principal acao com texto sobre-acao; hover acao-hover. Item ativo e botão secundário: realce com texto sobre-realce.
• Status sempre com palavra: sucesso/sucesso-fundo, atencao/atencao-fundo, critico/critico-fundo. Informação usa realce.
• Divisórias linha. Borda de controle borda-controle (3:1).
• Algodão #F2ECE1 (fundo, superficie, sobre-acao): o papel. Chão de tudo: páginas, propostas, posts. Na tela, o cartão é o mesmo papel do chão, separado por fio.
• Pedra #DAD2C4 (linha, realce): a mesa. Os fios e divisórias; o item ativo, o botão secundário, a opção escolhida, o campo [a preencher]; a faixa de seção onde folhas pousam (an-mesa) e o trilho do formulário. Nunca chão de página inteira. Sobre a pasta, é a segunda linha da assinatura e o texto de apoio.
• Capa #172C42 (texto, acao, simbolo, foco, pasta): a tinta e a pasta. Texto, título, número, monograma e o botão principal. Como superfície, só a pasta (an-pasta, an-doc__capa): capa de documento, seção escura pontual, slide de capítulo, frente do cartão.
• Fumo #5A544D (texto-2, borda-controle): o apoio. Texto secundário, rótulo em itálico, borda de campo, "Advocacia" na assinatura. Nunca sobre a Capa (1,9:1).
• Palha #A08755 (marcador): o fio. Só fio e traço: a linha à esquerda do resultado (an-resultado__destaque), o fio em cima do item de resultado da comparação, a linha do total de uma tabela, o fio do cartão de visita. Uma vez por tela. Nunca texto, superfície, letra, ícone, botão, série de gráfico ou foco. Mede 2,9:1 sobre Algodão: é desenho, nunca carrega informação sozinho (o rótulo diz o que é).
• Selo #1F3754 (selo): o monograma grande sobre a pasta, em tinta plana um tom acima dela, no lugar onde o impresso tem o selo seco. Decorativo, nunca atrás de texto.
• Status (só em tela de sistema e no formulário, sempre com palavra): verde-escuro #195C42 e tijolo #96382E, os do formulário no ar, e um ocre-mostarda #725A1A para atenção, longe da Palha (ΔE 19,8) e do couro dos gráficos (ΔE 19,3). No escuro, a atenção é um âmbar acinzentado de pouco croma (#DCB895 sobre #3C332B), nunca areia-dourado sobre marrom, que lê como dourado. Peça de comunicação (site, post, proposta) não tem status.
• Comparação não é status: "imposto de hoje" e "com equiparação" ficam neutros, em Capa; nunca vermelho para um e verde para o outro.
• Proporção numa peça: Algodão quase tudo; Capa escreve (cerca de 15%); Fumo apoia; Pedra aparece em fio e em faixa; Palha num traço só.
• Tons derivados existem só como token semântico, nunca como matiz novo. São misturas das cinco cores (Algodão, Pedra, Capa e Fumo) ou um passo da Capa, cada um com papel fixo e contraste medido: no claro, superficie-2 #E8E1D5 (meio passo entre Algodão e Pedra), texto-3 #68625A (um degrau abaixo do Fumo), acao-hover #243F5D (a Capa um passo acima) e selo #1F3754 (o monograma na pasta); no escuro, pasta #0F1E2F, superficie #1E3651, superficie-2 #26405E, realce #2E4B6C, linha #34506F, borda-controle #8494A8 e texto-3 #B9B0A2. Fora das cinco cores e destes tons, só os status e as cores de dados, cada um no seu lugar. Precisou de um tom que não está aqui: ele entra no marca.json como token, com o contraste medido, antes de ir para qualquer peça.
• Escala capa-50 a capa-950 (a Capa no matiz dela, com a própria Capa no 900) só para sistemas que exigem escala. Na interface, use os tokens semânticos.
• Gráficos usam as cores de dados dado-1 a dado-3 (seção Gráficos), não a escala da marca.

Tema escuro (só na área do cliente)

• A marca não tem chão escuro. O tema escuro existe só nas telas de sistema (área do cliente e funil do escritório), para quem usa o aparelho no modo escuro, e fica em segundo plano: chão Capa, superfícies um e dois passos acima (#1E3651, #26405E), texto Algodão, apoio Pedra, botão principal Algodão com texto Capa, foco Algodão. Contraste medido nos dois temas.
• Peça de comunicação é sempre clara, em qualquer tema: site, landing, formulário de equiparação, documento, PDF, post, story, e-mail. Os componentes de comunicação (TelaLanding, FormularioEtapas, Documento) levam data-theme="claro" no contêiner; página publicada leva data-theme="claro" no <html> e no <body>.
• Tela que segue o tema do aparelho (login, área do cliente, funil do escritório): data-theme="aparelho" no <html>. Os tokens trocam para o escuro sozinhos quando o aparelho está no modo escuro (prefers-color-scheme), sem script, e os ajustes do escuro (botão de perigo em contorno, véu) vêm junto. data-theme="escuro" força o escuro (prévias, teste); data-theme="claro" força o claro (peça de comunicação). Nunca deixe a tela de sistema sem o atributo: ela ficaria clara num aparelho escuro.
• Nessas telas, use a assinatura e o monograma inline (an-assinatura, an-simbolo), que ficam Capa no claro e Algodão no escuro sozinhos. O arquivo <img> de cor fixa só em peça que é sempre clara.

Luz

• A marca não tem luz ("luz": false): nada de halo, brilho, degradê, vidro ou sombra colorida.
• O que faz o papel da luz é o material: o papel (Algodão), a mesa (Pedra), a pasta (Capa) e o fio Palha, e a foto real em luz natural. Na tela, tudo chapado.
• O grão de papel e a sombra de papel sobre a mesa existem só no impresso e no mock do impresso (cartão, pasta, proposta pousada na mesa). O selo seco (relevo sem tinta, simulado por luz e sombra no desenho) existe no impresso, no mock e no arquivo entregue como documento (seção Logo). Nunca em interface.
• Gradiente em lugar nenhum: nem no fundo, nem em botão, cartão, foto ou símbolo.

Material: folha, mesa, pasta e fio

• A folha (Algodão): onde se lê. Página, cartão, campo, documento.
• A mesa (an-mesa, Pedra): faixa de seção onde folhas pousam (um cartão Algodão sobre a Pedra), o trilho do formulário, o campo [a preencher] dos modelos. No site, no máximo uma faixa de mesa a cada duas seções.
• Pedra como chão de slide (só em apresentação, 1920 × 1080): pode ser o fundo inteiro do slide em dois casos, como na apresentação aprovada: o slide de uma ideia (tese, lema, uma regra, até três linhas de texto além do título) e o slide que mostra peças pousadas na mesa (documento, cartão, telas). Slide de leitura longa, tabela ou lista é Algodão. Os slides alternam Algodão e Pedra para dar ritmo; capa e capítulo são a pasta. Em página web, documento, post e e-mail, a Pedra continua nunca sendo chão de página inteira.
• A pasta (an-pasta, Capa): guarda o conjunto. Capa de documento (o Documento faz sozinho), seção escura pontual (no máximo uma por página, nunca o primeiro trecho da página), slide de capítulo, frente do cartão. Sobre ela: texto Algodão, apoio Pedra, assinatura Algodão com "Advocacia" em Pedra, botão Algodão com texto Capa, o monograma grande em selo (an-selo).
• O fio (Palha, marcador): a linha do resultado ou do total. Um por tela, um por página de documento.
• Nunca: mármore, couro, madeira, dourado metálico, papel envelhecido, textura em tela.

Tipografia

• Literata, uma família só (Google Fonts, licença OFL), do site ao parecer: é uma serifa de leitura longa, com tamanho ótico que afina e contrasta no título e firma no texto, e é a letra do documento. O tamanho ótico acompanha o corpo sozinho (font-optical-sizing: auto).
• Títulos em 500, inteiros, sem palavra em destaque: display (72 px; 40 no celular), titulo-1 (40; 30 no celular), titulo-2 (30), titulo-3 (21). Texto em 400: corpo de 18 px no texto corrido (nunca menos), corpo-sm de 16 na interface. Nunca peso acima de 600, nunca caixa alta.
• Rótulo em itálico e caixa baixa, cor de apoio, 16 px, sem espaçamento: sobre o número, no cabeçalho de tabela, no grupo de menu, no título de coluna do rodapé ("economia estimada em 12 meses", "seu caso"). O molde troca todos os rótulos do sistema por este estilo ("rotulo": {"caixa": "baixa", "italico": true} no marca.json). Siglas ficam em caixa alta dentro do rótulo (OAB, CNPJ, CSLL).
• Rótulo de campo de formulário: o mesmo itálico, na cor do texto (como no login aprovado).
• Texto corrido corpo, até 65 caracteres por linha. Interface corpo-sm; botões e menus interface (500, 16 px). Nenhum texto abaixo de 14 px (legenda).
• Na tela, só os corpos da escala: 14 (legenda: ajuda de campo, metadado, ressalva, contador), 16 (corpo-sm, interface, rotulo: botão, menu, aba, filtro, célula, opção, texto de aviso e de modal de confirmação), 18 (corpo: texto corrido, campo onde se digita, resposta da sanfona, modal de leitura, linha do resultado) e os de título (21, 30, 40, 72) e de número (40, 64). Nada de 15 nem de 17 px. Conferido por verificacao/piso.js, que avisa qualquer corpo fora da escala.
• No papel e no PDF (lido na tela ou impresso): corpo de texto de 10 pt ou mais; ressalva de 9,5 pt ou mais (a que fica junto de um número também); apoio técnico (cabeçalho e pé de página, rótulo de coluna, dados do escritório, nota de fonte e de metodologia) de 8 pt ou mais. No cartão de visita, lido na mão, nada abaixo de 7 pt. A ressalva nunca vai no corpo da nota técnica: quando os dois ficam juntos, são dois parágrafos.
• Números em numero (500, 40 px; o do resultado vai a 64 px na tela e 74 px no impresso), sempre com algarismos alinhados e tabulares e com a unidade.
• Títulos, perguntas, lemas e a linha de contexto (an-subtitulo) com quebra balanceada (text-wrap: balance): nunca uma palavra sozinha na última linha, nem palavra longa ("procedimentos.") que o pretty do navegador deixa passar. Vale também no PDF e no DOCX: no HTML que vira PDF, text-wrap: balance nos títulos; no DOCX, que não balanceia, a quebra é manual, no mesmo lugar do PDF (o título longo da capa leva as quebras escritas no conteúdo: "Planejamento patrimonial, / sucessório, societário / e tributário"). O gerador das propostas confere o PDF e recusa título com palavra sozinha.

Composição

Toda tela usa um de três modelos. Escolha o modelo antes de desenhar; dentro de um bloco, o alinhamento é um só.

• Centrada (uma ação só): login, estado vazio, confirmação, capa de apresentação, avatar e post com frase. Símbolo, título, texto de apoio e ação no eixo central, coluna de até 420 px (formulário) ou 34 caracteres (texto). Sem cartão: o fundo já é a superfície, e os campos ficam direto nele, com rótulos à esquerda. Texto de apoio em uma linha. Botão no tamanho padrão, na largura da coluna. Exemplo: assets/modelos/login.html.
• Cartão só agrupa. Use an-cartao para separar um grupo entre vários na mesma tela. Nunca para envolver a única coisa da tela, nem a chamada de uma página que já é uma folha só (o fim do formulário): ali a separação é um fio.
• Estado vazio no celular (até 480 px): sem margem lateral própria e com a frase em titulo-3 (21 px), que usa a largura da coluna ("Nenhum documento pendente" cabe numa linha de 360 px em diante).
• Modal no celular (até 480 px): as ações empilham na largura do modal, a principal primeiro (em cima) e o cancelar embaixo, todas com a mesma largura. No computador, lado a lado à direita: cancelar e, na ponta, a ação. No HTML a ordem é sempre cancelar → ação; quem empilha é o CSS do sistema. O pé do PainelLateral segue a mesma regra. Alerta com ação, no celular (até 560 px): o botão desce para baixo do texto, alinhado com ele, em vez de espremer o texto e quebrar o próprio rótulo ("Enviar / documento").
• Botão grande só no marketing. an-botao--lg é para o topo do site e da landing e para a capa; em formulário e sistema, o tamanho padrão (48 px).
• Leitura (marketing e documentos): tudo alinhado à esquerda numa coluna de até 1180 px (an-leitura), texto até 65 caracteres. Título, texto, botões e prova começam na mesma linha vertical. Exemplo: TelaLanding.
• Painel (sistemas): menu lateral à esquerda (NavegacaoLateral) e conteúdo alinhado à esquerda; título da página à esquerda e ações à direita, na mesma linha quando cabem. Exemplos: TelaSistema, TelaCRM (classes an-app, an-app__conteudo, an-app__cabeca, an-app__acoes, an-indicadores, an-funil; nada de layout em estilo solto).
• O cabeçalho decide pela largura do conteúdo, nunca da janela (decisão de 07/10/2026, auditoria 2). O an-app__conteudo é contêiner (container query): com 860 px de conteúdo ou mais, título e linha de contexto à esquerda e ações à direita, na mesma linha; com menos, o título ocupa a linha inteira e as ações descem para baixo dele, à esquerda, com a principal primeiro; com menos de 520 px, as ações empilham na largura da coluna. Por quê: o menu lateral come 268 px, e a regra pela janela espremia o título entre 1024 e 1200 px ("Bom dia, / Marina", "Funil da / equiparação"), justamente na janela de um notebook de 1366 px com zoom de 125% (1093 px). Em 1280 px sobram 916 px de conteúdo, e as ações ficam ao lado do título.
• A linha de contexto ("Clínica Bela Vista (exemplo) · 2 pendências") nunca começa linha com "·": espaço sem quebra antes do ponto ( ·).
• A partir de 1024 px: menu lateral; quatro indicadores por linha (2 × 2 quando o conteúdo tem menos de 880 px).
• Abaixo de 1024 px: o menu sai da lateral e vira a barra do topo (an-app__barra: a assinatura, com pelo menos 157 px de largura, e o botão de menu de 44 px), que abre o menu como painel à esquerda, com o véu. O véu e o Esc fecham; o botão diz "Abrir menu" ou "Fechar menu" (aria-label e aria-expanded acompanham), o foco entra no primeiro item do menu ao abrir e volta ao botão ao fechar. Margem lateral de 16 px. Indicadores em 2 × 2 e, quando o conteúdo tem menos de 520 px, em uma coluna; cartões sempre em uma coluna no celular.
• Tabela e funil rolam dentro da própria caixa, nunca a página: a tabela na an-tabela-caixa; o funil (an-funil) com colunas de pelo menos 180 px (as cinco colunas cabem em 1280 px) e, no celular, uma coluna por tela, com a ponta da seguinte à vista.
• Tabela no celular: a coluna de texto de apoio (como "Para quê") leva an-tabela__detalhe e sai quando a caixa tem menos de 520 px, para o status (com a palavra inteira), o valor e o prazo ficarem à vista sem rolar. Status, valor e prazo nunca são detalhe.
• Toda tela de sistema é conferida em 1280, 1024, 800, 390 e 360 px (verificacao/prancha.js e verificacao/piso.js).
• Nunca misture: um título centralizado sobre um texto alinhado à esquerda está errado.
• Nada de item sozinho numa linha. Sumário em grade leve; grades de cartões com número de colunas que feche certo (an-grade--2/3/4, an-doc__grade--2/3/4); nunca colunas automáticas que deixem um item órfão.
• Grade: 12 colunas, intervalo espaco-5 (24 px), margem lateral espaco-4 (16 px) no celular e 48 px a partir de 1024 px, largura máxima 1180 px.
• Respiro vertical: espaco-6 entre blocos de uma tela, espaco-7 entre seções, espaco-8 no topo de página de marketing.
• O topo do site é uma cena só (a apresentação aprovada): cabeçalho, título, frase, a ação principal com o link da segunda ação ao lado, e logo embaixo a foto inteira em faixa, de borda a borda, com a legenda em itálico. Sem rótulo-sobrancelha acima do título, sem faixas empilhadas.
• Os links do cabeçalho do site ficam numa linha só, cada um inteiro. Quando não cabem (o cabeçalho com menos de 1020 px: a assinatura tem 268 px e os seis links, 703), viram o botão de menu, como no celular. Nunca "O escritório" ou "Área do cliente" quebrados em duas linhas, nem o cabeçalho rolando para o lado (achado pelo teste novo em 800 e 1024 px).
• A segunda ação do marketing é um link (an-link: sublinhado fino e afastado), ao lado do botão; nunca um segundo botão cheio.
• As quatro frentes aparecem juntas (an-frentes: patrimônio, família, empresa e impostos). Nunca uma frente sozinha como se fosse tudo.
• A ordem das frentes é uma só, a da tese: patrimônio, família, empresa e impostos. Vale em todo lugar: menu do site, an-frentes, documento, proposta, post, empresa.md, opções de formulário. Peça de clínica (equiparação) fala de impostos no conteúdo, mas quando as quatro aparecem juntas a ordem não muda.

Formulário em etapas e resultado

• Uma pergunta por tela, em segunda pessoa e sem jargão. Contato só na última etapa.
• No computador, o formulário em tela inteira tem o trilho à esquerda (an-trilho): a marca, o contador grande ("03 / 05"), a lista das etapas com a atual marcada e uma nota curta. No celular (abaixo de 1024 px), a barra de etapa no topo (an-etapas-barra).
• O contador tem um formato só: "03 / 05" (dois dígitos dos dois lados, a barra com espaço antes e depois), no trilho, na barra do celular e no topo da variante dentro de uma página (an-etapas__topo). Nunca "03 / 5" nem "02 de 05".
• Ações da etapa alinhadas à esquerda, como o resto do bloco: no computador, o botão e os links (Voltar, Ajuda) lado a lado; no celular, o botão na largura da coluna e os links logo embaixo, à esquerda (an-etapas__acoes--coluna). Nunca um link na borda oposta nem centrado sob um bloco alinhado à esquerda.
• Valor em dinheiro: an-moeda (o "R$" dentro do campo, fora do valor) e, embaixo, até cinco atalhos (an-atalho) com valores redondos. Sempre uma saída para quem não sabe ("Não sei ao certo").
• Atalhos: até cinco numa linha, em colunas iguais (an-atalhos é uma grade de uma linha; o valor fica centrado, com 8 px de cada lado). Na coluna de 560 px do formulário, cada atalho tem 105 px e "R$ 300.000" cabe. No celular (até 760 px), três colunas iguais: os cinco fecham 3 + 2 (quatro fechariam 2 + 2). Nunca um atalho sozinho na segunda linha, em nenhuma largura de 360 a 1920 px.
• O fim mostra o resultado (an-resultado): o número com rótulo, as linhas que o explicam, o número de apoio quando houver (an-resultado__apoio, menor, sem o fio; seção Voz) e a ressalva, uma vez, legível, cobrindo todos os números do bloco. Depois do resultado, a chamada para falar com o escritório vem sem cartão e sem borda (an-resultado-tela__chamada): um fio Pedra em cima a separa, como o resto da página. A página já é uma folha só; uma moldura em volta da frase mais vendedora seria a única da tela e gritaria. Dois valores comparados (an-comparacao) ficam neutros: comparação não é status, então nunca vermelho para um e verde para o outro.
• Nesta marca: cinco etapas, como o formulário no ar (serviços, impostos, faturamento, divisão, seus dados); o trilho fica na Pedra, com o contador em Literata 500 de 96 px e a etapa atual com o traço Capa; o resultado é o único lugar do formulário com o fio Palha; a nota do trilho diz para onde vão os dados ("Suas respostas vão para a equipe do escritório, e só para ela. Nada é publicado."). Ajuda e política de dados abrem no Modal (dialog.an-modal, an-modal--leitura).
• O formulário é peça de comunicação: sempre claro.

Gráficos

• Uma série: tudo em dado-1. É o caso mais comum nos painéis.
• Duas ou três séries: dado-1, dado-2 e dado-3, sempre nesta ordem. No claro, Capa de gráfico #2A5D91 (a Capa clareada até ter cor de gráfico: a Capa pura, #172C42, reprova no validador por luminosidade 0,29 e croma 0,05), couro #784000 e folha #4D9568; no escuro, #5690CD, couro #B26E48 e folha #58A87F (desde 07/10/2026, auditoria 2: o couro de antes, #A97416, de croma 56, lia como dourado sobre a Capa, a ΔE 10,9 de #B8860B). No escuro, nenhuma cor de dados lê como dourado: croma CIELAB até 40 (o couro tem 39,8, matiz 54°) e ΔE de pelo menos 15 do dourado de referência #B8860B (o couro está a 33,8), medidos pelo contraste.py (croma_maximo e distancia_extra no marca.json; a atenção do escuro também é medida). Validação da skill dataviz (validate_palette.js, refeita em 07/10/2026 com as cores novas), sobre Algodão no claro e sobre #1E3651 no escuro, com pares vizinhos e com todos os pares: luminosidade, croma, visão normal e contraste passam nos dois temas. Pior par para protanopia e deuteranopia: ΔE 17,9 no claro (folha × couro) e 7,8 no escuro (folha × couro): no escuro, o validador marca aviso (faixa de 6 a 8, legal só com codificação secundária), porque um couro de croma até 40 fica mais perto da folha para quem não vê o verde; a melhor combinação possível com croma até 40 e matiz perto de 60° chega a 7,8 (a busca está em SISTEMA.md). A codificação secundária é regra da marca (abaixo: série 2 tracejada, série 3 pontilhada, rótulo direto). Visão normal ΔE 20,5 no claro e 15,4 no escuro; contraste mínimo 3,07:1 nos dois (folha sobre Algodão; couro sobre #1E3651). Tritanopia (o validador informa, não reprova): 13,7 no claro e 4,3 no escuro (Capa de gráfico × folha): por isso também a forma separa as séries. Mais de três séries: agrupe em "Outros" ou divida em gráficos.
• Duas séries ou mais: a forma também separa. Série 1 em linha contínua, série 2 tracejada (tracejada), série 3 pontilhada (pontilhada); em barras, rótulo direto no fim da série ou barras lado a lado com a legenda na mesma ordem. A legenda mostra a própria linha de cada série. Assim o gráfico continua legível impresso em preto e branco (no claro, a Capa de gráfico, L 0,469, e o couro, L 0,432, têm quase a mesma luminosidade) e para quem tem tritanopia (no escuro, azul × verde).
• No celular, um desenho próprio: o gráfico tem dois desenhos, o largo (viewBox de 480) e o estreito (viewBox de 300, só o primeiro e o último rótulo do eixo), e o cartão troca um pelo outro abaixo de 480 px de largura (an-grafico__desenho--largo e --estreito). Nunca o desenho do computador encolhido: a letra do eixo encolheria abaixo de 14 px.
• As cores de dados só existem dentro de gráficos. Nunca em botão, texto, fundo ou ilustração. A Palha nunca é série.
• Um eixo só; duas escalas diferentes viram dois gráficos. Grade em linha, eixos e rótulos em texto-3, valores em texto, de 14 px ou mais.
• Valores em reais com "R$" e "mil" e vírgula decimal ("R$ 8,9 mil"); o título diz a unidade ("R$ mil").
• Rótulo direto só no ponto que importa (o último), ancorado no centro da barra ou do ponto e inteiro dentro do desenho (o desenho reserva 24 de folga à direita no viewBox), nos dois desenhos. O aria-label do gráfico diz o primeiro, o último e o maior valor, tirados dos dados, nunca digitados.

Camadas e telas

• Camadas (o que fica por cima): camada-fixo (cabeçalho), camada-menu (menu e seleção), camada-painel (painel lateral), camada-modal, camada-aviso, camada-dica. Nunca um número solto de z-index.
• Pontos de quebra: desenhe primeiro em quebra-celular (390 px). Abaixo de quebra-tablet (760 px) tudo vira uma coluna e o menu do site vira botão; a partir de quebra-desktop (1024 px) a margem lateral é 48 px, o formulário ganha o trilho e a tela de sistema ganha o menu lateral (abaixo disso, a barra do topo: Composição › Painel). Nenhuma tela, de marketing ou de sistema, rola para o lado em 390 px.
• Largura mínima suportada: 360 px (decisão de 07/10/2026; largura_minima no marca.json). Desenhe em 390, mas nada pode quebrar em 360 (muitos Android e o iPhone com zoom de tela têm de 360 a 375 px, e o público tem 40 anos ou mais): sem rolagem lateral, sem palavra sozinha em título, pergunta, linha de contexto ou botão, alvos de 44 px, os cinco atalhos em 3 + 2. verificacao/piso.js testa todo componente em 1280, 390 e 360 px (as Tela* também em 1024 e 800) e os modelos de tela em 1440, 390 e 360; verificacao/prancha.js renderiza as mesmas larguras.

Espaço, raio e sombra

• Grade de 4 px: espaco-1 (4) a espaco-8 (64). Padding de cartão espaco-5; entre blocos espaco-6; entre seções espaco-7.
• Cantos pequenos, como no território: raio-sm 2 px (etiqueta, caixa de marcar, campo a preencher, o botão que corre no interruptor), raio-md 3 px (botão, campo, atalho, filtro, item de menu, o trilho do interruptor, o botão de tocar vídeo), raio-lg 4 px (cartão, tabela, aviso, menu), raio-xl 6 px (modal). O ícone de app tem raio próprio. A marca não tem pílula: só o avatar é redondo (e a opção única, que é um círculo, não uma pílula). Nem o interruptor nem o botão de tocar vídeo são redondos. "pilula": false no marca.json faz o verificacao/piso.js acusar qualquer outro canto de pílula.
• Sombra só de papel sobre a mesa. Em tela, nada tem sombra: cartão, botão, menu e aviso se separam por fio (linha) ou borda (borda-controle). A única exceção é a folha que pousa sobre a página (Modal e PainelLateral), com sombra-3, a mesma sombra de papel dos mocks de peça impressa. Nunca sombra colorida.

Movimento

• Toda animação usa curva-marca: sai firme e assenta devagar, como folha pousando na mesa, sem quique. Durações: tempo-rapido para hover e foco, tempo-base para menus e avisos, tempo-lento para modal e painel.
• O movimento-assinatura (tempo-assinatura, 1300 ms na abertura em vídeo): as quatro peças do monograma chegam pelos próprios eixos e se encaixam (o A sobe pelo fio, o floreio desliza pela corda, a diagonal desce a 57,6° e a haste cai na vertical). Os deslocamentos vêm de simbolo.entrada. Aparece no Carregando (laço de 1,6 s) e na abertura em vídeo (assets/movimento/abertura-algodao.mp4 e abertura-capa.mp4); em nenhum outro lugar.
• Com movimento reduzido ativado, tudo para: o monograma aparece montado.

Estados e acessibilidade

• Foco: anel de 2 px sólido em foco, afastado 2 px, em todo elemento interativo.
• Desabilitado: opacidade 45% e cursor bloqueado; o texto explica por quê quando não for óbvio.
• Erro de campo: borda critico, fundo critico-fundo e mensagem de correção.
• Cor nunca carrega sentido sozinha: status sempre com palavra, variação sempre com sinal, resultado sempre com rótulo.
• O público tem 40 anos ou mais: texto corrido de 18 px, interface de 16, nada abaixo de 14; ação com texto, não só ícone.
• Alvo de toque de 44 × 44 px ou mais, sem exceção nesta marca, em todo computador e celular: botão (inclusive o pequeno, an-botao--sm, que tem 44 px e letra de 16), botão de ícone, campo, item de menu e de navegação, aba (também a de segmento), filtro, atalho, página da paginação, link de trilha, de cabeçalho e de rodapé, link de ação solto (Voltar, Ajuda, Esqueci minha senha, Nova estimativa: an-link--acao, ou dentro das áreas de ação, que já dão os 44 px sem mudar o desenho) e a caixa de marcar, a opção única e o interruptor, que contam pelo rótulo inteiro. Link dentro de uma frase segue a linha do texto e fica fora da conta. Não há botão de 36 px nem em tabela densa: a tabela da marca já tem linhas de 52 px.
• O alvo de 44 px não muda a linha de base. Quando um link cresce até 44 px numa linha com texto solto (a trilha, a base do rodapé, o pé do formulário, a paginação, os links do cabeçalho), a linha centraliza tudo na vertical (align-items: center): a página atual e a "/" da trilha, o "©" e a política de privacidade do rodapé ficam na mesma altura do link, nunca no alto.
• Rótulo de botão que quebra (no celular, o botão quebra a linha em vez de sair da coluna) quebra balanceado (text-wrap: balance): nunca uma palavra sozinha na segunda linha ("Falar com o escritório / no WhatsApp", não "… no / WhatsApp"). Nome do escritório e "OAB nº a confirmar" não quebram por dentro (an-sem-quebra) em pé de página e de login.
• Conferido em todo componente, nos dois temas, em 1280, 390 e 360 px (as Tela* também em 1024 e 800), e nos modelos de tela (login, formulário) por verificacao/piso.js: nenhum texto abaixo de 14 px (no gráfico, o corpo renderizado), nenhum alvo abaixo de 44 px, nenhuma pílula fora do avatar e nenhuma palavra sozinha na última linha de título, pergunta, linha de contexto ou botão.

Ícones

• Ícones de traço do conjunto Lucide, traço 1,75, na cor do texto ao lado (texto-2; ativo sobre-realce). 18 px em botão e menu, 20 px em aviso.
• Nunca ícone colorido, preenchido ou emoji. Nunca clichê jurídico (balança, martelo, coluna, livro de leis) nem cifrão como ícone ou seta subindo.

Imagens

• Foto real em luz natural, protagonista, inteira e sem moldura: em faixa de borda a borda no site, em metade de peça no story. Enquadramento de conversa, mesa ou palestra, sem pose de banco de imagem. Legenda em itálico: "Caio Nascimento, advogado tributarista".
• Só as três fotos aprovadas (assets/fotos/: caio-poltrona-horizontal.jpg, caio-palestra-vertical-1.jpg, caio-palestra-vertical-2.jpg, retocadas sem a W1) até a sessão de fotos do escritório. Nenhuma outra das 14 fotos de evento vai a público.
• Nunca: foto com marca, bandeira ou telão de terceiros (W1 inclusive), banco de imagem, balança e martelo, estante de livros, mármore, mansão, carro, aperto de mão, gráfico subindo. Nunca o símbolo ou texto sobre a foto (a legenda fica num rótulo Algodão no canto).

Logo

• O monograma AN: o A e o N entrelaçados em quatro peças (o A, o floreio, a diagonal e a haste do N), reconstruído em vetor a partir do desenho que o escritório já usava. Arquivos: assets/logos/simbolo-capa.svg (sobre Algodão e Pedra) e simbolo-algodao.svg (sobre Capa); em 24 px ou menos, simbolo-pequeno-capa.svg e simbolo-pequeno-algodao.svg. Inline: an-simbolo, pintado pelo token simbolo.
• A assinatura é o monograma ao lado de "Almeida Nascimento" (Literata 500) sobre "Advocacia" (Literata itálico, Fumo), em curvas. A horizontal é a padrão (horizontal-capa-sobre-algodao.svg, -capa-sobre-pedra, -algodao-sobre-capa); a vertical só no avatar e em capa quadrada. Em tela, a assinatura inline an-assinatura (copie do componente Simbolo): nunca o nome digitado ao lado do monograma.
• O monograma sozinho: favicon, ícone de app, avatar, Carregando, estado vazio, login, o monograma grande da pasta. A assinatura completa: cabeçalho do site, topo e capa de documento, trilho do formulário, menu lateral, rodapé, cartão de visita, assinatura de e-mail.
• Três fundos, e só estes: Algodão, Pedra e Capa. Respiro de 1/3 da altura do símbolo. Mínimos: 24 px de símbolo, 157 px de largura na horizontal, 117 px na vertical.
• Selo seco é de papel (decisão de 07/10/2026, depois da auditoria): relevo sem tinta, navy sobre navy na pasta e Algodão sobre Algodão na folha.
• Peça entregue como arquivo (proposta, parecer e relatório em PDF ou DOCX; cartão e capas impressas): é a folha do território. A capa e o pé podem levar o selo seco simulado (relevo sem brilho metálico, a mesma receita de luz dos mocks: assets/modelos/propostas/), porque o arquivo é lido como documento, não como interface. É o que o cliente viu e aprovou na apresentação.
• Tela de interface (site, formulário, área do cliente, o componente Documento renderizado na web, e-mail): monograma plano, em Capa ou selo (um tom acima da Capa, an-selo), no mesmo lugar do selo. Nenhuma sombra.
• O assets/modelos/documento.html é o Documento da web e sai plano também no PDF; para um parecer ou relatório entregue com o selo seco, parta da capa da proposta.
• O papel timbrado não leva selo (nem seco, nem plano): só a assinatura no alto e o pé (seção Aplicações › Papel timbrado).
• Nunca: dourado ou Palha, contorno, sombra, gradiente, relevo no arquivo do logo (o selo seco é tratamento de aplicação, nunca o SVG ou o PNG oficial), distorção, moldura, girado, sobre foto, sobre marca ou grafismo da W1, o "N A" antigo com sombra, o favicon geométrico antigo, outra fonte no nome, nome em caixa alta.

Aplicações

• Peças de tamanho fixo (og, post, story, WhatsApp, slide, papel timbrado): cada uma tem um modelo pronto em assets/modelos/, e cada peça do modelo é um .arte (tela) ou .folha (A4) com data-nome. Troque só o texto e, quando a regra deixa, a foto; mantenha posições e medidas. Exportar: node assets/ferramentas/exportar.js assets/modelos/<modelo>.html <pasta> grava cada .arte em PNG no tamanho real e as .folha em PDF (A4, Literata embutida em instâncias estáticas). Abra cada arquivo antes de mandar. Peça de comunicação é sempre clara; a única superfície escura permitida é a pasta Capa, como pasta (com o monograma em selo), nunca como chão genérico.
• Compartilhamento de link (assets/modelos/og-compartilhamento.html e og-equiparacao.html, 1200 × 630): chão Algodão; à direita, a foto aprovada em coluna inteira (420 px, de borda a borda, sem moldura); à esquerda, com 72 px de margem, a assinatura horizontal no alto (300 px de largura), a frase em Literata 500 de 60 px encostada no pé e o site em Fumo embaixo dela. Site: o lema "Tudo o que você construiu, pensado junto." Formulário de equiparação: a pergunta "Quanto a sua clínica poderia economizar em impostos?" (a do título da página continua "Veja quanto…"; a imagem do link é uma pergunta porque aparece fora do contexto, numa conversa), com o endereço do formulário no pé. Sem número e sem botão desenhado: a imagem não é clicável.
• Instagram (assets/modelos/instagram-post-claro.html, instagram-post-pasta.html, instagram-post-numero.html, instagram-story.html): post em 1080 × 1350, story em 1080 × 1920. Margem lateral de 80 px em todas as peças. Três posts e um story:
• post de foto e frase: foto aprovada em cima, de borda a borda, com 810 px de altura (60%); embaixo, no Algodão, a frase em Literata 500 de 72 px à esquerda (até 600 px de largura) e o monograma plano em Capa de 168 px à direita, alinhado ao topo da frase; no pé, a 64 px da borda, "Almeida Nascimento Advocacia" em itálico Capa à esquerda e o site em Fumo à direita, 26 px. No papel impresso o monograma seria o selo seco; no post (tela), é tinta plana, no mesmo lugar (plano B do território).
• post na pasta (frase curta, sem foto): a pasta Capa inteira, o monograma grande em selo (560 px, no alto à direita, a 96 px das bordas, nunca atrás de texto), a frase em Algodão, Literata 500 de 96 px, à esquerda, terminando a 216 px do pé, e a assinatura horizontal Algodão sobre Capa no pé (340 px). Só frase curta, de até duas linhas ("Uma decisão. Todas as frentes."). No máximo um post na pasta a cada três no feed.
• post de número (conteúdo tributário): chão Algodão, com 96 px de margem em cima. Rótulo em itálico ("equiparação hospitalar, um exemplo"), o caso em Literata 500 de 56 px, o resultado com o fio Palha à esquerda (rótulo "economia estimada em 12 meses" e o número em Literata 500 de 150 px, algarismos tabulares), as linhas da conta (rótulo em itálico à esquerda, valor com unidade à direita, fio Pedra entre elas, 32 px) e a ressalva do exemplo em 24 px Fumo, uma vez; no pé, a assinatura horizontal (300 px) e o site. Só números do exemplo oficial ou de conta publicada pelo escritório; o fio Palha é o único da peça.
• story (frase, foto e chamada): áreas livres de 250 px no topo e 340 px na base (controles do aplicativo): nenhum texto nelas. Foto aprovada em cima, de borda a borda, com 1000 px de altura, o rosto abaixo dos 250 px; no Algodão, a frase em Literata 500 de 68 px à esquerda (até 760 px) e o monograma plano em Capa de 140 px à direita, alinhado ao topo da frase; abaixo, a chamada em Literata 500 de 40 px, sublinhada como an-link ("Estimar a economia da clínica"), e 120 px livres para o adesivo de link do aplicativo, que é onde está o endereço (nunca um botão desenhado); no pé, logo acima da área livre, o nome em itálico e o site. Story só de frase: a mesma peça sem a chamada, com a frase em 84 px.
• Ressalva do exemplo (post, story, proposta, apresentação): "Exemplo calculado pela estimativa do formulário. Não é parecer nem promessa de resultado: a aplicação a cada clínica depende da análise do escritório."
• WhatsApp (assets/modelos/whatsapp.html): foto de perfil assets/logos/avatar-capa-1080.png (o monograma Algodão sobre Capa), sem refazer. Capa do perfil comercial (1080 × 1080): Algodão, a assinatura horizontal centrada (640 px) e, embaixo, "Patrimônio, família, empresa e impostos, pensados juntos." em itálico Fumo de 32 px; tudo dentro da faixa central de 1080 × 520, porque o aplicativo corta a capa numa faixa larga e põe a foto de perfil por cima do canto de baixo. Cartão de saudação (1080 × 1350, imagem que o Esthevan manda junto da primeira mensagem): Algodão, a assinatura no alto (300 px), a saudação aprovada em Literata 500 de 60 px, o resto da mensagem em 34 px, e no pé quem fala (nome em Literata 500, cargo e OAB em itálico Fumo). Descrição do perfil: "Patrimônio, família, empresa e impostos, pensados juntos." e o site. A primeira mensagem diz quem fala e o que acontece ("Olá, aqui é o Esthevan, da Almeida Nascimento Advocacia. Respondo por aqui em horário comercial, na ordem de chegada."), sem promessa e sem emoji.
• Assinatura de e-mail (assets/modelos/assinatura-email.html, uma por pessoa): tabela de três colunas, sem fundo na tabela. O logo vai num PNG com o próprio chão Algodão e o respiro de 1/3 em volta (horizontal-capa-sobre-algodao-email.png, 480 × 104 px exibidos em 240 × 52; a assinatura dentro dele tem 220 px), nunca num PNG transparente: num programa de e-mail no modo escuro, a tinta Capa e Fumo sobre fundo transparente some (1,3:1); com o chão, o logo fica num dos três fundos permitidos e aparece em qualquer cliente. O texto ao lado é texto de verdade, que os programas no modo escuro clareiam sozinhos. Depois do logo, um fio Pedra vertical de 1 px com 20 px de cada lado e, à direita, o nome em Georgia 18 px Capa, o cargo e a OAB em itálico Fumo 14 px, o WhatsApp e o site sublinhado em 14 px. Fonte Georgia (com Times New Roman de reserva): programas de e-mail não carregam fonte da web, e a Georgia é a serifa de sistema mais próxima da Literata. Nunca Arial nesta marca. E-mail não lê variável de CSS: as cores vão em hex no próprio HTML, iguais aos tokens (Capa #172C42, Fumo #5A544D, Pedra #DAD2C4). No modelo, a imagem aponta para o arquivo da skill; em produção, para o endereço público do arquivo no site (ex.: https://almeidanascimentoadv.com.br/assinatura/horizontal-capa-sobre-algodao-email.png, a confirmar quando o site hospedar).
• Cartão de visita (90 × 50 mm, modelos em assets/modelos/cartao/): frente = a pasta, cartolina Capa com o monograma em selo seco navy sobre navy, grande (60% da altura), deslocado para a direita, e nada mais; verso = a folha, Algodão, assinatura horizontal pequena no alto à esquerda, o nome em Literata 500, cargo e OAB em itálico Fumo, um fio Palha de 24 pt e os contatos em coluna (rótulo em itálico, valor em redondo). Nunca dois logos no mesmo lado, texto na frente, canto arredondado, verniz ou dourado.
• Documentos (relatório, parecer, resumo de reunião, proposta, contrato): monte com o componente Documento (HTML que também vira PDF A4): capa na pasta, com o monograma plano em selo (seção Logo), sumário na folha, seções com rótulo em itálico, tabelas de rótulo e texto. Sumário com Sumario: uma grade leve logo depois da capa, sem linhas, com número de dois dígitos (3 ou 4 colunas na tela, 2 no PDF, 1 no celular). Grades de cartões com número de colunas que feche certo. No PDF: margem de 14 mm em cima e embaixo e 16 mm nas laterais, primeira página com a capa e o sumário, cartão e linha de tabela nunca partidos entre páginas, cabeçalho de seção nunca sozinho no pé. Efeito de fundo só na capa; nada de marca d'água atrás do texto.
• Proposta de trabalho (modelos prontos em assets/modelos/propostas/, PDF e DOCX, com LEIA-ME.md): A4 retrato, 6 páginas: capa (pasta, selo seco simulado grande, título sem palavra sozinha na última linha, "Proposta de trabalho", título, cliente, data) · o ponto de partida · o que propomos (as frentes, cada uma com rótulo itálico e uma frase) · como funciona (etapas numeradas com prazo-alvo) · o que precisamos de você · investimento e condições (campos a preencher, nunca valor inventado) · próximos passos e assinaturas · ressalvas (Provimento 205/2021: a proposta é informativa; honorários conforme contrato; estimativa não é parecer) e dados do escritório. Cabeçalho das páginas internas: assinatura horizontal pequena à esquerda, "Proposta de trabalho · mês de ano" à direita; pé: selo seco pequeno à direita, número da página à esquerda. O que não existe entra como [a preencher] em fundo Pedra. A ressalva junto da conta (estimativa) é um parágrafo próprio, de 9,5 pt, separado da nota de metodologia (fórmula, fonte), que pode ter 8 pt. Entrega sempre em PDF ao cliente; o DOCX é para o escritório preencher.
• DOCX: títulos em 500 por instância estática (decisão de 07/10/2026, auditoria 2). O Word e o LibreOffice não escolhem o peso de uma fonte variável pelo estilo: com "Literata" no estilo, o título saía em 400. Os estilos de título usam as instâncias estáticas de 500, com nome de família próprio, as mesmas dos PDF: Literata Display no Título da capa (30 pt ou mais) e Literata Titulo no Título 1 das seções e no "Quem assina" do papel timbrado. Os arquivos (LiterataDisplay-500.ttf e LiterataTitulo-500.ttf) vão em assets/modelos/propostas/fonte-literata/, junto da Literata variável, e o escritório instala os quatro (o LEIA-ME.md das propostas diz como). A tabela de fontes do DOCX manda o Word para a Georgia se não estiverem instalados. Conferido convertendo o DOCX em PDF no LibreOffice e lendo a fonte embutida nos títulos (LiterataDisplay-500, LiterataTitulo-500).
• Parecer e relatório: partem de assets/modelos/documento.html, com a mesma capa e as mesmas ressalvas quando houver número.
• Capa e capítulo de apresentação (assets/modelos/capa-apresentacao.html, 1920 × 1080, para o escritório usar no Google Slides ou no PowerPoint): a pasta Capa com a folha Algodão dentro e 128 px de pasta em volta. Capa: na folha, à esquerda, a assinatura horizontal no alto (520 px) e, encostados no pé, o rótulo em itálico Fumo (30 px), o título em Literata 500 de 72 px e a data (30 px); à direita, a foto aprovada ocupando a metade da folha, de borda a borda. Capítulo: na folha, encostados no pé, o número em Fumo (36 px), o título em Literata 500 de 128 px e o rótulo em itálico embaixo. Cada uma sai em duas versões: com o texto de exemplo (para ver) e só o fundo (para pôr como plano de fundo do slide e escrever por cima em Literata, nas mesmas posições). Nos programas de slide, instale a Literata (Google Fonts) ou use Georgia. Nada abaixo de 24 px.
• Papel que vai para a impressora não leva chão. PDF para imprimir no escritório (papel timbrado, carta, qualquer folha que sai da bandeja) é sem fundo: o papel da bandeja é o chão, e a margem que a impressora não alcança viraria uma moldura branca em volta do Algodão. O chão Algodão fica só na versão digital (o PDF enviado por e-mail, lido na tela). Proposta, parecer e relatório são enviados em PDF e mantêm o Algodão; se forem impressos, imprima sem os gráficos de fundo.
• Papel timbrado (assets/modelos/papel-timbrado.html, A4 retrato; PDF pelo exportar.js, em duas folhas). A folha de impressão (papel-timbrado-impressao) é só o cabeçalho e o pé, sem chão e com o corpo em branco (decisão de 07/10/2026, auditoria 2): é o papel que vai para a bandeja, e a carta sai impressa por cima (escrita no DOCX). Campo a preencher em Pedra, impresso no papel, sairia como mancha bege. A folha digital (papel-timbrado-digital) tem o chão Algodão e a carta de exemplo, com os campos em Pedra marcando o que preencher; é a referência e o PDF para enviar. Nas duas: margens de 20 mm nas laterais; no alto, a assinatura horizontal de 62 mm, a 16 mm da borda, com um fio Pedra embaixo; no pé, um fio Pedra e duas colunas em 8,5 pt (apoio técnico, acima do piso de 8 pt): à esquerda o nome do escritório e os dois advogados com a OAB ("OAB nº a confirmar"), à direita o site, o WhatsApp e o endereço ("a confirmar" até chegarem). O corpo da carta em Literata 11 pt, entrelinha 1,5, rótulos em itálico; nada de selo, fio Palha ou marca d'água. O DOCX do mesmo papel (assets/modelos/timbrado/papel-timbrado.docx, estilos Corpo, Quem assina (Literata Titulo, 500) e Campo a preencher) é para o escritório escrever as cartas no Word; o Algodão dele aparece só na tela, porque o Word não imprime a cor da página. Nada de selo no papel timbrado.

Sistema de marca desenvolvido pela Anúncio Jurídico para a Almeida Nascimento Advocacia, outubro de 2026.