Brandbook + Design System
Tudo o que faz uma peça parecer Rebox: quem a marca é, como fala, como fotografa a obra e a fábrica, os personagens, e as cores, tipos, componentes e modelos prontos pra produzir sem errar.
Título da capa = título do post do Rebox 3X1, aprovado pelo Sérgio em 21/09.

Parte I
Quem a Rebox é antes de qualquer pixel. O que é fato vem com a fonte; o que é proposta da Arte One está sinalizado para validar com o Sérgio.
01 · Essênciaplataforma de marca
A assinatura vem do próprio site da Rebox. Os números também. O resto organiza o que os posts aprovados já vinham dizendo.
Fato · site rebox.ind.br, conferido em 09/10/2026Fortalecendo estruturas, concretizando sonhos.Assinatura da marca · topo do site rebox.ind.br · 10 anos · +3 milhões de produtos · +5 mil clientes no Brasil
Promessa
Cal, areia e cimento já dosados na fábrica. Menos etapa no canteiro, mesmo padrão em todo lote.
Proposta · validar com o SérgioPara quem
Quem toca obra e não quer perder tempo peneirando e medindo: pedreiro, mestre de obras, construtora e loja de material de construção.
Proposta · validar com o SérgioPilares de conteúdo
Reboco fino, médio e grosso; argamassa ACI, ACII e ACIII; projeção.
Rebox 3X1: rasgou, jogou na betoneira, aplicou.
Mistura industrializada, laboratório, estoque. A fábrica real é prova.
Datas do setor e de afeto: representante, pedreiro, crianças.
Argamassa e Azulejo para vídeo, figurinha e humor de obra.
02 · Personalidadecomo a marca se comporta
Quatro traços para decidir rápido se uma peça, uma foto ou uma legenda está no tom.
Vai direto ao uso: etapa, produto, resultado
Texto de catálogo comprido
Mostra fábrica, norma e embalagem real
Promessa de rendimento sem fonte
Nomeia granulometria, base, espessura
Jargão que o pedreiro não usa
Fala com quem está na obra, com humor
Piada que diminui o profissional
03 · Voztexto na arte e na legenda
Na arte, título curto em caixa alta. Na legenda, explica a etapa da obra em três parágrafos curtos e fecha sempre do mesmo jeito.
Na arte
Nome do produto, um título de até 5 palavras e uma frase de apoio. Site no rodapé. Nada de preço nem prazo.
Na legenda
Para que serve, o que observar antes de aplicar e o que muda com o produto pronto. Fecha com o convite fixo, telefone e site.
No WhatsApp do anúncio
Perguntar cidade, produto e quantidade na primeira resposta ajuda a virar orçamento.
Proposta · ainda não aplicadaDizemos
Evitamos
Anatomia da legenda
04 · Fotografiaestilo e direção
O vídeo do topo do site mostra a fábrica de verdade: ensaque, laboratório, areia, estoque e empilhadeira. Já as fotos de obra dos posts vêm de imagem gerada (pasta “Imagens geradas” de julho e storyboard de setembro). Regra: foto de fábrica é prova; foto gerada leva “Imagem ilustrativa”.
Fato · vídeo do site rebox.ind.br e pastas da cliente no Drive, 09/10/2026





Real = quadros do vídeo institucional que roda no site rebox.ind.br. Ilustrativa = imagem gerada pela Arte One para posts e roteiro.
Três famílias de foto

Saco saindo do ensaque, peneira de laboratório, pilha no estoque. É a prova de “padrão de fábrica” e a família que falta usar nos posts.

Pedreiro aplicando, com EPI, parede de tijolo, luz natural. Hoje é gerada: leva “Imagem ilustrativa” até chegarem fotos de obras reais com Rebox.

Arte oficial dos sacos, recortada, sobre fundo de tijolinho. Nunca redesenhada por IA: se a cena mostra o saco, a embalagem oficial entra por cima.
Direção
Natural de canteiro, lateral e quente. No escuro, uma luz recortando o pedreiro e a parede. Nada de flash estourado.
Ferramenta encostando na parede: desempenadeira, colher, betoneira. O gesto da aplicação é o centro da foto.
Capacete, luva e óculos em quem aparece trabalhando. Marca de construção não mostra obra insegura.
Obra brasileira de verdade: tijolo baiano, andaime, saco aberto. Sujo de obra, não bagunçado.
Arte oficial por cima, sem deformar. Nome do produto legível (FINO, MÉDIO, ACIII).
Profissional concentrado no serviço. Sorriso só em data comemorativa e institucional.
Tratamento de cor



Uma foto, três recortes



Guia rápido para a Rebox mandar fotos de obra


