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 é:
- Inventariar o que está materializado — marcado DADO.
- Nomear o sistema que os artefatos já formam sem ter sido nomeado — marcado PROPOSTA.
- 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
| Artefato | Tipo | Onde está | Status |
|---|---|---|---|
Padrão de pontos (pattern.svg) | Pattern / textura de fundo | Design System — chrome do cabeçalho das páginas internas | DADO — materializado e em produção |
Grid blueprint (.H-status__bp) | Background contido | Landing Page V1 — bloco de status pré-lançamento | DADO — materializado na referência da LP V1 |
| A tecla | Grafismo-objeto / assinatura secundária | Design System + app + LP — tokens em produção | DADO quanto à matéria; régua como grafismo é entrega deste capítulo |
| Luz direcional | Grafismo de profundidade ("grafismo invisível") | Toda a interface | DADO — canônico, ver §19.5 |
Régua-costura (.A-rule) | Ruler / divisor de seção | Landing Page — Direção A | PARADO — display: none na direção final |
Ponto de kicker (.kicker__dot) | Marcador de rótulo | Landing Page | DADO 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ília | O 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. |
| Ornamento | Nã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 / assinatura | Sim — 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 deMANIFESTO.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 peloshell.cssem produção — usafill="#D9D9D9";brand/assets/pattern.svgusafill="#CECECE". O comentário canônico deshell.csscita#D9D9D9e o Design System é a fonte de produção, portanto a cor operacional é#D9D9D9— cinza claro, acromático. Obrand/assets/pattern.svgprecisa 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) sobresurface/base(off-white#F7F7F7), com offset de8px 8pxpara os pontos caírem em x/y = 16, 32, 48… e alinharem com o padding múltiplo de 16. Altura da faixa em16n + 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.cssfixa 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 deanti-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.6já 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:
| Camada | Função | Matéria materializada |
|---|---|---|
| Socket | O encaixe — a moldura onde a tecla assenta | Overlay de ambiente sutil (tints #EFEFEF/#FBFBFB a 20%), evita leitura chapada. Raio 18 px (variante grande) / 14 px (compacta). |
| Rim | O anel de profundidade — a lateral da tecla | Borgonha escuro #5F0000; borda com topo iluminado (#FFFFFF) e base sombreada (#CECECE). Raio 16 px / 10 px. |
| Cap | O topo — a superfície que se pressiona | Gradiente â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 (
insetpreto de profundidade +insetborgonha 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.2associa "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 deshell.cssafirma, 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.2cita 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
- 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.
- 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 doMANIFESTO §2.2e do capítulo 19 §19.5 escala ao orquestrador. - 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.
- A régua de aplicação do padrão de pontos (§24.5.2) — onde usar, teto de cobertura ~30%, proibições. Integralmente proposta.
- 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
- Cor canônica do ponto. Os dois assets do repositório divergem:
design-system/assets/pattern.svg(referenciado peloshell.cssem produção) usa#D9D9D9;brand/assets/pattern.svgusa#CECECE. O comentário canônico deshell.csscita#D9D9D9. Cor operacional =#D9D9D9. Pendências: (a) reconciliarbrand/assets/pattern.svgpara#D9D9D9; (b) corrigir19-identidade-visual.md §19.5, que descreve#CECECE. - 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. - 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.mdantes deles estarem disponíveis. Revisitar §24.3 e §24.5 contra20-moodboards.md,22-paleta-de-cores.mde23-conjunto-tipografico.mdpara confirmar consistência. - 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.
- A régua-costura (
.A-rule) está parada (display: nonena 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
- 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).
- 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.
- 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.