O Combinado é o app do vendedor: rotina em 4 números, um cliente difícil por dia, placar. A marca é a mecânica do produto virada em símbolo — um colchete com o check como quarto traço, as quatro batidas do dia. Ferramenta séria de trabalho: preto, branco e um amarelo de sinalização, usado como se usa tinta de obra — pouco e onde importa.
Três traços retos formam o colchete; o check é sempre o quarto traço e, quando há cor, é sempre amarelo. O nome vai em Barlow Semi Condensed 800, caixa alta. O artigo “O” faz parte do nome e não cai.
“por Bernardo Araújo” só entra com ≥ 120 px de largura de marca. Em anúncio, a assinatura vai no rodapé da peça, não colada na marca.
Sem o amarelo, o check continua sendo o traço que fecha o colchete — a leitura não depende da cor.
643216 · mínimo90 px · mínimo do lockupEm volta da marca, deixe livre no mínimo a espessura do traço do colchete (12% da altura do símbolo). Nada de texto, borda ou foto encostando.
Preto é o fundo. Branco é o texto. Amarelo é sinal. Só isso — o resto é superfície e cinza de apoio.
| Papel | Nome | Hex | Onde usar |
|---|---|---|---|
| Fundo principal | Preto | #0B0B0C | fundo de anúncio, app, landing |
| Acento | Obra | #F2C230 | o check da marca, o botão principal, o número em destaque, o eyebrow. No máximo 10% da área de qualquer peça. |
| Texto / fundo claro | Branco | #F7F7F5 | texto sobre preto; fundo do cartão PDF e de material impresso |
| Superfície | Chumbo | #2A2A2E | cards, campos de formulário, divisórias sobre preto |
| Texto secundário | Cinza | #9A9AA0 | legenda, rodapé, meta ainda não batida no placar |
| Estado (só no app) | Cumprido · Falhou | #2FBF71 · #E5484D | placar e histórico dentro do app. Nunca em anúncio — verde/vermelho em criativo vira promessa ou alarme. |
:root{
--preto:#0B0B0C; --obra:#F2C230; --branco:#F7F7F5;
--chumbo:#2A2A2E; --cinza:#9A9AA0;
--cumprido:#2FBF71; --falhou:#E5484D; /* só dentro do app */
--fonte-titulo:'Barlow Semi Condensed',sans-serif;
--fonte-texto:Barlow,system-ui,sans-serif;
}
Uma família só, em duas larguras: Barlow Semi Condensed para título (800, caixa alta) e Barlow para tudo que se lê (400/500/600). As duas são gratuitas no Google Fonts. Números sempre tabulares — é um app de placar.
Vendedor sem rotina vende no humor do dia.
Seu cliente difícil de hoje
Rotina em 4 números
Você responde em 3 passos: concorda, entende, confronta. Depois vê a resposta-modelo. Amanhã vem outro cliente.
18 / 22 · 12 / 12 · 7 dias seguidos
system-ui, sans-serif. Sem serifa, sem itálico decorativo.Barlow+Semi+Condensed:wght@700;800 e Barlow:wght@400;500;600.Fala como treinador de vendas que já bateu meta: direto, curto, sem discurso motivacional. O produto promete rotina e treino, nunca resultado financeiro.
Como a marca se comporta nos lugares em que vai rodar: anúncio, app, Google e landing.
Marca no canto superior esquerdo, título na metade de baixo, botão amarelo, assinatura no rodapé. A faixa tracejada é a zona segura: no 9:16 nada de texto fora de 14%–84% da altura (a interface do Stories e do Reels cobre o resto). Fotografia do Bernardo entra por trás, escurecida de cima para baixo.
512 / 192
maskable
faviconSímbolo branco + check amarelo sobre preto. Substitui o check laranja atual do app.
Horizontal 4:1 (1200×300) e quadrado 1:1 (1200×1200), sobre preto — o Google não aceita transparência no logo.
Avatar 1:1 só com o símbolo — o nome da página já diz “O Combinado”. Nos anúncios, a marca aparece uma vez, no canto, e nunca maior que 22% da largura.
#2A2A2E, raio 4 px, sem sombra.SVG é o original (abre no Figma, Illustrator, Canva Pro e no navegador; as fontes vão embutidas). PNG nos tamanhos que cada plataforma pede. Tudo gerado a partir de uma única geometria — para mudar a marca, muda-se o gerador, não os arquivos.
