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