Brand kit
e diretrizes
de design

A identidade deve transmitir

• Energia sem ruído.
• Precisão nas escolhas e nas mensagens.
• Clareza para reconhecer, ler e agir.

Composição

Uma mensagem por bloco; uma ação principal por contexto.

• Marca ou título principal.
• Contexto e informação que sustentam a mensagem.
• Próxima ação e informação de apoio.

Grid de 12 colunas no desktop e 4 no mobile; margens mínimas de 24 px e 20 px, respectivamente. Espaçamentos em múltiplos de 8 px.

Componentes

• Botão principal vermelho #E80411, texto branco, Inter 700; altura mínima de 44 px e cantos de 4 px.
• Botão secundário transparente com borda e rótulo de alto contraste; mesmo tamanho do principal.
• Blocos de conteúdo com título claro, separadores discretos e 24 px de respiro; borda de 1 px e raio de 4 px quando necessário.
• Campos com rótulo persistente, altura mínima de 44 px, contorno visível e erro descrito em texto.

• Concluído · POSITIVE · Confirmação em grafite, com símbolo de verificação e mensagem.
• Em análise · INTERMEDIATE · Atenção em rosa claro, com símbolo e descrição da próxima etapa.
• Não foi possível concluir · NEGATIVE · Erro em vermelho profundo, com instrução objetiva de correção.

Iconografia

• Usar formas simples e consistentes, com traço de 2 px e caixa de 24 px.
• Ícones funcionais acompanham texto sempre que o significado não for universal.
• O F é um ativo de marca, separado da iconografia funcional.

Fotografia

• Usar fotografia apenas quando houver assunto real e autorização de uso.
• Preservar tons naturais e detalhes relevantes; escolher enquadramento com área livre para texto.
• Não aplicar imagem sobre o logo nem usar bancos de imagem como prova de resultados.

Ilustração

• Preferir diagramas simples para explicar relações e etapas.
• Empregar preto, branco e vermelho; evitar efeitos tridimensionais e texturas sem função.

Movimento

• Transições funcionais entre 120 e 200 ms, com deslocamento curto.
• Manter o logo imóvel e preservar sua geometria.
• Respeitar prefers-reduced-motion e oferecer leitura sem animação.

Web e interface

• Priorizar fundo preto, texto branco e uma ação vermelha por bloco.
• Títulos em Sora 700; corpo em Inter 400 a partir de 16 px.
• Reduzir colunas no mobile sem reduzir a escala do texto abaixo do mínimo.

Anúncios e social

• Peça vertical: 1080 × 1350 px, margem segura de 72 px e título curto.
• Texto de demonstração: Identidade FULL. Ação: Conheça o FULL.
• Recompor para 1080 × 1080 e 1080 × 1920 px, respeitando as áreas ocupadas pela plataforma.

Avatar e quadrados

• Aplicar o F centralizado, com largura de 68% do quadro e superfície lisa.
• Manter a área visível inteira no recorte circular.
• Exportar 512, 180, 128, 48, 32 e 16 px sem inventar detalhes adicionais.

Open Graph

• Usar formato de 1200 × 630 px com margem segura de 64 px.
• Título curto e uma assinatura; testar a miniatura sem cortar informação essencial.

Apresentações e documentos

• Capa de documento: assinatura branca em preto, título Diretrizes de identidade e data discreta.
• Manter títulos, corpo e legendas na mesma hierarquia do sistema.
• Usar páginas de conteúdo claras ou escuras conforme a condição de leitura.

Materiais impressos

• Usar o master raster sem ampliação acima da resolução indicada.
• Preparar conversão CMYK e prova de cor com o fornecedor; HEX é referência de tela.
• Papelaria, sinalização e impressão especial exigem composição e prova no suporte final.

Adaptação entre formatos

• Desktop: testar 1366 px e 1440 px sem overflow horizontal.
• Mobile: testar 360 px e 390 px, leitura contínua e áreas de toque de 44 px.
• Trocar a assinatura completa pelo F abaixo de 120 px de largura disponível.
• No formato vertical, distribuir mensagem e ação em zonas separadas.
• No recorte circular, preservar a silhueta completa do F.
• Em impressão, confirmar dimensões físicas e resolução efetiva do PNG.

Acessibilidade

• Garantir contraste mínimo de 4,5:1 para texto comum e 3:1 para texto grande.
• Estados combinam cor, símbolo e texto; nunca dependem apenas de cor.
• Usar foco de teclado visível: anel branco ou preto de 2 px com afastamento de 3 px, conforme a superfície.
• Manter corpo a partir de 16 px e entrelinha entre 1,45 e 1,6.
• Fornecer texto alternativo funcional para imagens; ornamentos não recebem descrição redundante.
• Respeitar preferência por movimento reduzido e ordem semântica de leitura.