Storyboard do vídeo novo (17/09). A ideia veio do próprio Sérgio em 16/09; ele aprovou o roteiro no mesmo dia do envio: “exatamente, vai ficar muito bom”. Imagens ilustrativas, com a embalagem oficial aplicada por cima.
Evitar
A IA erra logo e letra. A embalagem oficial entra por cima, sempre.
Capacete e luva em quem está aplicando.
Pedreiro de pose, obra europeia, parede perfeita demais.
Toda imagem gerada leva “Imagem ilustrativa”, fora do rosto e do produto.
04b · Personagensdentro de fotografia e ilustração
A Rebox tem dois personagens em 3D, criados para o vídeo animado: o saco de Argamassa ACIII, forte e confiante, e o Azulejo, que sofre com material ruim e fica tranquilo quando a argamassa certa chega.
Fato · pastas “Personagens” e “Video V1” no Drive, arquivos de 26–27/02/2026
Saco da Argamassa ACIII com braços fortes, rosto confiante e a logo Rebox na testa. A embalagem é a real: lilás do ACIII, selo “Qualidade garantida”, “Multi uso”.
Usa em: vídeo, figurinha, data comemorativa, post de humor.

Peça branca com braços e pernas finos e rosto expressivo. Começa preocupado (gota de suor) diante da parede ruim e termina sorrindo ao lado da Argamassa.
Usa em: o problema da história. Nunca sozinho no final.




Quadros iniciais das cenas do “Rebox - Video animado” (versões V2, V3 e v5 na pasta Video V1). Não conferi se o vídeo foi publicado.
A Argamassa é sempre ACIII lilás. Não trocar para ACI ou ACII sem criar a versão no mesmo estilo.
Gerar novas cenas com o arquivo do personagem como referência, sem redesenhar o rosto.
A logo na testa da Argamassa é a oficial. Não inventar outra marca no saco.
Texto e voz explicam o produto. O personagem dá o tom, não substitui a informação.
05 · Aplicaçõesa marca fora do post
Onde a identidade já aparece hoje e como o perfil pode ficar.
Perfil do Instagram






