DIRETRIZES DE DESIGN
MARCA: FULL
Brand Kit e Diretrizes de Design
Versão: 1.1
Data: 27 de outubro de 2026
Modo cromático: SINGLE_COLOR
Uma identidade de alto contraste, lettering próprio e comunicação direta. Vermelho, preto e espaço livre dão intensidade com clareza.

1. ESSÊNCIA DA MARCA

Proposition:
- Clareza, contraste e presença.
Transmit:
- Energia sem ruído.
- Precisão nas escolhas e nas mensagens.
- Clareza para reconhecer, ler e agir.
Avoid:
- Efeitos de velocidade que prejudiquem a leitura.
- Promessas genéricas e excesso de informação.
- Ornamentos que disputem atenção com a marca.
Personality:
- Tom | Direto
- Presença | Intensa
- Estrutura | Precisa
- Ritmo | Objetivo

2. SISTEMA DE LOGOTIPO

- PRIMARY | Assinatura principal | Preto, branco e fundos neutros lisos. | Aplicação preferencial da assinatura completa em vermelho. | assets/full-primary.png |  | 
- ON_BLACK | Sobre preto | Fundo preto puro #000000. | Manter o vermelho original e toda a geometria da assinatura. | assets/full-primary.png |  | 
- ON_WHITE | Sobre branco | Fundo branco puro #FFFFFF. | Usar a assinatura vermelha sem caixa, contorno ou efeito. | assets/full-primary.png |  | 
- ICON | Ícone F | Preto ou branco liso, com área de respiro. | Identificação exclusiva do FULL em avatar, favicon e interfaces compactas. | assets/icon.png |  | 512X512; 180X180; 128X128; 48X48; 32X32; 16X16
- MONO_LIGHT | Assinatura branca | Vermelho, preto ou grafite. | Alternativa uniforme para fundo escuro ou vermelho. | assets/full-white.png | #FFFFFF | 
- MONO_DARK | Assinatura preta | Branco ou off-white. | Alternativa uniforme em superfícies claras e reprodução de uma cor. | assets/full-black.png | #0A0A0A | 
Clear space:
- Reservar no mínimo 1/4 da altura visível das letras ao redor da assinatura; medir pela arte, sem contar a margem transparente do PNG.
Minimum digital:
- Assinatura completa: largura mínima de 120 px. Abaixo disso, usar o ícone F. Ícone: mínimo de 16 px, com arquivo próprio para cada tamanho.
Minimum print:
- Assinatura completa: largura mínima de 25 mm. O master de 2170 px comporta até 183 mm de largura a 300 ppi; solicitar arquivo maior para ampliações.
Compatibility:
- PRIMARY / ON_BLACK | Vermelho sobre preto, branco, off-white ou grafite. | Evitar vermelho sobre vermelho, fotografia irregular e baixo contraste.
- MONO_LIGHT | Branco sobre vermelho e superfícies escuras. | Evitar branco sobre branco e superfícies claras.
- MONO_DARK | Preto sobre branco e off-white. | Evitar preto sobre preto e superfícies escuras.
- ICON | Somente em identificação compacta exclusiva do FULL. | Não recortar a palavra FULL para fabricar ícone.
Prohibited:
- Não redesenhar, redigitar ou vetorizar automaticamente o lettering.
- Não alterar proporção, inclinação, espaçamento, cortes ou lateral externa contínua do F.
- Não adicionar gradiente, sombra, contorno, brilho, textura ou efeito metálico.
- Não rotacionar, comprimir, esticar ou dividir a assinatura.
- Não usar o ícone F como substituto de identidades de outros produtos.
- As composições com Super Ads, Google Search, Google Ads, Meta Ads, Sales e Leads continuam pendentes de definição. Usar FULL de forma independente.
- O ícone F identifica apenas FULL e não substitui o S oficial no site ou aplicativos da Super Ads.

3. SISTEMA DE CORES

