Brandbook + Design System · referência
O que faz um post parecer AFJ: a embalagem no centro, o verde da logo, um título curto que fala de produto e de operação, e o caminho para o site e o WhatsApp.
Prancha de referência. Os textos da AFJ (pauta, card e legenda) saem do Junior; a arte segue o padrão das peças já aprovadas. Aqui a marca está documentada a partir do que já existe, sem regra nova de produção de arte.

Parte I
Quem a AFJ é antes de qualquer pixel. O que é fato vem marcado com a fonte; o que é leitura da Arte One está sinalizado para validar com o cliente.
01 · Essênciaplataforma de marca
A frase-mãe já está no site. O resto organiza o que o feed e as pautas aprovadas vêm dizendo há um ano.
Segurança e sustentabilidade em uma só embalagem.Chamada principal do site afjembalagens.com.br · lida em 09/10/2026
Promessa
Cada projeto parte da aplicação real: peso, envase, transporte e a identidade de quem vende.
Proposta · validar com o clientePara quem
Indústria e comércio que embalam produto: cimenteiras, carvão, grãos e sementes, alimentos, pet food, delivery e varejo com sacola personalizada.
Proposta · base nos setores citados no site e no feedAs três linhas de produto (site)
¹ Está no site, mas o Vilson comentou em 01/09 que “acho que esse item ele não vende”. Confirmar com a AFJ antes de pautar.
Pilares de conteúdo
Uma linha por post: o que é, para que serve, o que define a escolha.
A embalagem no contexto: obra, ponto de venda, campo, delivery.
Personalização: a logo do cliente impressa no saco e na sacola.
Envase, empilhamento, umidade, selagem. Sempre ligado a um produto.
Datas que fazem sentido para a indústria, sem oferta.
02 · Personalidadecomo a marca se comporta
Quatro traços para decidir rápido se um título, uma foto ou uma legenda está no tom.
Nomeia o produto, o material, a etapa
Jargão de engenharia sem explicação
Foto da embalagem certa, dado do site
Promessa de “a melhor do mercado”
Frase curta, um benefício por vez
Texto de gestão sem produto
Fala da operação e da marca do cliente
Liquidação, preço, urgência
03 · Voztexto na arte e na legenda
Em 13/07 o Vilson devolveu duas pautas de armazenamento e cor de lote com o mesmo recado: “melhor concentrar em falar dos produtos”. Desde set/26 cada card leva o nome de uma linha da AFJ.
Fato · comentários no quadro Trello da AFJ, 13/07/2026Na arte
Nome do produto ou do problema em negrito, o benefício em peso leve. Inicial maiúscula sempre (pedido do Paulo em 14/09). Até 4 linhas.
Na legenda
O que a operação exige, o que define a embalagem, o que a AFJ faz. Fecha com o site e 5 hashtags, sempre com #AFJEmbalagens.
No anúncio e no vídeo
Assinatura do storyboard da campanha: “AFJ Embalagens. Sua marca merece ser lembrada.”
Dizemos (títulos aprovados)
Evitamos
Anatomia da legenda
04 · Fotografiaestilo e direção
Os ajustes de foto pedidos pelo Vilson repetem o mesmo ponto: a embalagem da foto precisa ser o produto da AFJ, bem acabada e sem repetir imagem.
Fato · Trello e grupo interno: 16/01, 24/07, 17/09 e 19/09/2026





Mood montado com o mockup oficial, a foto real da capa de banco (26/08), fotos do site e peças publicadas. Fotos do site e mockups gerados entram como imagem ilustrativa.
Três famílias de foto

A embalagem inteira, de frente, com a logo legível. Fundo floresta ou neutro. É a família que mais vende a personalização.

Envase, bobina, esteira, palete. Mostra que a AFJ entende a rotina de quem produz. A embalagem aparece em uso, não só o maquinário.

O produto no lugar onde trabalha: capa no banco do carro, saco no palete, sacola na mão. Foto real vale mais que a gerada.
Direção
Saco de cimento é saco de cimento: papel kraft multifolhado, fechamento limpo, bem acabado. Nunca outro produto parecido.
Mesma imagem em dois posts não. Mudar o ângulo ou juntar 2 ou 3 embalagens na cena (pedido do Vilson, 16/01).
Deixar a área de impressão visível. Quando der, mostrar “Sua logo aqui” (sugestão do Vilson, 10/02).
Nenhum logotipo real de outra empresa nas embalagens da foto. Regra que já vai na sugestão de imagem de cada card.
Ambiente industrial organizado, luz clara e neutra. A foto escura só no pack shot sobre fundo floresta.
Trama da ráfia, camadas do multifolhado, brilho do plástico. É o que separa embalagem técnica de embalagem qualquer.
Tratamento de cor



