{ "$schema": "https://schema.org/Brand", "_comment": "Brandbook Cognity — fonte de verdade legível por máquina. Espelha projects/cognity/identity/{brand,voice,visual}.md no Cortex. Otimizado para consumo por IAs e sistemas de design. URL canônica: https://brandbook.cognity.com.br", "meta": { "brand": "Cognity", "legal_name": "Cognity Sistemas", "version": "1.6.0", "updated_at": "2026-06-07", "canonical_url": "https://brandbook.cognity.com.br", "language": "pt-BR", "license": "Uso restrito à marca Cognity. Tokens visuais públicos para referência." }, "positioning": { "tagline": "IA nativa em tudo que move o seu negócio", "positioning_signature": "A tecnologia das grandes, no tamanho do seu negócio", "result_promise": "Mais inteligência e resultado para o seu negócio", "message_hierarchy": [ { "line": "IA nativa em tudo que move o seu negócio", "role": "tagline", "use": "Hero, capa de deck, assinatura de marca. Lidera com IA." }, { "line": "A tecnologia das grandes, no tamanho do seu negócio", "role": "positioning", "use": "Quando o ponto é PME / democratização / acesso." }, { "line": "Mais inteligência e resultado para o seu negócio", "role": "result", "use": "Fechamento de proposta, CTA de conversão, rodapé." } ], "promise": "IA nativa em cada solução, aplicada com método e medida pelo resultado do seu negócio.", "mantra": "Tecnologia é meio. O resultado é o fim.", "outcome_line": "Tecnologia vale pelo resultado que gera.", "human_stance": "A IA cuida do repetitivo; o time cuida do que exige julgamento. Uma complementa a outra — sem substituir pessoas.", "audience": "Pequena e média empresa — quem não tem time de TI próprio mas precisa competir com quem tem. Foco regional: turismo, hospitalidade e serviços em Alto Paraíso de Goiás e raio 50–200 km; atendimento remoto em todo o Brasil.", "outcome_stance": "Não implementamos IA por modismo. Cada solução começa no problema real do cliente e termina quando o resultado aparece nos números dele.", "proof_points": [ "Automação que economiza mais de 40 horas/mês", "Conversão +25% em 3 meses com atendimento por IA", "De 8 horas para 8 minutos num processo manual", "Cliente respondido em 3 segundos, em qualquer canal" ], "purpose": "Democratizar o acesso às melhores tecnologias — combinando inteligência artificial, automação e desenvolvimento sob medida — para que empresas de todos os tamanhos possam crescer com tecnologia de ponta, sem amarras. Levar a tecnologia das grandes para o tamanho de cada negócio.", "mission": "Impulsionar empresas através de tecnologia, combinando inteligência artificial e humana para criar soluções que geram resultados reais.", "vision": "Ser referência em soluções tecnológicas de alto impacto, reconhecidos pela qualidade técnica, inovação constante e pelo crescimento que proporcionamos aos nossos clientes.", "values": [ { "name": "Inovação", "desc": "Buscamos as tecnologias mais modernas e eficazes." }, { "name": "Transparência", "desc": "Comunicação clara em cada etapa." }, { "name": "Excelência", "desc": "Padrão elevado em tudo, do código ao atendimento." }, { "name": "Foco no resultado", "desc": "Métrica antes de começar; entregamos quando o número do cliente muda." }, { "name": "Parceria estratégica", "desc": "Não somos fornecedores; somos parceiros do sucesso do cliente." } ], "differentiators": [ { "pillar": "IA nativa em tudo", "how": "Inteligência artificial não é add-on, é o núcleo de cada solução." }, { "pillar": "Foco no resultado", "how": "Métrica definida antes de começar; entregamos quando o número do cliente muda." }, { "pillar": "Soluções integradas", "how": "Marketing + automação + dev + IA + consultoria + treinamento, no mesmo balcão." }, { "pillar": "Parceria de verdade", "how": "Compromisso com o resultado, não com horas faturadas." }, { "pillar": "Open-source por padrão", "how": "Diretriz técnica: priorizamos software livre por independência, segurança e economia — não como bandeira." } ], "is": [ "Empresa de tecnologia que combina IA, automação e desenvolvimento sob medida.", "Parceria estratégica — entregamos resultado, não horas.", "Open-source por padrão (diretriz técnica) — independência, segurança e economia." ], "is_not": [ "Revendedora de SaaS proprietário sem customização.", "Agência criativa pura — entregamos tecnologia, não apenas peças.", "Consultoria que entrega slide e some — implementamos junto.", "Fábrica de horas — vendemos resultado, não headcount.", "\"AI hype\" — usamos IA quando faz sentido, com método." ] }, "voice": { "personality": "Engenheiro sênior que também sabe vender valor: profundo tecnicamente, mas direto e acessível. Não palestra; explica. Não promete milagre; mostra resultado.", "axes": [ { "axis": "Formal ↔ Informal", "position": "Profissional acessível" }, { "axis": "Sério ↔ Bem-humorado", "position": "Sério com leveza" }, { "axis": "Técnico ↔ Emocional", "position": "Técnico com clareza" }, { "axis": "Distante ↔ Próximo", "position": "Próxima" }, { "axis": "Hype ↔ Honesto", "position": "Honesta" } ], "principles": [ "Verbos de ação no presente (\"desenvolvemos\", não \"buscamos automatizar\").", "Mostrar, não declarar.", "IA lidera; ferramenta é coadjuvante. Open-source é diretriz técnica (independência, segurança, economia), citada quando relevante — nunca herói da mensagem.", "Foco no resultado do cliente.", "Português do Brasil, sempre.", "Direto ao ponto." ], "copy_patterns": [ { "name": "Antes → depois concreto", "rule": "Mostre a transformação com número, não com promessa.", "good": ["De 8 horas para 8 minutos.", "Cliente respondido em 3 segundos. Em qualquer canal."], "bad": "Aumente sua produtividade com automação." }, { "name": "Contraste \"não X, mas Y\"", "rule": "Negue o lugar-comum e afirme o jeito Cognity.", "good": ["Saímos com um plano, não com um relatório de gaveta.", "Tecnologia é meio, não fim — a Cognity entrega resultado.", "Bot com cara de gente. Humano só quando faz diferença."], "bad": "Soluções completas para o seu negócio." }, { "name": "Obsessão por número", "rule": "Toda solução termina no KPI do cliente.", "good": ["Tecnologia vale pelo resultado que gera.", "Definimos métricas antes de começar e acompanhamos cada KPI."], "bad": "Soluções que impulsionam o seu sucesso." }, { "name": "Experiência concreta como prova", "rule": "Prove com a situação real que o cliente vive — não com o nome da ferramenta.", "good": ["O atendente recebe a conversa inteira; o cliente não repete nada.", "Você faz merge e promove pra produção com um clique.", "Em 4 semanas você sai com um roadmap acionável, não com um relatório de gaveta."], "bad": "Usamos n8n, Claude e as stacks mais avançadas do mercado." } ], "pme_register": "Público é a PME. Fale de dor e ganho do dia a dia (WhatsApp lotado, equipe afogada em tarefa repetitiva, lead que esfria), não de jargão de board. Valor antes do termo técnico: \"o bot resolve o repetitivo\" antes de \"automação cognitiva\".", "use_words": [ "inteligência artificial", "IA generativa", "agentes", "RAG", "LLM", "automação", "integração", "fluxo", "pipeline", "webhook", "open-source", "software livre", "OSS", "arquitetura", "infraestrutura", "escalabilidade", "performance", "estratégia", "roadmap", "diagnóstico", "capacitação", "impacto", "resultado", "métrica", "KPI" ], "avoid_words": [ "soluções inovadoras de ponta (vazio)", "transformação digital sem qualificação", "sinergia / alavancar / potencializar sem contexto técnico", "AI-first / AI-powered (preferir \"IA nativa\")", "best-in-class / world-class", "humano-na-volta mal traduzido", "jargão de venda B2B (synergize stakeholders, leverage core competencies)" ], "ctas": [ { "intent": "Contato comercial", "approved": ["Fale conosco", "Solicitar proposta"] }, { "intent": "Saber mais", "approved": ["Conheça [serviço]", "Ver detalhes"] }, { "intent": "Agendar", "approved": ["Agendar conversa gratuita"] }, { "intent": "Converter", "approved": ["Começar projeto", "Iniciar diagnóstico"] }, { "intent": "Conteúdo", "approved": ["Acessar conteúdo", "Baixar material"] } ], "banned": [ "Revolucionário", "disruptivo", "best-in-class", "transforme já", "embarque na revolução", "Não perca essa oportunidade", "urgência artificial estilo infomercial" ] }, "color": { "palette_name": "Turquesa Meia-Noite", "principles": [ "Tecnologia com calor humano — verde turquesa (#06c896) projeta inovação e crescimento sem cair no azul-corporativo-frio.", "Petróleo como base madura — o secundário escuro (#0b3b3a) dá autoridade técnica e premium a hero, deck e header, sem hype.", "Open-source visualmente — paleta sóbria, espaço em branco generoso, sem brilhos, sem 3D, sem stock tech genérico.", "Turquesa é acento e marca; petróleo e neutros sustentam. Consistência cross-produto." ], "brand": { "brand-50": "#effdfa", "brand-100": "#dafbf3", "brand-200": "#b2f5e4", "brand-300": "#79ecce", "brand-400": "#30e8b9", "brand-500": "#06c896", "brand-600": "#04a87d", "brand-700": "#09906d", "brand-800": "#096f55", "brand-900": "#09503e", "brand-950": "#063025" }, "primary": "#06c896", "primary_hover": "#04a87d", "secondary": { "_label": "Petróleo — base escura madura (hero/deck/header)", "petroleo-600": "#227775", "petroleo-700": "#1a615f", "petroleo-800": "#114a49", "petroleo-900": "#0b3b3a", "petroleo-950": "#092322" }, "accent": { "accent-500": "#22d3a8", "accent-600": "#16b18c" }, "neutral": { "foreground": "#0c1c1b", "muted": "#5b716e", "border": "#dde7e5", "surface": "#f6faf9", "background": "#ffffff", "dark-surface": "#0b1a19", "dark-deep": "#061110" }, "semantic": { "success": "#16a34a", "warning": "#d97706", "error": "#dc2626", "info": "#0891b2" }, "gradient": { "signature": "linear-gradient(135deg, #06c896 0%, #0b3b3a 100%)", "usage": "Hero, capas e banners principais (turquesa → petróleo). Nunca em texto de leitura.", "bright": "linear-gradient(135deg, #06c896 0%, #30e8b9 100%)", "bright_usage": "Realce claro: texto em gradiente sobre fundo escuro, botões e destaques onde a versão petróleo escureceria demais." } }, "typography": { "system": "Dois papéis distintos: fonte de MARCA (títulos, carrega personalidade) e fonte de UI (corpo/texto, neutra e legível). Escolhido 2026-06-07.", "brand_font": { "family": "Outfit", "css": "'Outfit', ui-sans-serif, system-ui, sans-serif", "weights": [600, 700, 800], "source": "Google Fonts", "use": "Títulos de marca — H1 (hero) e H2 (seção). É a fonte do logotipo, então os títulos carregam a identidade. Tracking negativo (-0.02em)." }, "ui_font": { "family": "Inter", "css": "'Inter', ui-sans-serif, system-ui, sans-serif", "weights": [400, 500, 600, 700], "source": "Google Fonts", "use": "Corpo, UI e subtítulos (H3, H4, body, caption, eyebrow). Neutra, legível, WCAG. Line-height 1.6-1.7." }, "mono_font": { "family": "JetBrains Mono", "css": "'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace", "weights": [400, 500], "use": "Código, specs e números técnicos." }, "rule": "Marca (Outfit) só em H1/H2 e no logotipo. UI (Inter) em todo o resto. Mono em código/specs. Não introduzir uma quarta família.", "scale": [ { "role": "H1 (hero)", "font": "brand", "family": "Outfit", "weight": 800, "size": "48-72px", "tracking": "-0.02em" }, { "role": "H2 (seção)", "font": "brand", "family": "Outfit", "weight": 700, "size": "32-48px", "tracking": "-0.015em" }, { "role": "H3 (subseção)", "font": "ui", "family": "Inter", "weight": 600, "size": "22-28px", "tracking": "-0.01em" }, { "role": "H4 (card title)", "font": "ui", "family": "Inter", "weight": 600, "size": "18-20px", "tracking": "normal" }, { "role": "Body", "font": "ui", "family": "Inter", "weight": 400, "size": "16-18px", "tracking": "normal" }, { "role": "Caption", "font": "ui", "family": "Inter", "weight": 400, "size": "13-14px", "tracking": "normal" }, { "role": "Eyebrow / label", "font": "ui", "family": "Inter", "weight": 600, "size": "12-13px", "tracking": "wider", "transform": "uppercase" }, { "role": "Mono", "font": "mono", "family": "JetBrains Mono", "weight": 500, "size": "13-14px", "tracking": "normal" } ], "principles": [ "H1/H2 em Outfit (marca); H3 para baixo e body em Inter (UI).", "Letter-spacing negativo em headings (-0.02em no H1 Outfit; -0.015em no H2).", "Body antialiased, line-height 1.6-1.7.", "Não usar pesos < 400 em texto pequeno.", "Ícones (Phosphor) acompanham a geometria arredondada do Outfit — peso regular, sem misturar famílias." ], "pairing_rationale": "Outfit nos títulos = a própria fonte do logotipo, então a marca aparece com força e memória já no H1 (máxima ownability, custo zero). Inter no corpo entrega legibilidade impecável e zero migração na UI. Resolve a crítica de 'tipografia genérica/flat': título com personalidade, texto neutro embaixo, hierarquia explícita." }, "logo": { "concept": "Árvore de circuitos — sistema de raízes/galhos com nós conectados em gradient turquesa→verde, evocando neurônios, sinapses e crescimento orgânico-tecnológico. Símbolo de inteligência enraizada que cresce.", "font": { "family": "Outfit", "weight": 700, "tracking": "-0.02em", "note": "Wordmark vetorizado em outlines — sem dependência de webfont. Inter continua para UI/body/headings." }, "clear_space": "Equivalente à largura de 1 ramo central em todos os lados.", "min_size": { "full": "80px (digital)", "mark": "24px" }, "on_background": { "light": "Versão full color padrão.", "dark": "Versão monocromática branca.", "brand": "Versão monocromática branca ou preta (alto contraste)." }, "never": ["distorcer", "aplicar sombra", "rotacionar", "recortar", "trocar cores fora da paleta", "sobrepor a foto sem máscara"], "variants": [ { "id": "logo-full", "file": "/assets/logo/cognity-logo-full.png", "format": "png", "size": "472x590", "use": "Site, deck, propostas" }, { "id": "logo-horizontal", "file": "/assets/logo/cognity-logo-horizontal.svg", "format": "svg", "size": "500x180", "use": "Header de site, assinatura de e-mail, capa de Reel" }, { "id": "logo-horizontal-mono-branco", "file": "/assets/logo/cognity-logo-horizontal-mono-branco.svg", "format": "svg", "use": "Sobre fundo escuro" }, { "id": "logo-horizontal-mono-preto", "file": "/assets/logo/cognity-logo-horizontal-mono-preto.svg", "format": "svg", "use": "P&B / impressão" }, { "id": "logo-stacked", "file": "/assets/logo/cognity-logo-stacked.svg", "format": "svg", "size": "250x428", "use": "Vertical — símbolo acima do nome; p/ fundo claro" }, { "id": "logo-stacked-mono-branco", "file": "/assets/logo/cognity-logo-stacked-mono-branco.svg", "format": "svg", "size": "250x428", "use": "Vertical sobre fundo escuro" }, { "id": "logo-stacked-mono-preto", "file": "/assets/logo/cognity-logo-stacked-mono-preto.svg", "format": "svg", "size": "250x428", "use": "Vertical P&B / impressão" }, { "id": "mark-vector", "file": "/assets/logo/cognity-logo-mark-vector.svg", "format": "svg", "size": "472x590", "use": "Avatar, favicon, ícone, espaço pequeno" }, { "id": "mark-mono-branco", "file": "/assets/logo/cognity-logo-mark-mono-branco.svg", "format": "svg", "use": "Mark sobre fundo escuro" }, { "id": "mark-mono-preto", "file": "/assets/logo/cognity-logo-mark-mono-preto.svg", "format": "svg", "use": "Mark P&B" }, { "id": "wordmark", "file": "/assets/logo/cognity-wordmark.svg", "format": "svg", "size": "314x180", "use": "Só \"cognity\" em Outfit Bold (vetorizado)" }, { "id": "avatar-petroleo", "file": "/assets/logo/cognity-avatar-petroleo.svg", "format": "svg", "size": "1080x1080", "use": "Foto de perfil — fundo petróleo, símbolo branco; margem segura p/ corte circular" }, { "id": "avatar-gradient", "file": "/assets/logo/cognity-avatar-gradient.svg", "format": "svg", "size": "1080x1080", "use": "Foto de perfil — fundo gradiente turquesa→petróleo, símbolo branco" }, { "id": "avatar-branco", "file": "/assets/logo/cognity-avatar-branco.svg", "format": "svg", "size": "1080x1080", "use": "Foto de perfil — fundo branco, símbolo colorido" } ] }, "iconography": { "family": "Phosphor Icons", "iconify_prefix": "ph", "style": "Linha (peso regular ~1.5px), cantos arredondados que rimam com o radius 16px; duotone opcional na paleta da marca para destaques.", "weights": ["thin", "light", "regular", "bold", "fill", "duotone"], "default_weight": "regular", "sizes": [16, 20, 24, 32], "color": "currentColor por padrão; brand-800 (#096f55) quando isolado em texto; duotone usa turquesa #06c896 sobre petróleo #0b3b3a.", "rule": "Um peso por contexto (regular na UI; bold/duotone só em destaque). Não misturar com outras famílias (Lucide, Material, Font Awesome).", "migrated_from": "Lucide (2026-06-07)" }, "imagery": { "principle": "Mostramos o trabalho acontecendo e o resultado aparecendo — não a tecnologia se exibindo. Humano no foco, IA no contexto (sempre funcional: painel, conversa de WhatsApp, KPI subindo), resultado na legenda. Teste do logo: cobrindo a marca, a peça ainda diz 'isso é Cognity' pela cor, pela luz e pela cena? Se serve para qualquer fornecedor de IA, refaça.", "photography": { "do": "Cenas reais da PME brasileira: dono de pequeno negócio, equipe de turismo/hospitalidade, atendente no balcão, mãos em ação, olhar para a tarefa. Luz natural quente-neutra, paleta sóbria, espaço negativo para texto. IA presente mas funcional (painel, conversa de WhatsApp, KPI subindo).", "avoid": "Stock 'diversity team smiling at laptop', handshake corporativo, headset de call center, polegar pra cima, pose para a câmera; azul-frio cibernético, flash duro, HDR estourado; escritório corporativo genérico que serviria para qualquer empresa de TI; clichê regional (cachoeira épica, pôr do sol de drone).", "composition": "Regra dos terços (sujeito num terço, terço oposto livre para texto/logo); respiro mínimo 8% das bordas (a grade do feed do IG corta as bordas); foco seletivo f/2.0–f/4. Por formato: 1:1 e 4:5 sujeito à esquerda/base com topo livre; 16:9 terço lateral; 9:16 terço inferior. Ponto de vista olho-no-olho, à altura de quem trabalha.", "lighting": "Luz natural lateral/de janela, sombra suave, sem flash duro frontal. Temperatura quente-neutra 4800–5600K. Exposição correta a levemente alta (high-key suave). Proibido o azul-frio de TI (telas reluzindo ciano, sala escura com LED azul).", "color": "Foto dessaturada -10 a -20% para não competir com o turquesa; sombras puxam para petróleo #0b3b3a, nunca azul puro. Turquesa só de acento no enquadramento (uma planta, um detalhe), nunca filtro chapado.", "sourcing": { "banks_order": ["unsplash", "pexels", "pixabay", "openverse"], "min_resolution": { "hero": "1920x1080", "square": "1200x1200", "story": "1080x1920", "thumb": "800x800" }, "flow": "image-curator via Cortex MCP: stockmedia_search_photos -> stockmedia_get_photo (SEMPRE inspecionar a foto e rodar o checklist) -> stockmedia_use_photo (dispara o trigger de download Unsplash, persiste em R2 media.cortex.cognity.com.br, devolve URL permanente + attribution_html).", "gate": "O filtro real é o olho do curador no get_photo, não a query — a query é só ponto de partida e muitas vezes devolve o stock que a marca bane.", "queries_ok": ["small business owner laptop natural light", "dono de pequeno negócio computador", "team working office candid not posed", "hospitality staff reception working", "recepção pousada atendimento", "person using phone whatsapp business", "restaurant counter tablet order", "empreendedor café trabalhando"], "queries_avoid": ["artificial intelligence", "AI brain", "robotic hand", "neural network", "futuristic technology", "cyber", "digital transformation 3d", "diversity team smiling at laptop", "business handshake", "call center headset", "thumbs up team", "hologram", "glowing circuit", "matrix code", "robot humanoid"] } }, "illustration": { "style": "Flat com UMA sombra suave (offset 0,+8 / blur 24 / petróleo 12–18% de opacidade); sem 3D, glow ou gradiente barroco. Traço de cantos arredondados (line-cap/line-join round): 2px em arte de 24px, 3–4px em 48–64px. Raio de canto 16px (mesmo --radius-card). Grid de 8px.", "system": "Motivo-raiz 'nó-e-conexão' derivado do logo (árvore de circuitos): nós (pontos) ligados por linhas finas crescendo de baixo para cima, no gradient turquesa->verde. Vira textura de fundo, conector de diagrama e moldura de spot. É a alternativa honesta ao cérebro-circuito: conexão e crescimento, não robô. Três tipos: diagrama funcional (preferido para IA), spot/cena flat, fundo abstrato Imagen 4 (sempre sob scrim e texto).", "motifs": ["nós-e-conexões / constelação orgânica (fundos e dividers)", "fluxo/pipeline (caixas radius-16 + ph:flow-arrow + nó-IA duotone)", "UI mockup estilizada (cards radius-16, KPI ph:trend-up)", "pessoa + sistema (cena flat de operação humana)", "crescimento enraizado (galho com nós virando dado/resultado)"], "tokens": ["brand-500 #06c896", "brand-400 #30e8b9", "petroleo-900 #0b3b3a", "petroleo-700 #1a615f", "brand-100 #dafbf3", "surface #f6faf9", "accent-500 #22d3a8 (um detalhe por peça)"], "hero_icon": "Phosphor duotone, traço turquesa #06c896 sobre preenchimento petróleo #0b3b3a translúcido, 48–96px, um por peça.", "avoid": "Cérebro-circuito, hexágonos, redes neurais simbólicas, robôs antropomórficos, mão robótica tocando interface/holograma, globo de circuitos, cadeado cyber; glow/neon/3D; cor fora da paleta; misturar com outra família de ícone (Lucide/Material)." }, "overlays": { "scrim": "Gradiente vertical petróleo #0b3b3a do transparente no topo (~10%) a 88–94% na base (onde entra o texto); ou camada chapada #0b3b3a a 55–70% na zona do texto. Obrigatório sob qualquer texto/logo sobre foto.", "duotone": "petróleo #0b3b3a -> turquesa #06c896, só em peça abstrata/capa, nunca em rosto humano comum.", "signature_gradient": "linear-gradient(135deg, #06c896 0%, #0b3b3a 100%) a 55–75% em hero/capa; nunca sobre texto de leitura. Em foto de pessoa, preferir o scrim petróleo (o gradiente escurece demais).", "accent": "Turquesa #06c896 / #22d3a8 pontual (a tela do painel, uma seta, um badge); acento, não banho.", "light_background": "Foto sobre fundo claro (capa de blog clara, hero claro, card branco) — registro DOMINANTE da marca: foto dentro de card radius-16 com borda #dde7e5, SEM scrim, e o texto FORA da foto (foreground #0c1c1b / links brand-800 #096f55). Scrim petróleo só quando o texto cai SOBRE a foto.", "templates_v2": "Biblioteca de templates IG v2 'Interface Viva' (2026-06-12): a interface da IA é o palco — cada template usa um artefato funcional de software de IA em operação (barra de prompt, chat, cartão de KPI, log de automação, toggle, status do agente, janela 'cognity os') como herói da composição. Catálogo/placeholders em /assets/templates/catalog.json; fonte única scripts/build-templates.mjs. Templates com foto (theme photo) usam o scrim petróleo padrão; knob scrim/img_tint configurável, a COR do scrim é fixa no SVG." }, "logo_on_image": { "variant": "Sempre mono branca (cognity-logo-horizontal-mono-branco.svg ou cognity-logo-mark-mono-branco.svg); nunca turquesa (some sobre foto).", "safe_area": "A região onde a logo cai deve ter luminância < 50% após o overlay; se a foto for clara ali, estender o overlay sob a logo. Margem de respiro = altura da logo em todos os lados.", "size": "mark 56–72px em peça de 1080px; opacidade 1.0, nunca marca-d'água esmaecida. Conteúdo dentro da área segura central (a grade do IG corta as bordas)." }, "before_after": "Quando a peça comunica transformação (quase sempre): formato díptico — esquerda = a dor concreta da PME (mesa cheia de papel, 40 conversas não lidas, fila no balcão); direita = o respiro depois (fechar o notebook no horário, atender com calma, o número subindo no painel), mais claro/arejado e com o acento turquesa. A passagem é o gradiente assinatura ou uma seta turquesa; a métrica entra em Inter sobre a foto ('8h -> 8min', '+25% em 3 meses'). Sem díptico, escolher sempre o 'depois'.", "accessibility": { "alt_text": "PT-BR descritivo e concreto da cena, 1 frase, sem 'foto de' (bom: 'Recepcionista de pousada atende cliente no balcão usando o celular'; ruim: 'atendimento IA tecnologia'). Imagem decorativa (fundo aurora) leva alt vazio.", "text_on_photo": "Branco como padrão; brand-300 #79ecce só em destaque não-essencial (medir o contraste; sobre scrim petróleo passa AA grande). Nunca brand-500 #06c896 como texto sobre foto. Não embutir texto de leitura no JPG/PNG em web (texto é HTML); exceção: peças sociais renderizadas por template (texto nativo no SVG).", "contrast": "Medido contra a faixa real sob o texto, pós-overlay: corpo < 24px >= 4.5:1; título >= 24px bold >= 3:1; stat gigante >= 4.5:1. AA é o piso que REPROVA; AAA é desejável, nunca motivo de reprovação. Não passou? Escurece o scrim, não clareia o texto.", "people": "Pessoa identificável só com release OU foto de banco model-released; crianças nunca sem release dos responsáveis. Logo/produto de marca de terceiro legível no enquadramento = reprovado (vale para concorrentes), salvo uso editorial autorizado.", "licensing": "Só uso comercial verificado; attribution_html via stockmedia_use_photo; registrar SEMPRE em credits.json. Unsplash exige o trigger de download por imagem publicada; Openverse CC-BY obrigatória. Imagem sem origem rastreável = reprovado.", "ai_generated": "Proibido gerar pessoas/rostos por IA e usar como reais. Imagen 4 só para fundos abstratos, com ai_generated:true no asset.meta.json." }, "checklist": [ "Humano no foco, tecnologia no contexto (não o contrário)?", "Cobrindo o logo, ainda parece Cognity (cor/luz/cena)? Se serve pro concorrente, reprova.", "Recebeu scrim/overlay petróleo #0b3b3a 55–70% (não slate #020617, não azul-cyber)?", "Comunica resultado/transformação, não a ferramenta?", "Se tem pessoas: PME/negócio real brasileiro, não 'time diverso de laptop'?", "Regional como contexto (luz/ambiente), não cartão-postal?", "Sem clichê da lista banida (cérebro, hexágono, rede neural, robô, holograma, Matrix, handshake, pôr-do-sol-de-drone)?", "Ilustração derivada do sistema nó/galho, só tokens da paleta, uma sombra suave?", "Texto sobre foto mede >= 4.5:1 (corpo) / >= 3:1 (título) contra a faixa real pós-overlay?", "Logo mono branca sobre região de luminância < 50%, dentro da área segura?", "Resolução >= alvo do slot; sem watermark/texto embutido/HDR estourado?", "Licença comercial verificada + attribution_html em credits.json?", "Pessoa identificável com release? Sem marca de terceiro no quadro?", "Se fundo gerado por IA: abstrato aprovado + ai_generated:true (nunca pessoa/rosto por IA)?" ] }, "layout": { "principle": "Uma peça Cognity prova uma coisa — o layout serve à prova, não à decoração. Composição contida e centrada (cabe na área de segurança, nunca se corta no feed), fundo claro com turquesa só de acento, o número/transformação como herói. O branco não é luxo: é o que sobra quando se corta o que não prova.", "grid": { "web_deck": "12 colunas — gutter 24px desktop, 16px mobile; margem externa 24-32px.", "social": "12 colunas NÃO se aplica a canvas fixo 1080 (nada reflui). Usar margem de segurança (135/80px) + baseline de 8px; opcional 6 colunas sobre a caixa segura." }, "spacing_scale": { "base": "8pt", "ramp_px": [4, 8, 12, 16, 24, 32, 48, 64, 96, 128, 160], "block_gap_px": 48, "card_padding_px": 32, "section_padding": "96-128px vertical (web/desktop)", "rule": "Todo espaçamento é múltiplo de 8 (4px só em ajuste óptico de ícone/baseline)." }, "container": { "max_width": "1180px", "measure": "60-68 caracteres por linha (web/blog). Em social a medida é a caixa segura (810px) ÷ tamanho da fonte — respeitar o limite do template, nunca estourar a linha." }, "safe_area": { "rule": "A grade do perfil do Instagram corta as bordas e a UI do app cobre topo/base no story. Todo conteúdo essencial (texto, números, logo, CTA) vive dentro da caixa segura do formato; nada encosta na borda (≥40px).", "feed_1080x1080": { "safe_x": [135, 945], "safe_y": [135, 945], "margin_px": 135, "margin_pct": 12.5 }, "portrait_1080x1350": { "safe_x": [135, 945], "safe_y": [120, 1230], "grid_crop_square_y": [135, 1215] }, "story_reels_1080x1920": { "safe_x": [80, 1000], "safe_y": [250, 1580], "top_reserved_px": 250, "bottom_reserved_px": 340, "right_icons_px": 120 } }, "alignment": "Social = centralizado (eixo x=540). Web/deck = alinhado à esquerda no grid. Carrossel interno pode ser à esquerda, com margem fixa de 135px. Hierarquia por tamanho/peso, nunca por gimmick.", "background_color": "Fundo claro por padrão (#ffffff / surface #f6faf9). Turquesa #06c896 só como acento (≤~20% da área). Fundo turquesa chapado só em peça hero/lançamento marcada. Texto verde apenas em brand-800 #096f55. Verde antigo #04e3a0 é obsoleto.", "radius": { "small_px": 8, "card_px": 16, "hero_px": 24, "note": "8px (elementos pequenos), 16px (cards/botões), 24px (heróis em peça 1080)." }, "shadows": "Apenas em elevação real (modal, dropdown, card hover). Em peça estática, sombra só como scrim de legibilidade — nunca decorativa.", "density": "Uma ideia e uma prova por peça (de preferência um número). O texto ocupa no máximo ~70% da caixa segura; o resto é respiro.", "logo_lockup": "Marca presente em toda peça social — símbolo protagonista + wordmark (Outfit Bold) como assinatura, dentro da safe area, nunca a <40px da borda. Ver logo.clear_space e logo.min_size.", "type_minimums": { "feed_min_legible_px": 28, "body_min_px": 32, "letter_spacing": "-0.02em (único, alinhado ao wordmark)" }, "per_channel": { "feed_1080x1080": { "align": "centralizado", "type": "herói 64-72px, corpo 36-42px, handle ≥28px", "lockup": "rodapé central, 180-220px" }, "portrait_1080x1350": { "align": "central; carrossel interno pode ser à esquerda (margem 135)", "type": "título 56-64px, corpo 36px", "lockup": "rodapé central y≈1180" }, "story_reels_1080x1920": { "align": "centralizado", "type": "herói 72-80px, corpo 42px", "lockup": "rodapé central acima de y≈1500" }, "web_deck": { "align": "à esquerda no grid 12 col", "type": "escala fluida (clamp), corpo 17px / line-height 1.65", "lockup": "header / canto conforme o layout" } }, "contrast": "Mínimo WCAG AA (AAA em texto principal). Texto verde só em brand-800 #096f55 (6.1:1 sobre branco); turquesa-500 #06c896 nunca como texto sobre claro. Texto sobre foto exige scrim rgba(11,59,58,.55) até atingir ≥4.5:1." }, "accessibility": { "contrast": "WCAG AA 2.1/2.2 mínimo, mira AAA em texto principal. Texto verde só em brand-800 #096f55; turquesa-500 nunca como texto sobre branco. Texto sobre foto: scrim até ≥4.5:1 (corpo) / ≥3:1 (título ≥24px).", "focus": "Foco visível (outline brand-600, 2px).", "touch_target": "Alvo de toque ≥24px (AA, WCAG 2.5.8) / 44px (AAA, 2.5.5) — vale para áreas de sticker de link/enquete no story.", "alt": "alt text em todas as imagens significativas.", "headings": "Hierarquia semântica (H1 único, H2 → H3 sem pular).", "forms": "