- BASE | Vermelho FULL | #E80411 | Marca, destaques e ações principais. | Texto #FFFFFF
- BUTTON | Vermelho FULL | #E80411 | Fundo de ação com rótulo branco. | Texto #FFFFFF
- BASE_VARIANT | Vermelho profundo | #A8000B | Hover e superfícies de destaque discreto. | Texto #FFFFFF
- SECONDARY | Branco | #FFFFFF | Contraponto de contraste e áreas claras. | Texto #0A0A0A
- DARK | Preto | #0A0A0A | Superfície principal escura e texto em fundo claro. | Texto #FFFFFF
- GRAY | Cinza funcional | #6B6B6B | Texto secundário em branco e off-white. | Texto #FFFFFF
- LIGHT | Off-white | #F7F7F5 | Superfície clara de apoio. | Texto #0A0A0A
- POSITIVE | Grafite de confirmação | #171717 | Estado concluído com símbolo de confirmação e texto explícito. | Texto #FFFFFF
- INTERMEDIATE | Rosa de atenção | #FDE8E9 | Estado em análise com rótulo e símbolo de atenção. | Texto #0A0A0A
- NEGATIVE | Vermelho de erro | #B0030C | Erro ou impedimento com mensagem de correção. | Texto #FFFFFF
- #0A0A0A | #FFFFFF | Leitura principal em fundo escuro.
- #FFFFFF | #0A0A0A | Leitura principal em fundo claro.
- #E80411 | #FFFFFF | Ação principal e chamada curta.

4. TIPOGRAFIA

- TITLE | Fonte: Sora | Peso 700 | Identidade.
- SUBTITLE | Fonte: Sora | Peso 700 | Em aplicação.
- CALL_TO_ACTION | Fonte: Inter | Peso 700 | Conheça o FULL
- BODY | Fonte: Inter | Peso 400 | Clareza para produzir.
- SUPPORT | Fonte: Inter | Peso 500 | Informação essencial.

5. HIERARQUIA E COMPOSIÇÃO

Focus:
- Uma mensagem por bloco; uma ação principal por contexto.
Reading order:
- Marca ou título principal.
- Contexto e informação que sustentam a mensagem.
- Próxima ação e informação de apoio.
Grid:
- 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.
Rules:
- Definir hierarquia e áreas seguras antes de desenhar componentes.
- Alinhar títulos, textos e ações por uma borda comum.
- Usar grandes áreas lisas e pouca decoração.
- Recompor a ordem e a distribuição para cada formato.
- Preservar o logo como imagem; fontes de apoio não reproduzem o lettering.

6. LINGUAGEM DE INTERFACE

Primary button:
- Botão principal vermelho #E80411, texto branco, Inter 700; altura mínima de 44 px e cantos de 4 px.
Secondary button:
- Botão secundário transparente com borda e rótulo de alto contraste; mesmo tamanho do principal.
Cards:
- 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.
Fields:
- Campos com rótulo persistente, altura mínima de 44 px, contorno visível e erro descrito em texto.
States:
- 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.

7. ICONOGRAFIA E IMAGEM

Icons:
- 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.
Photography:
- 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.
Illustration:
- Preferir diagramas simples para explicar relações e etapas.
- Empregar preto, branco e vermelho; evitar efeitos tridimensionais e texturas sem função.

8. 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.

9. PONTOS DE CONTATO

- O que precisa ser reconhecido primeiro?
- Qual informação sustenta a mensagem?
- O conteúdo permanece legível no formato final?
- O logo e a ação sobrevivem ao recorte?

Categoria: SMALL
Avatar F
512 × 512 px; quadrado e recorte circular.
Reconhecer o F sem usar a assinatura completa.
Perder a lateral contínua ou cortar a diagonal no círculo.
Logo: ICON
Resultado: PASS

Categoria: COMMERCIAL
Peça vertical
1080 × 1350 px; proporção 4:5.
Demonstrar marca, título e ação em uma leitura curta.
Logo, título e ação competirem pelo mesmo peso.
Logo: PRIMARY
Resultado: PASS