Em 31/03 o Vilson perguntou num card: “Não tá mudando muito a paleta do verde?”. O verde da foto e da faixa fica perto dos dois verdes da logo.
Uma foto, três recortes



Guia rápido para a AFJ mandar foto de produto


Briefing da capa de banco descartável (Vilson, 26/08): a foto real prova o uso; o mockup “Sua logo aqui” vende a personalização. Os dois juntos fazem o anúncio.
Evitar
A AFJ não trabalha com caixa de papelão (Vilson, 20/05 e 14/09).
“Essa foto não é embalagem de cimento” (17/09). Conferir o produto antes de tudo.
A mesma foto de cimento e de big bag em mais de um post (16/01).
Imagem gerada pode, mas sem marca de terceiros e com o produto certo.
05 · Aplicaçõesa marca fora do post
Onde a identidade aparece antes de alguém pedir orçamento.
Perfil do Instagram



Parte II
As peças da marca com nome, medida e regra, lidas das artes já aprovadas e publicadas. Medidas em pixels no canvas de 1080 de largura.
06 · Corescalas e papéis
Quatro escalas de dez passos geradas em OKLab. Os dois verdes e o grafite saem dos arquivos oficiais da logo; o kraft é a cor do próprio produto, amostrada das fotos de sacaria.
Fato · #00482C e #99CC33 amostrados do arquivo Logo_Oficial_AFJ_Embalagens_Cores.png| bg.photo.veil | #557D00 |
| bg.band.dark | #00482C |
| text.primary | #FFFFFF |
| text.emphasis | #FFFFFF |
| accent | #99CC33 |
| cta.border | #FFFFFF |
| cta.text | #FFFFFF |
| bg.canvas | #00482C |
| bg.deep | #001705 |
| text.primary | #FFFFFF |
| text.muted | #D1E1D7 |
| accent | #99CC33 |
| cta.bg | #99CC33 |
| cta.text | #002F17 |
Proporção típica numa peça da linha foto: 55 foto (kraft e cinza da fábrica) · 25 floresta · 12 lima · 8 branco do texto. O kraft é proposta: não está na logo nem no storyboard.

