24 · Grafismos

Vigente

24 · Grafismos

Fontes: MANIFESTO.md §2 · BRIEFING.md §4 · brand/guidelines/01-essencia.md §1.4 · brand/guidelines/19-identidade-visual.md §19.2, §19.5, §19.8 · brand/guidelines/21-simbolos-e-logotipo.md §21.5, §21.7 · .claude/ui-design/visual-language.md §2, §3, §4, §7 · .claude/ui-design/anti-patterns.md §3 · brand/guidelines/research/auditoria-mercado.md §3.2, §5.2 · ativos materializados — design-system/assets/pattern.svg, design-system/styles/shell.css, design-system/tokens/tokens.css, landing-page/reference-claude-design/styles/direction-h.css, landing-page/reference-claude-design/styles/direction-a.css.

Este capítulo responde a uma pergunta de execução visual: quais são os grafismos do Peppe — os elementos gráficos que carregam a identidade quando o logotipo não está em cena. É o sexto capítulo da Parte IV, depois do sistema de logotipo (21), e recebe duas entregas que os capítulos 19 e 21 lhe delegaram por nome.


Uma ressalva de partida — aqui o corpus é raso, e isso é o achado

Os capítulos 19 e 21 abriram com a mesma frase: "a identidade não é página em branco". Logotipo, tipografia e cor já estão materializados, versionados, em produção — esses capítulos consolidam.

Este capítulo é o oposto, e a honestidade é regra da casa. O sistema de grafismos do Peppe mal foi explorado. Não há régua escrita, não há catálogo, não há tokens dedicados. O que existe é um punhado pequeno de artefatos materializados de forma pontual — e nenhum deles foi desenhado como sistema.

A consequência metodológica é o inverso da dos capítulos vizinhos: aqui o capítulo propõe mais do que consolida. Mas propõe de evidência, não do zero. Os artefatos que existem — três principais, dois parados — não são aleatórios: compartilham um DNA visível, e esse DNA já é um sistema implícito. O trabalho deste capítulo é:

  1. Inventariar o que está materializado — marcado DADO.
  2. Nomear o sistema que os artefatos já formam sem ter sido nomeado — marcado PROPOSTA.
  3. Propor a régua de criação e aplicação que falta — marcada PROPOSTA, listada no fechamento.