Categoria: INFORMATIONAL
Capa de documento
1200 × 630 px; proporção horizontal.
Identificar um documento de diretrizes sem perder legibilidade.
Texto e assinatura invadirem as áreas seguras.
Logo: MONO_LIGHT
Resultado: PASS

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 FORMATOS 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 E MINIATURAS

- 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.

10. 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.

11. 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.

12. ATIVOS OFICIAIS

- assets/full-primary.png | PNG RGBA · 2170 × 725 | Master vermelho transparente da assinatura.
- assets/full-white.png | PNG RGBA · 2170 × 725 | Master branco transparente da assinatura.
- assets/full-black.png | PNG RGBA · 2170 × 725 | Master preto transparente da assinatura.
- assets/icon.png | PNG RGBA · 1254 × 1254 | Master raster transparente do ícone F.
- assets/icon-512.png; assets/icon-180.png; assets/icon-128.png | PNG RGBA | Exportações do ícone para avatar e interfaces.
- assets/favicon-48.png; assets/favicon-32.png; assets/favicon-16.png | PNG RGBA | Exportações pequenas do ícone F.
- assets/sora-700.woff2; assets/inter-variable.woff2 | WOFF2 | Arquivos tipográficos usados nos documentos e aplicações.
- applications/avatar.html; applications/vertical.html; applications/document.html | HTML autocontido | Aplicações editáveis nas dimensões finais.
- applications/avatar.png; applications/vertical.png; applications/document.png | PNG RGB | Aplicações exportadas por renderização real.

13. CHECKLIST DE QUALIDADE

- IDENTIDADE | PASS | Masters, quatro cores nucleares e famílias preservados.
- HIERARQUIA | PASS | Um foco principal por aplicação e ordem de leitura clara.
- ALINHAMENTO | PASS | Margens, eixos e áreas seguras consistentes.
- TIPOGRAFIA | PASS | Sora e Inter incorporadas; cinco funções documentadas.
- COPY | PASS | Textos curtos, legíveis e sem promessa de resultado.
- CONTRASTE | PASS | Pares funcionais de texto atendem ao mínimo de 4,5:1.
- RECORTE | PASS | Assinatura íntegra e F legível em círculo e em 16 px.
- CONSISTÊNCIA | PASS | Cores, fontes, regras e ativos concordam entre os três documentos.
[x] Assinatura principal íntegra
[x] Aplicação real sobre preto
[x] Aplicação real sobre branco
[x] Ícone próprio identificado
[x] Monocromia branca preservada
[x] Monocromia preta preservada
[x] Mínimo digital definido
[x] Mínimo impresso definido
[x] Área de proteção definida
[x] Quatro cores nucleares preservadas
[x] Paleta funcional organizada
[x] Combinações de texto contrastadas
[x] Sora incorporada
[x] Inter incorporada
[x] Cinco funções tipográficas documentadas
[x] Aplicação pequena testada
[x] Aplicação vertical testada
[x] Capa informativa testada
[x] Recorte circular preservado
[x] Ícone16px reconhecível
[x] Regras responsivas documentadas
[x] Movimento reduzido previsto
[x] PNG transparentes preservados
[x] Três documentos coerentes

14. ENTREGA

Editable:
- HTML autocontido dos documentos e das três aplicações; masters PNG RGBA preservados.
Exported:
- PNG das três aplicações e sete arquivos do ícone; brand-kit.html, design-guidelines.txt e design-guidelines.html.
Profile:
- RGB/sRGB para uso digital; impressão exige prova e conversão controlada.
Exceptions:
- A família de logos é raster transparente. Nenhum SVG ou master vetorial foi fabricado. O ícone F é uma derivação funcional do lettering.
Formato editável: HTML autocontido dos documentos e das três aplicações; masters PNG RGBA preservados.
Formato exportado: PNG das três aplicações e sete arquivos do ícone; brand-kit.html, design-guidelines.txt e design-guidelines.html.
Arquivos entregues: brand-kit.html; design-guidelines.txt; design-guidelines.html; assets/; applications/.