As peças de mai–dez/25 usavam um verde médio (perto de #609000) como fundo, que fica entre os dois verdes da logo. Na escala, o equivalente é o lima.500/600. Para não variar o tom de peça para peça, usar os passos da escala em vez de amostrar de cada foto.
07 · Tipografiauma família, dois pesos
Os títulos das artes foram medidos em 17/09: Montserrat 800 no começo da frase e 500 no resto, por volta de 50 px no canvas de 1080, centralizados. O site também usa Montserrat. Para rótulos e números, uma condensada no lugar do DIN Next do site.
Fato · medição das artes (fit.py, 17/09) e CSS do site, 09/10ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Montserrat · 500, 700, 800
Título, informação, botão, legenda da arte.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Barlow Condensed · 500, 600
Rótulo, data, número técnico. Aproximação do DIN Next do site e do storyboard.
Valores no canvas de 1080 px; amostras ao lado em escala reduzida. A letra do “SOLUÇÕES EM EMBALAGENS” da logo não foi identificada: usar sempre o arquivo da logo, nunca redigitar.
08 · LogoAFJ + barra lima
A pasta do cliente tem a logo em cores, verde escuro, verde claro, branco, branco com verde, preto e quatro cinzas, todos em PNG com fundo transparente. Usar só esses arquivos.
Fato · pasta “Assets Cliente” no Drive, conferida em 09/10
Cores sobre branco · padrão

Branco + verde sobre floresta

Branco + verde sobre foto · como nas peças




Versões de uma cor: verde escuro sobre kraft, verde claro sobre fundo muito escuro, preto e cinza para impressão em uma cor.

Área de proteção = altura do “J” dividida por dois em volta de toda a logo.
Proposta
Feed · ~240 pxno canvas de 1080, topo e centro




09 · Grid e formatoscomo as peças atuais se organizam
Todas as peças de set/26 seguem a mesma pilha centralizada. No story, 250 px no topo e na base ficam livres para a interface do Instagram (recomendação da Meta: 14%).
Posição das zonas lida das peças publicadas (fundo retangular, carvão, cimento). Margens de 80/96 e grid de 6 colunas são proposta para padronizar.
10 · Componentesblocos que já aparecem nas peças
Cada bloco foi tirado das artes aprovadas. Serve para conferir uma arte nova contra o padrão.

11 · Peçaso padrão atual, remontado
Remontados em HTML na medida real, a partir das peças aprovadas, para conferir uma arte nova. Não substituem o arquivo de produção. Texto entre colchetes é para trocar.
Feed · Produto · linha fotoFoto da linha ou do produto, faixas diagonais, título em dois pesos. Base: fundo retangular, carvão e cimento (set/26).
Story · Produto · linha fotoA mesma pilha do feed, com 250 px livres no topo e na base.
Feed · Personalização · linha florestaFundo floresta, embalagem recortada, palavra-chave em lima. Base: peças de mai–dez/25 e mockup oficial de cimento.
Feed · Checklist técnico · linha claraPara pauta de operação, sempre amarrada ao pedido de orçamento. Base: carrossel “5 informações”, publicado em 24/07.
Linha clara em kraft · propostaPeças reais de referência
Publicada · 06/06/25Cimento · linha floresta
Publicada · 09/07/25Sacolas · “sua logo”
Publicada · 12/08/25Big bag
Publicada · 26/09/26Sacos para carvão
Publicada · 09/10/26Multifolhados MFC
Publicada · 02/10/26Coleta seletiva
Aprovação interna · 08/10Sacos para cimento
Aprovação interna · 09/10Dia das Crianças · storyDatas de publicação conferidas na Página da AFJ no Facebook (API Meta, 09/10). Status de aprovação conferido no quadro Trello da AFJ, 09/10.
12 · Legibilidademedida, não estimada
Contraste calculado pela fórmula WCAG 2.2 com os hex reais. A peça é vista num celular de cerca de 390 px de largura, então todo tamanho do canvas de 1080 cai a 36%.
| Amostra | Contraste | Nível | Uso |
|---|---|---|---|
| Glow 00 | 10.70:1 | AAA | Título branco no fundo floresta |
| Glow 00 | 7.78:1 | AAA | Destaque lima no fundo escuro |
| Glow 00 | 10.70:1 | AAA | Título e logo sobre branco |
| Glow 00 | 10.21:1 | AAA | Título na linha clara |
| Glow 00 | 6.59:1 | AA | Texto de apoio na linha clara |
| Glow 00 | 4.86:1 | AA | Branco sobre verde médio (faixa) |
| Glow 00 | 7.78:1 | AAA | Texto do botão lima |
| Glow 00 | 1.90:1 | Reprova | Lima como texto no branco (evitar) |
Tamanho mínimo
| Aviso legal | 22 px → 7,9 no celular |
| Site | 24 px → 8,6 |
| 30 px → 10,8 | |
| Título (medido) | ~50 px → 18 |
Regras
13 · Tokenspara template e código
Use no gerador de posts, no site ou no Figma. Nomes iguais aos desta prancha.
{
"color": {
"floresta": {
"50": "#F2FDF7",
"100": "#D1E1D7",
"200": "#B0C6B8",
"300": "#8FAB9A",
"400": "#6F917D",
"500": "#507761",
"600": "#2F5F46",
"700": "#00482C",
"800": "#002F17",
"900": "#001705"
},
"lima": {
"50": "#F4FFE7",
"100": "#DEF2C4",
"200": "#C8E59F",
"300": "#B1D876",
"400": "#99CC33",
"500": "#76A400",
"600": "#557D00",
"700": "#355800",
"800": "#193600",
"900": "#021600"
},
"kraft": {
"50": "#FFF9EF",
"100": "#F0E1CE",
"200": "#DFC9AD",
"300": "#D0B28B",
"400": "#C29A64",
"500": "#9E7A47",
"600": "#7C5B2A",
"700": "#5C3D0C",
"800": "#3D2200",
"900": "#200800"
},
"grafite": {
"50": "#FAFAFA",
"100": "#DFDFDF",
"200": "#C5C5C5",
"300": "#ACACAC",
"400": "#939393",
"500": "#7B7B7B",
"600": "#636363",
"700": "#4D4D4D",
"800": "#2E2C29",
"900": "#110F09"
}
},
"semantic": {
"foto": {
"bg.photo.veil": "#557D00",
"bg.band.dark": "#00482C",
"text.primary": "#FFFFFF",
"text.emphasis": "#FFFFFF",
"accent": "#99CC33",
"cta.border": "#FFFFFF",
"cta.text": "#FFFFFF"
},
"floresta": {
"bg.canvas": "#00482C",
"bg.deep": "#001705",
"text.primary": "#FFFFFF",
"text.muted": "#D1E1D7",
"accent": "#99CC33",
"cta.bg": "#99CC33",
"cta.text": "#002F17"
}
},
"type": {
"family.sans": "Montserrat",
"family.label": "Barlow Condensed (aproximação do DIN do site)",
"title.strong": "50/1.2 sans 800",
"title.light": "50/1.2 sans 500",
"display": "96/1.0 sans 800 caps",
"label": "28/1.2 label 600 +0.12em caps",
"info": "32/1.4 sans 500",
"cta": "30/1 sans 700",
"site": "24/1.2 sans 600",
"legal": "22/1.3 sans 400"
},
"layout": {
"canvas.width": 1080,
"margin.side": 80,
"margin.feed.vertical": 96,
"story.safe": 250,
"columns": 6,
"logo.width.feed": 240,
"radius.pill": 14,
"band.angle": "≈ 35°",
"logo.min": 180
}
}
Baixar tokens.json
Parte III
O que a equipe precisa saber da AFJ antes de escrever ou produzir. Uso interno da Arte One.
14 · Na ponta da línguaatualizado em 09/10/2026
Embalagem de papel, plástico e aditivos para indústria e comércio. Todo post fala de um produto.Foco pedido pelo Vilson · 21/08 e 13/07
Quem está à frente
Aderbal Fernandes, CEO e fundador, segundo o site.
Ritmo
Pautas no quadro Trello da AFJ; o feed publica 1 a 2 posts por semana desde set/26.
Onde fica
Alameda Doutor Muricy, 209 · Centro de Curitiba · seg a sex, 8h30 às 18h
15 · Pessoas e canais
CEO e fundador (site).
Define a pauta e revisa texto e foto nos cards.
Aprovação interna das peças.
“MKT AFJ EMBALAGENS | ArteOne” · 5 participantes
41 99661-1301 · 41 99252-5341 · contato@afjembalagens.com.br
Instagram @afjembalagens · Facebook “AF Representações Brasil”
Links
Acessos ficam só no dossiê interno do Drive: “DOSSIE - AFJ Embalagens.md”.
16 · Pendênciasdono e próxima ação
Paulo / Vilson · feed e story revisados em 08/10, na Aprovação Interna do Trello. Próximo: aprovar ou comentar no card.
Paulo / Vilson · pronto desde 09/10, na Aprovação Interna. A data é 12/10.
Vilson · a conta da AFJ está com R$2,05 de saldo. Próximo: definir a verba; o criativo da capa de banco (briefing de 26/08) entra na retomada.
Junior · conclusão a confirmar com o Vilson. Os vídeos de cimento e carvão e de pet food e valvulado já estão na pasta.
Vilson / Paulo · fundação e datas importantes (feiras, lançamentos), pedidas em 06/10 para o calendário.
Vilson · confirmar com a AFJ se a linha é vendida hoje antes de pautar de novo.
Vilson / Paulo · confirmar o nome de quem responde pelo cliente no grupo MKT.
Vilson · se fizer sentido, pedir à AFJ fotos de estoque e linha seguindo o guia da seção 04.
Proposta17 · Histórico
Grupo “MKT AFJ EMBALAGENS | ArteOne” criado (14/06/2024).
Primeiros cards de conteúdo no quadro Trello da AFJ. O site atual leva “© 2024 · desenvolvido por ArteOne”.
Linha floresta no feed: fundo verde, mockup com a marca AFJ, “EMBALAGENS” ao fundo. Campanhas de engajamento no Meta.
Vilson pede variar as fotos de cimento e big bag (ângulo, 2 ou 3 sacos).
Vídeos animados com personagens: cimento e carvão, e pet food e valvulado (arquivos de 06 e 07/03).
Storyboard da campanha de tráfego pago, com a direção visual e a paleta da marca (pasta ADS).
Nova linha no feed: foto + faixas diagonais. Em 13/07 o Vilson pede foco nos produtos.
Quatro pautas técnicas: selagem, empilhamento, umidade e estoque de embalagens.
Vilson define a AFJ na lista de tráfego: campanha do zero, conteúdo de produto e embalagem.
Briefing da capa de banco descartável: foto real + mockup “Sua logo aqui”.
Cada card passa a ter uma linha da AFJ (fundo retangular, MFC, coleta, carvão, cimento, boca aberta, personalizados). Paulo pede inicial maiúscula nos títulos (14/09).
Publicados fundo retangular, boca aberta, carvão, coleta seletiva e MFC. Cimento revisado em 08/10.
Story do Dia das Crianças; brandbook e design system (v1.0).
Fontes conferidas em 09/10: quadro Trello da AFJ (cards e comentários), Página da AFJ no Facebook e conta de anúncio (API Meta), grupo ArteOne | Internos e grupo MKT AFJ (Evolution), ClickUp, site e pasta do cliente no Drive.