E há duas dívidas herdadas que vencem aqui: o capítulo 19 (§19.2, decisão a ratificar 19#1) e o capítulo 21 (§21.7) delegaram, por nome, a especificação da tecla como grafismo — anatomia, estados, régua — ao capítulo 24. Esse é o item mais denso da entrega, e está em §24.5.4.


24.1 — O papel dos grafismos

O método define grafismo como o ativo que dá personalidade e reconhecimento à marca sem o logotipo estar presente — o suporte visual da identidade. A pergunta-teste do método é direta: a marca funciona e é reconhecível mesmo sem o logo?

Para o Peppe, a resposta a essa pergunta já foi dada — e foi dada com uma condição. O capítulo 19 rodou o teste de força proprietária (§19.8) e concluiu: o reconhecimento sem o logo é sistêmico, não mora numa peça solta, e depende de o registro V-B aparecer. Os grafismos do Peppe herdam essa conclusão inteira. Eles não são, sozinhos, assinatura de marca — são textura de apoio, deliberadamente discreta. Quem carrega reconhecimento ownable é a tecla (ver §24.2 e §24.5.4); o padrão de pontos e o grid não foram desenhados para serem notados, e essa é a função deles, não uma falha.

Isso fixa a postura do capítulo, que é a postura da marca:

O grafismo do Peppe não é ornamento. É estrutura tornada visível.

O Peppe é uma marca de Rigor Funcional (V-A — herança Rams/Bauhaus, MANIFESTO.md §2.1) e zero ornamento é régua dura do canônico (MANIFESTO.md §2.4). Uma marca assim não decora com floreio, arabesco ou padrão cultural. Ela tem, no entanto, uma matéria gráfica própria — e essa matéria é a grade: o mesmo sistema de construção de 8 px que organiza todo o layout, trazido à superfície em baixíssimo contraste como textura.

Há um eco conceitual exato nisso, e ele não é decoração de argumento. A ideia de marca do Peppe é a automação ingênua"mostra a mão, não a máquina" (01-essencia.md §1.4). Mostrar a grade de construção é, literalmente, mostrar a mão: o gabarito, o papel quadriculado, a planta de engenharia que normalmente fica escondida atrás da peça pronta. O Peppe deixa o gabarito à vista, de propósito e com discrição. O grafismo é a automação ingênua aplicada à própria superfície.

Inventário — o que existe hoje

ArtefatoTipoOnde estáStatus
Padrão de pontos (pattern.svg)Pattern / textura de fundoDesign System — chrome do cabeçalho das páginas internasDADO — materializado e em produção
Grid blueprint (.H-status__bp)Background contidoLanding Page V1 — bloco de status pré-lançamentoDADO — materializado na referência da LP V1
A teclaGrafismo-objeto / assinatura secundáriaDesign System + app + LP — tokens em produçãoDADO quanto à matéria; régua como grafismo é entrega deste capítulo
Luz direcionalGrafismo de profundidade ("grafismo invisível")Toda a interfaceDADO — canônico, ver §19.5
Régua-costura (.A-rule)Ruler / divisor de seçãoLanding Page — Direção APARADOdisplay: none na direção final
Ponto de kicker (.kicker__dot)Marcador de rótuloLanding PageDADO menor — derivado do mesmo ponto

Cinco artefatos com matéria real, um parado. É pouco — e é honesto que seja pouco num produto pré-lançamento. O que este capítulo afirma é que esse pouco já tem unidade, e que a unidade tem nome.


24.2 — Tipos de grafismo: o que o Peppe usa e o que recusa

O método pede para explorar três famílias de grafismo — patterns, ornamentos e backgrounds — e sugere a técnica de rapport (módulos repetíveis). A exploração aqui é, sobretudo, uma triagem: o Peppe ocupa duas famílias, recusa uma inteira, e tem um quarto tipo que o método não prevê.

FamíliaO Peppe usa?Racional
Pattern (padrão modular)Sim.O padrão de pontos é um rapport genuíno — um módulo de 16 px que tileia. É a família principal do sistema. §24.5.2.
Background (fundo de contexto)Sim.O grid blueprint e a luz direcional criam profundidade e contexto sem virar tapete. §24.5.3.
OrnamentoNão — recusa de princípio.Ornamento é elemento decorativo — vintage, floral, geométrico-festivo. Colide frontalmente com zero ornamento (MANIFESTO.md §2.4) e com o atributo Honesto. O Peppe não tem camada decorativa, e não deve ganhar uma.
Grafismo-objeto / assinaturaSim — e é o mais forte.A tecla. O método não tem essa categoria porque trata grafismo como superfície; o Peppe tem um objeto recorrente que carrega identidade. §24.5.4.

Patterns — o padrão de pontos (DADO)

O grafismo de apoio explícito do Peppe é um padrão de pontos: um rapport de módulo 16 × 16 px com um único ponto de 2 px de diâmetro no centro, em cinza claro. Tileado, forma uma grade de pontos regular e silenciosa. Está aplicado no cabeçalho das páginas internas do Design System — não como fundo de tela, mas como chrome de uma faixa delimitada. Anatomia completa e régua em §24.5.2.

Backgrounds — o grid blueprint e a luz (DADO)

O Peppe tem dois grafismos de fundo, e nenhum dos dois cobre a tela:

  • O grid blueprint — uma grade quadriculada de linhas finíssimas (5% de preto), desenhada dentro de um card contido na landing page, no bloco que comunica "ainda não lançou". É a planta de engenharia: o motivo do blueprint casa, semanticamente, com a mensagem de produto em construção. §24.5.3.
  • A luz direcional — o que o capítulo 19 chamou de "grafismo invisível" (§19.5). Não é um desenho: é a física fixa de luz vinda do canto superior esquerdo, que faz superfícies pousarem, afundarem ou flutuarem. É grafismo de profundidade, já canônico — este capítulo o reconhece no sistema, não o reabre.

Ornamentos — a recusa, e por que ela importa

O método sugere explorar ornamentos "vintage, geométrico, floral, moderno". O Peppe recusa a família inteira. Não é timidez — é diferenciação ativa (o pilar do capítulo 21 §21.3 aplicado à textura). A auditoria-mercado.md §3.2 registra o pecado-padrão da categoria — o excesso de fachada sobre a substância. Uma camada ornamental seria exatamente isso: floreio sem função. O grafismo do Peppe ou tem origem na estrutura, ou não existe.

O grafismo-objeto — a tecla

A tecla é o sinal de marca mais proprietário do sistema (19-identidade-visual.md §19.8, 21-simbolos-e-logotipo.md §21.7). O capítulo 21 a formalizou como assinatura visual secundária e delegou a este capítulo a especificação dela como grafismo — anatomia, estados, régua. Está em §24.5.4. Aqui basta registrar a fronteira: a tecla não é logo e não é ornamento — é um objeto funcional recorrente que, por ser inconfundível, virou sinal de marca.

Os dois parados

  • A régua-costura (.A-rule) — um divisor horizontal entre seções, com marcações tipo régua a cada 40 px e rótulos em mono (§ 05 / STATUS). Foi explorada na Direção A da landing e desligada (display: none) na direção final, em nome do "rigor sem ruído". Fica registrada como exploração parada — coerente com o sistema (é uma régua, e o sistema é feito de grade), mas não vigente. Decisão no fechamento.
  • O ponto de kicker (.kicker__dot) — um pequeno ponto que antecede rótulos de seção. É o mesmo ponto do padrão, isolado. Menor, derivado, sem régua própria — citado por completude.

24.3 — Referências e repertório

O método incentiva buscar repertório em culturas e movimentos artísticos, e lista exemplos — grafismos africanos, indígenas, orientais; Art Nouveau, Art Déco; floral, tribal. A maior parte dessa lista não se aplica ao Peppe, e dizer isso é parte da diretriz, não uma omissão.

O que o Peppe não busca

Grafismo africano, indígena, oriental, floral, tribal, Art Nouveau — todos são linguagens ornamentais e culturalmente carregadas. Importá-las seria, primeiro, ornamento (recusado em §24.2); segundo, apropriação sem lastro — o Peppe não nasce de nenhuma dessas tradições. O repertório do Peppe é outro, e já está cravado no canônico.

O repertório real — o que o sistema visual já declara

A gramática V-A/V-B do MANIFESTO.md §2 e a régua visual-language.md já fixam as sementes de referência. O grafismo deriva delas, não de fora:

  • Funcionalismo Rams / Braun, herança Bauhaus (semente de V-A). Daí vem a disciplina: grade matemática, geometria pura, nada gratuito. O grafismo do Peppe é parente do papel quadriculado, do gabarito de engenharia, do desenho técnico — superfícies onde a grade é ferramenta, não enfeite.
  • Imaginário retrofuturista dos anos 70 — cassette futurism (semente de V-B). Daí vem a tecla: o painel de instrumentos, o controle de hardware analógico, a face de mostrador. É o repertório do "futuro que o passado imaginou".
  • A planta / o blueprint. A grade azul-e-branca do projeto de engenharia é a referência direta do grid da landing — e carrega o significado "em construção" de graça, o que é exato para uma marca pré-lançamento.

Esses três são o repertório legítimo. São a mesma família: grade, instrumento, planta — o vocabulário de quem constrói e mede, não de quem decora.

A trava de IP

Vale o lembrete da regra dura (BRIEFING.md §7, MANIFESTO.md §8, forbidden-terms.md §5.2): nenhum grafismo do Peppe pode citar, aludir ou reconstruir uma assinatura visual associada à inspiração-fonte — padrão, listra, textura ou motivo reconhecível. A inspiração é backstage; o grafismo, sendo superfície de marca, a respeita sem exceção.


24.4 — Diretrizes de criação

O método fixa quatro princípios para criar grafismo — Unidade, Detalhes, Origem, Teste de Reconhecimento. Aplicados ao Peppe, eles deixam de ser genéricos e viram a régua do sistema.

Unidade — todos os grafismos vêm da grade

Os grafismos do Peppe se conectam à identidade inteira porque derivam de uma só forma de origem: a grade de 8 px. O padrão de pontos é a grade marcada nos seus cruzamentos. O grid blueprint é a grade marcada nas suas linhas. A régua-costura é a grade lida como régua. A própria luz direcional obedece a uma única direção fixa. Não há grafismo do Peppe que não seja uma leitura da estrutura — e é isso que dá unidade ao conjunto sem precisar de um "estilo" superposto.

Detalhes — a mesma família, propriedade a propriedade

Todo grafismo do Peppe respeita, sem exceção, quatro propriedades:

  • Acromático. Cinza ou preto em baixa opacidade — nunca cor. O grafismo é estrutura; cor tem função (MANIFESTO.md §2.4), e estrutura não é função de cor.
  • Baixo contraste. O grafismo é textura de apoio, não sinal. Ele se percebe, não se lê. Se um grafismo "salta", virou ornamento.
  • Snap na grade de 8/16 px. Módulo, offset e posição caem na escala estrutural. O padrão de pontos tileia em 16 px e é deslocado 8 px para alinhar com o padding; nenhum valor é arbitrário.
  • Contido, nunca tapete. O grafismo vive numa faixa ou num card delimitado — jamais cobre a superfície global. É a régua dura de anti-patterns.md §3 ("textura como tapete") e de MANIFESTO.md §2.2.

Origem — a rastreabilidade até o logo e o layout

O método pede que o grafismo busque origem nas formas do logotipo. O Peppe tem duas linhagens, e as duas se fecham:

  • O ponto vem do disco. O símbolo circular do Peppe (21-simbolos-e-logotipo.md §21.4.2) é um disco. O ponto do padrão é esse disco reduzido ao mínimo e multiplicado — a marca dissolvida em textura. O grafismo de pattern é o símbolo da marca virando atmosfera.
  • A grade vem do sistema de construção. As linhas do blueprint e os ticks da régua-costura são a grade de 8 px — a mesma que posiciona cada elemento de cada tela — trazida à tona. A origem não é um floreio do logo; é o esqueleto compartilhado de toda a identidade.

Não há, no sistema, grafismo de origem decorativa. Cada um aponta para uma decisão estrutural já tomada.

Teste de reconhecimento — a resposta honesta

"A identidade funciona sem o logo?" — o capítulo 19 já respondeu: sim, com uma condição, e o reconhecimento é sistêmico (§19.8). Para os grafismos especificamente, a resposta é mais afiada e precisa ser dita sem maquiagem:

  • O padrão de pontos e o grid blueprint, isolados, não carregam reconhecimento. São cinza claro sobre off-white, 5% de preto sobre branco — textura quase subliminar. Vistos fora de contexto, não dizem "Peppe". E não deveriam dizer: foram desenhados para serem o ambiente, não o sinal.
  • A tecla, sim, é reconhecível sem o logo — é o ativo proprietário do sistema (§19.8, §21.7).

O sistema de grafismos passa no teste de unidade (tudo deriva da grade) e passa no teste de coerência de família (mesmas quatro propriedades). Não passa — e não tenta passar — no teste de "assinatura autônoma" para as peças de textura. Quem assina é a tecla; o pattern e o grid sustentam. Forçar o contrário seria subir o contraste da textura até ela virar ornamento — exatamente o que a marca recusa.


24.5 — Desenvolvimento prático: o sistema de grafismos

O método pede para descrever as formas básicas e transformá-las em sistemas aplicáveis. Esta seção faz isso: nomeia a forma única de origem, e então documenta cada grafismo — anatomia (DADO, onde materializado) e régua de aplicação (majoritariamente PROPOSTA).

24.5.1 — A forma de origem: a grade revelada

PROPOSTA — o conceito que nomeia o sistema.

O sistema de grafismos do Peppe tem uma única forma de origem, e ela não precisa ser inventada porque já está em uso: a grade. Toda superfície do Peppe é construída sobre uma grade de 8 px. Os grafismos são essa grade revelada — trazida do backstage estrutural para a superfície, em contraste tão baixo que nunca compete com o conteúdo.

Da grade revelada saem dois gestos, e os dois já estão materializados:

  • Marcar os cruzamentos → o padrão de pontos.
  • Marcar as linhas → o grid blueprint.

É o mesmo papel quadriculado lido de dois jeitos. Essa é a tese do capítulo, e ela é uma proposta de leitura a ratificar: o Peppe não tem um "sistema de grafismos" a criar do zero — tem um sistema implícito de uma forma só, que este capítulo apenas nomeia.

24.5.2 — Grafismo 1: o padrão de pontos

Anatomia — DADO (design-system/assets/pattern.svg, design-system/styles/shell.css).

  • Módulo. Tile de 16 × 16 px com um único ponto circular de 2 px de diâmetro (raio 1 px) no centro do módulo.
  • Cor. (Nota de discrepância entre os dois assets do repositório: design-system/assets/pattern.svg — o arquivo referenciado pelo shell.css em produção — usa fill="#D9D9D9"; brand/assets/pattern.svg usa fill="#CECECE". O comentário canônico de shell.css cita #D9D9D9 e o Design System é a fonte de produção, portanto a cor operacional é #D9D9D9 — cinza claro, acromático. O brand/assets/pattern.svg precisa ser reconciliado para #D9D9D9, e o §19.5 do capítulo 19, que descrevia #CECECE, também. Fechamento, lacuna 1.)
  • Aplicação materializada. Fundo do .peppe-page-header — a faixa de cabeçalho das páginas internas do Design System. Tileado (background-repeat: repeat) sobre surface/base (off-white #F7F7F7), com offset de 8px 8px para os pontos caírem em x/y = 16, 32, 48… e alinharem com o padding múltiplo de 16. Altura da faixa em 16n + 8 (ex.: 328 px), para a última linha de pontos respirar.

Régua de aplicação — PROPOSTA.

  • Onde usar. Em chrome delimitado — faixa de cabeçalho, capa de seção, bloco de header. Sempre uma área funcionalmente cercada, nunca o fundo da viewport.
  • Limite de cobertura. O comentário de shell.css fixa o critério em uso: a área coberta fica abaixo de ~30% do viewport típico. Acima disso, o padrão deixa de ser textura contida e vira tapete — flag de anti-patterns.md §3.
  • Registro. O padrão é acromático cinza — opera como elemento de V-A. Ver a nota de gramática em §24.5.5.
  • Proibições. Não tileamento sobre a tela inteira; não recolorir para terroso ou qualquer cor; não aplicar o logotipo nem texto de leitura longa diretamente sobre o padrão (21-simbolos-e-logotipo.md §21.6 já veta o logo sobre a textura de pontos); não alterar o módulo de 16 px nem o offset.

24.5.3 — Grafismo 2: o grid blueprint

Anatomia — DADO (landing-page/reference-claude-design/styles/direction-h.css, .H-status__bp).

  • Forma. Uma grade quadriculada de linhas retas — 8 verticais + 5 horizontais — que dividem o card em 9 colunas × 6 linhas de células. Linhas de 1 px.
  • Cor. rgba(0,0,0,0.05) — 5% de preto. Contraste deliberadamente quase subliminar.
  • Aplicação materializada. Camada de fundo (position: absolute; inset: 0; z-index: 0) dentro do card do bloco de status da landing — a seção "Ainda não lançou". O conteúdo fica numa camada acima (z-index: 1). É um background contido pelo card, nunca solto na seção.
  • Semântica. O motivo blueprint — planta de engenharia — está casado, de propósito, com a mensagem: o produto está em construção. O grafismo diz, em forma, o que o texto diz em palavra.

Régua de aplicação — PROPOSTA.

  • Onde usar. Dentro de um container contido (card, painel), como camada de fundo atrás do conteúdo. Vocação natural: superfícies que comunicam construção, projeto, antecipação — bloco de pré-lançamento, estado vazio, "em breve".
  • Contraste-teto. ~5% de preto. Subir o contraste transforma a planta em gaiola visual e atrapalha a leitura — viola a régua de baixo contraste de §24.4.
  • Registro. Acromático — elemento de V-A, como o padrão de pontos.
  • Proibições. Não usar como fundo de seção ou de viewport (só dentro de container); não colorir; não usar sob texto de leitura longa sem garantir contraste do texto; não aumentar a densidade de linhas a ponto de virar trama.
  • Pendência de status. O grid blueprint hoje vive na referência da Landing Page V1, não nos tokens do Design System, e carrega uma semântica de janela ("em construção"). Duas decisões no fechamento (decisão 5): promovê-lo a grafismo de sistema tokenizado, e definir se é grafismo permanente ou de janela de lançamento.

24.5.4 — Grafismo 3: a tecla como grafismo

Esta subseção é a entrega que os capítulos 19 (§19.2, 19#1) e 21 (§21.7) delegaram ao capítulo 24. O capítulo 21 reconheceu a tecla como assinatura visual secundária da marca e remeteu para cá a especificação dela como grafismo — anatomia, estados, régua. Aqui ela se cumpre.

A tecla não é pattern nem background — é um grafismo-objeto: uma peça única, recorrente, que carrega identidade por presença, não por repetição. É onde o registro retrofuturista V-B se concentra (19-identidade-visual.md §19.5): um controle de hardware analógico vestindo tecnologia.

Anatomia — DADO (design-system/tokens/tokens.css). Três camadas empilhadas:

CamadaFunçãoMatéria materializada
SocketO encaixe — a moldura onde a tecla assentaOverlay de ambiente sutil (tints #EFEFEF/#FBFBFB a 20%), evita leitura chapada. Raio 18 px (variante grande) / 14 px (compacta).
RimO anel de profundidade — a lateral da teclaBorgonha escuro #5F0000; borda com topo iluminado (#FFFFFF) e base sombreada (#CECECE). Raio 16 px / 10 px.
CapO topo — a superfície que se pressionaGradiente âmbar #F7692B → #FA4C00; anel de bisel (#FF9567 topo / #FF4E00 base). Raio 14 px / 8 px.
  • Sombra. Token próprio (--shadow-tecla) — par highlight-claro + sombra-suave, direção de luz fixa do canto superior esquerdo, igual à --shadow-raised. É peça distinta: tem token separado para que mudanças na gramática de cards não a arrastem.
  • Raios oddball. 18/16/14 e 14/10/8 incluem valores fora do múltiplo de 4 — exceção declarada e aceita (anti-patterns.md §12), porque o step 2 uniforme entre as três camadas é o que dá a leitura de "anel encaixado".

Estados — DADO.

  • Rest. Cap em âmbar pleno, bisel direção padrão (claro em cima → escuro embaixo), sombra-volume ao redor.
  • Hover. Cap mais claro (#FF986B → #FF7135); borda do bisel acompanha.
  • Pressed / active. Cap afunda — sombra interna de duas camadas (inset preto de profundidade + inset borgonha de reforço do rim contra o cap). A leitura é de superfície tátil empurrada para dentro do encaixe.
  • Disabled. Cap dessaturado em cinza (#C9C9C9 → #B8B8B8).

Régua de aplicação — PROPOSTA.

  • O que a tecla é. A assinatura visual secundária do Peppe e o portador material do registro V-B. Onde o sistema precisa de calor, tatilidade e personalidade num ponto, a peça é a tecla.
  • Dosagem. A tecla pontua — nunca cobre. Vale a régua dura de V-B (visual-language.md §2.2): uma tecla no campo de visão é regra, duas é o limite, três é violação. A tecla é o acento; a superfície ao redor é V-A.
  • O que a tecla não é. Não é logo — não identifica a marca nominalmente nem substitui o wordmark (21-simbolos-e-logotipo.md §21.7). Não é ícone de UI. Não é selo de certificação. É sinal de marca e é controle funcional — as duas coisas, não uma terceira.
  • Variantes. Duas escalas materializadas — grande (cap ≈ 65 px) e compacta/md (cap ≈ 40 px, casa com a altura de botão). Não criar escalas intermediárias sem necessidade real.
  • Proibições. Não recolorir o cap para fora da família âmbar; não achatar (a tecla tem volume — é o ponto dela); não aplicar sombra teatral além do token; não usar a tecla como mero contêiner decorativo sem função de ação.

24.5.5 — Régua transversal: a que registro os grafismos pertencem

PROPOSTA — e o ponto de doutrina mais importante do capítulo.

Há uma tensão real no corpus, e a régua da casa manda apontá-la, não escondê-la:

  • O MANIFESTO.md §2.2 associa "textura pontual" ao registro V-B (retrofuturista). O capítulo 19 §19.5 seguiu essa leitura e listou o padrão de pontos como "acento V-B pontual".
  • Mas o artefato materializado é cinza acromático (#D9D9D9), e o comentário de shell.css afirma, sem rodeio: "o pattern dot é V-A cinza, não V-B terroso".

Os dois não podem estar certos ao mesmo tempo sem uma reconciliação. A proposta deste capítulo, ancorada no que está materializado:

Os grafismos de textura do Peppe — padrão de pontos e grid blueprint — são um sistema V-A. São acromáticos, estruturais, de baixo contraste. O registro V-B não tem um grafismo de textura próprio: ele pontua por cor, por superfície e pela tecla (o grafismo-objeto). A "textura pontual" que o MANIFESTO §2.2 cita encontra sua realização no padrão de pontos — mas realizada na disciplina acromática de V-A, porque textura é um traço, e cor é outro.

Isso mantém tudo coerente: V-A predomina e é o chão (inclusive o chão texturizado); V-B pontua e é a nota (a tecla, a cor terrosa). Mas é uma reconciliação que relê levemente o MANIFESTO §2.2 — por isso vai marcada como decisão a ratificar (fechamento, decisão 2), e a evolução do MANIFESTO, se confirmada, escala ao orquestrador (visual-language.md §6).

O que nenhum grafismo do Peppe faz — régua de fechamento, válida para todos:

  • Cobrir a superfície global / o fundo da viewport (anti-patterns.md §3).
  • Carregar cor — decorativa, funcional ou de acento.
  • Ficar sob o logotipo (21-simbolos-e-logotipo.md §21.6).
  • Subir o contraste a ponto de competir com o conteúdo.
  • Ser ornamento — existir sem origem estrutural.

E uma fronteira a registrar (o capítulo 19 §19.7 pediu que fosse fixada): o sistema de 11 âncoras emoji da copy conversacional (voice-and-tone.md §4.5) não é grafismo — é pontuação semântica verbal, do canal de texto. Grafismo é matéria visual de superfície; emoji ancora frase. Os dois sistemas coexistem e não se misturam.


Para o usuário — fechamento

Este capítulo inventariou os grafismos materializados, nomeou o sistema que eles já formam e propôs a régua que faltava — e cumpriu as duas entregas que os capítulos 19 e 21 lhe delegaram (a especificação da tecla como grafismo, §24.5.4). Diferente dos capítulos 19 e 21, aqui o peso ficou em proposta: o corpus de grafismos é raso, e foi tratado como tal, sem inventar sistema que não existe.

Mapa de execução — o que os capítulos vizinhos fecham

A paleta completa é do capítulo 22; o conjunto tipográfico (incluindo o uso de mono em micro-copy editorial) é do 23; o manual visual operacional (capítulo 26) consolida a régua de grafismo num checklist e decide a tokenização. Onde este capítulo cita cor de grafismo, ela é acromática e não depende do 22 — mas qualquer revisão futura que cogite grafismo colorido passa primeiro pelo 22.

Decisões a ratificar — propostas que o corpus não fechou

  1. A tese "o grafismo do Peppe é a grade revelada" (§24.5.1). É a proposta de leitura que nomeia o sistema — um sistema de uma forma só (a grade), lida como pontos ou como linhas. Ratificar como racional oficial dos grafismos.
  2. Os grafismos de textura são um sistema V-A (§24.5.5). Relê levemente o MANIFESTO.md §2.2, que associa "textura pontual" a V-B. A proposta: textura é traço de V-A acromático; V-B pontua por cor, superfície e pela tecla, sem grafismo de textura próprio. Ratificar — e, se confirmada, a correção do MANIFESTO §2.2 e do capítulo 19 §19.5 escala ao orquestrador.
  3. A tecla como grafismo (§24.5.4) — anatomia, estados e régua de aplicação. A anatomia e os estados são DADO; a régua de aplicação é proposta. Formaliza a entrega delegada por 19#1 e §21.7.
  4. A régua de aplicação do padrão de pontos (§24.5.2) — onde usar, teto de cobertura ~30%, proibições. Integralmente proposta.
  5. O status do grid blueprint (§24.5.3). Duas sub-decisões: (a) promovê-lo de artefato da Landing Page V1 a grafismo de sistema tokenizado, e (b) definir se é grafismo permanente ou de janela de lançamento — hoje ele carrega a semântica "em construção", que perde sentido quando o produto abrir.

Lacunas — dependem de dado ou input do PO

  1. Cor canônica do ponto. Os dois assets do repositório divergem: design-system/assets/pattern.svg (referenciado pelo shell.css em produção) usa #D9D9D9; brand/assets/pattern.svg usa #CECECE. O comentário canônico de shell.css cita #D9D9D9. Cor operacional = #D9D9D9. Pendências: (a) reconciliar brand/assets/pattern.svg para #D9D9D9; (b) corrigir 19-identidade-visual.md §19.5, que descreve #CECECE.
  2. Nenhum grafismo é tokenizado. Não há --pattern-* nem --blueprint-* nos tokens. O padrão é um asset referenciado por URL; o blueprint é CSS inline na landing. Centralizar em tokens é trabalho do capítulo 26 / Design System.
  3. Reconciliação com os capítulos 20, 22 e 23. Todos existem. A direção de grafismo foi lida de 19, 21 e da régua visual-language.md antes deles estarem disponíveis. Revisitar §24.3 e §24.5 contra 20-moodboards.md, 22-paleta-de-cores.md e 23-conjunto-tipografico.md para confirmar consistência.
  4. Não há grafismo de textura V-B. Se a decisão 2 for rejeitada — isto é, se o PO quiser um grafismo de textura terroso, propriamente V-B —, ele não existe e precisaria ser criado. Hoje o corpus não tem essa peça; é lacuna de intenção.
  5. A régua-costura (.A-rule) está parada (display: none na direção final da LP). Decidir se entra no sistema como grafismo divisor vigente ou é descartada de vez.

Perguntas abertas — do método, que o corpus não responde

  1. O método sugere repertório de ornamento cultural (grafismos africanos, indígenas, florais, Art Nouveau) e a técnica de rapport decorativo. Este capítulo recusou a família ornamental inteira por princípio (§24.2, §24.3). Confirmar que a postura "grafismo estrutural, nunca decorativo" é permanente — ou se o PO quer, no futuro, abrir uma camada gráfica mais ilustrativa (o que exigiria evolução de gramática, não só de grafismo).
  2. Padrão e blueprint — um grafismo ou dois? Os dois são a mesma grade lida de formas diferentes. Decidir se valem como dois assets separados ou se devem ser unificados num único "grafismo de grade" paramétrico, com variantes (pontos / linhas) — decisão de arquitetura para o Design System.
  3. O símbolo circular como grafismo. O ponto do padrão é o disco da marca reduzido. Há um horizonte plausível em que o próprio símbolo circular seja usado em escala grande como grafismo de marca (capa, selo, marca-d'água). Confirmar se há intenção, ou se o símbolo permanece estritamente logo reduzido.