Parte II
As peças da marca, com nome, medida e regra de uso, prontas para virar arte, template ou código. Medidas em pixels no canvas de 1080 de largura, iguais às do template Remotion da Rebox.
06 · Corescalas e papéis
Quatro escalas de dez passos geradas em OKLab. Vermelho, grafite e cimento saem da logo oficial; o cal é o fundo da linha clara do template. O passo com contorno é a cor de base.
Fato · hex amostrados da Logo_Oficial_REBOX.png e do template Remotion, 09/10| bg.canvas | #F4F3EF |
| bg.pattern | #D2D3D5 |
| text.primary | #150D10 |
| text.muted | #5E5C5A |
| brand | #ED3237 |
| tarja.bg | #ED3237 |
| tarja.text | #FFFFFF |
| faixa.from | #910000 |
| bg.canvas | #150D10 |
| text.primary | #FFFFFF |
| text.muted | #B2B3B6 |
| tag.bg | #ED3237 |
| tag.text | #FFFFFF |
| bar | #ED3237 |
| faixa.from | #910000 |
Proporção numa peça clara: 58 cal · 24 vermelho · 12 grafite · 6 cimento. Na linha obra, a foto ocupa o lugar do cal. O vermelho escuro do degradê da faixa fica entre os passos 600 e 700 (no template: #A9292B).
Cores de embalagem (não são cores de marca)
Aproximadas por amostragem das artes de embalagem do site. Só aparecem dentro da foto do produto; nunca em título, tarja ou fundo.
07 · Tipografiaduas famílias
Os posts da Rebox usam Impact nos títulos e Montserrat no texto (fontes carregadas no template Remotion). O site também usa Montserrat. Na web, esta prancha mostra a Impact pela Anton, a mais próxima no Google Fonts.
Fato · ReboxCampaignTemplate (Impact.ttf, Montserrat) e CSS do site · Anton é aproximaçãoABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Impact (arte) · Anton (web)
Nome do produto, título, número grande. Sempre caixa alta.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz 0123456789
Montserrat · 400, 700
Texto de apoio, tag, site, aviso.
Valores no canvas de 1080 px, tirados do template. O corpo diminui sozinho com texto longo (35 → 32 → 29). Amostras ao lado em escala reduzida.
08 · Logoletreiro com colher de pedreiro
Letreiro vermelho em itálico com sombra grafite e a colher de pedreiro atravessando o “o”. Há também a versão comemorativa de 10 anos. Os dois arquivos estão em “Assets do cliente” e já vêm recortados.

Sobre branco

Sobre tijolinho · linha clara, padrão

Sobre foto escura · linha obra

Área de proteção = altura do “R” (X) em volta de toda a logo, contando a ponta da colher.
Proposta · regra de proteção
Feed · mín. 220 pxno template: 300–340
Avatarlogo inteira, fundo branco





“Logo_Rebox_10_Anos.png” traz o “ANOS” em preto: só funciona em fundo claro. Na linha obra, use a logo oficial.
09 · Grid e formatosmargens e zona segura
No template da Rebox, o texto começa a 74 px da borda e a faixa vermelha do site ocupa os últimos 105 px. No story, o texto fica abaixo dos 250 px do topo (recomendação da Meta: 14%).
10 · Componentesblocos que montam as peças
Cada bloco tem nome, tamanho e fundo certo. Todos já existem no template Remotion; aqui eles ganham nome para a equipe falar a mesma língua.



11 · Peçasmodelos montados com os componentes
Montados em HTML na medida real e reduzidos para caber na tela. Texto entre colchetes é para trocar; o resto segue a regra. Os dois primeiros reproduzem o template aprovado em setembro.
Feed · Produto · linha claraTexto do post do Reboco Fino (aprovado em 14/09). Aqui com foto real de aplicação, do vídeo da fábrica.
Story · Produto · linha obraTexto do Rebox 3X1 (aprovado em 21/09). Logo e título abaixo dos 250 px do topo.
FÁBRICA REBOX · CÓRREGO FUNDO/MG
Feed · Institucional · fábrica realNúmeros do site e foto do vídeo da fábrica. Modelo novo, ainda não produzido.
Story · PersonagensA dupla do vídeo animado em peça de produto. Modelo novo, para validar.
Carrossel · Jeito antigo x Rebox · 3 slidesFrases do storyboard aprovado pelo Sérgio (17/09). Telefone e horário do site.
Peças reais de referência
Aprovada · 14/09Reboco Fino · feed
Aprovada · 21/09Rebox 3X1 · feed
Aprovada · 21/09Reboco Grosso · feed
Produzida · set/26Argamassa ACI · feed
Produzida · jun/26Qualidade na obra
Aprovação interna · 09/10Dia das Crianças · story12 · 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 |
|---|---|---|---|
| Rebox 01 | 17.24:1 | AAA | Texto de apoio na linha clara |
| Rebox 01 | 3.70:1 | AA só título | Nome do produto na linha clara |
| Rebox 01 | 4.11:1 | AA só título | Título branco na tarja vermelha |
| Rebox 01 | 9.53:1 | AAA | Branco sobre o vermelho escuro do degradê |
| Rebox 01 | 19.14:1 | AAA | Título na linha obra |
| Rebox 01 | 4.66:1 | AA | Vermelho sobre fundo escuro |
| Rebox 01 | 12.32:1 | AAA | Texto sobre branco |
| Rebox 01 | 1.35:1 | Reprova | Cinza claro na linha clara (evitar) |
Tamanho mínimo
| Aviso legal | 22 px → 7,9 no celular |
| Site no rodapé | 24 px → 8,6 |
| Texto de apoio | 29 px → 10,4 |
| Título | 57 px → 20,5 |
Regras
A coluna “Amostra” usa um texto fixo do gerador da prancha.
13 · Tokenspara template e código
Use no template Remotion, no site ou no Figma. Nomes iguais aos desta prancha.
{
"color": {
"vermelho": {
"50": "#FFF1EC",
"100": "#FFD1CA",
"200": "#FFB0A8",
"300": "#FC8F86",
"400": "#F36962",
"500": "#ED3237",
"600": "#BE011B",
"700": "#910000",
"800": "#660000",
"900": "#3C0000"
},
"grafite": {
"50": "#FAFAFA",
"100": "#DFDEDF",
"200": "#C5C4C4",
"300": "#ABAAAA",
"400": "#929091",
"500": "#7A7879",
"600": "#636061",
"700": "#4C4A4A",
"800": "#373435",
"900": "#150D10"
},
"cal": {
"50": "#FAFAF9",
"100": "#F4F3EF",
"200": "#D4D2CE",
"300": "#B4B3AD",
"400": "#96948E",
"500": "#787670",
"600": "#5C5A53",
"700": "#413F38",
"800": "#28261E",
"900": "#110F08"
},
"cimento": {
"50": "#FAFAFA",
"100": "#E6E6E7",
"200": "#D2D3D5",
"300": "#B2B3B6",
"400": "#939498",
"500": "#74777B",
"600": "#585A60",
"700": "#3D4045",
"800": "#23262D",
"900": "#0C0F16"
}
},
"semantic": {
"claro": {
"bg.canvas": "#F4F3EF",
"bg.pattern": "#D2D3D5",
"text.primary": "#150D10",
"text.muted": "#5E5C5A",
"brand": "#ED3237",
"tarja.bg": "#ED3237",
"tarja.text": "#FFFFFF",
"faixa.from": "#910000"
},
"obra": {
"bg.canvas": "#150D10",
"text.primary": "#FFFFFF",
"text.muted": "#B2B3B6",
"tag.bg": "#ED3237",
"tag.text": "#FFFFFF",
"bar": "#ED3237",
"faixa.from": "#910000"
}
},
"type": {
"family.display": "Impact (web: Anton)",
"family.sans": "Montserrat",
"product": "62/0.98 display caps",
"headline.claro": "57/1.12 display caps sobre tarja",
"headline.obra": "65/0.98 display caps",
"tag": "21/1 sans 700 +1.7px caps",
"body": "35/1.24 sans 400 -0.5px",
"url": "24/1 sans 400",
"legal": "22/1.3 sans 400"
},
"layout": {
"canvas.width": 1080,
"margin.side": 74,
"footer.ribbon": 105,
"story.safe": 250,
"columns": 6,
"bar.width": 6,
"radius.tarja": 0,
"logo.feed": 330,
"logo.min": 220
}
}
Baixar tokens.json
Parte III
O que a equipe precisa saber da cliente antes de produzir. Uso interno da Arte One.
14 · Na ponta da línguaatualizado em 09/10/2026
Reboco pronto, projeção e argamassa. Anúncio de WhatsApp: setembro foi o melhor mês, 85 conversas a R$8,27.Foco atual · transformar conversa em orçamento
Quem aprova
Sérgio, no grupo “MKT Rebox | ArteOne” (aparece como “Rebox”). Aprova no próprio grupo: “Arte aprovada”.
Como ele mede
Por orçamento. Em 07/10 contou que as conversas de setembro ainda não tinham virado orçamento e que “a marca tá ficando conhecida”.
Onde fica
Rua Joaquim Gonçalves da Fonseca, 250 · Córrego Fundo/MG · atende seg. a sex., 8h30–18h
15 · Pessoas e canais
Aprova artes e roteiros; recebe o boleto de mídia. Grupo MKT.
Financeiro, segundo o Vilson (31/08).
No grupo MKT; liberou o acesso à BM da Rebox.
Acompanha o grupo e a lista de tráfego pago.
(37) 9 9988-6713 · reboxltda@gmail.com
Meta Ads na BM “Sergio Luiz” · campanha de conversas no WhatsApp · Instagram @reboxltda
Links
Acessos e credenciais ficam só no dossiê interno do Drive: “DOSSIE - Rebox.md”.
16 · Pendênciasdono e próxima ação
Paulo / Vilson · está em Aprovação Interna no Trello desde 09/10. Depois do ok, segue para o Sérgio.
Junior · boleto de R$700 enviado ao Sérgio em 07/10. Conferir a compensação na conta; o anúncio já está programado até 07/11.
Junior · retorno ao Sérgio pedindo dois exemplos de conversa, para ajustar a abordagem. Proposta: perguntar cidade, produto e quantidade logo na primeira resposta.
Junior · storyboard aprovado. Próximo: animar as cenas e montar 20 s vertical, 1:1 e um corte de 10 s para o anúncio.
Arte One · pedir ao Sérgio fotos e vídeos de obras usando Rebox (guia na seção Fotografia).
PropostaPaulo / Vilson · olhar essência, personagens e modelos novos antes de levar algo ao Sérgio.
17 · Histórico
Personagens Argamassa e Azulejo e o vídeo animado (versões até v5).
Posts mensais: Reboco Pronto, “Qualidade na obra”, “Linha completa”.
Paulo pede a renovação do crédito: “20 leads quentes” no mês anterior.
Acesso à BM da Rebox confirmado; boleto de mídia enviado ao Sérgio.
Campanha de conversas no WhatsApp volta a rodar.
Oito posts de setembro com a geometria nova do template (3X1, reboco fino, médio e grosso, ACI, ACII, ACIII, projeção).
Sérgio aprova Reboco Fino e Reboco Médio.
Sérgio: “vários já virou orçamento”; pede vídeo novo, peneira x Rebox na betoneira.
Storyboard enviado e aprovado pelo Sérgio; 12 figurinhas de WhatsApp propostas ao time.
Sérgio aprova Rebox 3X1 e Reboco Grosso.
Card do Dia do Representante Comercial aprovado.
Relatório de setembro (85 conversas, R$8,27 cada); boleto de outubro enviado; anúncio programado até 07/11.
Story do Dia das Crianças; brandbook e design system v1.0.
Fontes conferidas em 09/10: grupo MKT Rebox (Evolution), ClickUp, diário de bordo, memória da frente Arte One, pasta da cliente no Drive, site rebox.ind.br e template Remotion da Rebox.