Tequaly Visual Standard

Tequaly Visual Standard

Guia mestre de padrão visual para todos os documentos corporativos da Tequaly. Aplique este padrão automaticamente em PPTX, DOCX, PDF, fluxogramas, tabelas e painéis.

REGRA ZERO

Antes de criar qualquer documento ou apresentação para o contexto de trabalho:

1. Carregue este skill
2. Aplique todos os padrões abaixo ao formato solicitado
3. Em conflito entre pedido e padrão: preserve o padrão, ajuste apenas o conteúdo

1. PALETA DE CORES

Cores Primárias (obrigatórias)

Cores de Suporte

Cores Funcionais (usar com moderação)

Regras absolutas de cor

• Roxo #6C0775 = dominante (60–70% do peso visual escuro)
• Vermelho #E80F2B = apenas acento, nunca fundo de página
• Fundo de conteúdo = sempre branco #FFFFFF
• Nunca usar cores fora da paleta em elementos estruturais

2. TIPOGRAFIA

Famílias tipográficas

Para QA confiável em PPTX, use Arial como fallback quando Poppins/Epilogue indisponíveis.

Escala PPTX

Escala DOCX / PDF

Regras de tipografia

• Máximo 3 níveis de hierarquia por slide / página
• Alinhamento: sempre à esquerda (exceto KPIs e títulos de capa centralizados)
• Nunca usar sublinhado decorativo em títulos
• Nunca usar linha/barra colorida abaixo de título
• Espaçamento entre parágrafos: 6–8pt antes, 6–8pt depois

3. ESTRUTURA DE LAYOUTS

PPTX — Dimensão e Margens

• Dimensão: 16:9 — 33,87 × 19,05 cm (12192000 × 6858000 EMU)
• Margem mínima: 1,27 cm em todas as bordas
• Margem prática: 1,5 cm laterais / 1,2 cm topo e rodapé

Tipos de Slide

CAPA / ENCERRAMENTO:

• Fundo roxo escuro #6C0775 ou #303779
• Lado direito: mosaico fotográfico industrial com overlay roxo (~50% opacidade)
• Elemento decorativo: arco/círculo vermelho parcial no canto superior direito (bleeding)
• Grid de pontos brancos (motif decorativo secundário)
• Título branco grande (44–52pt), posição esquerda-centro
• Logo Tequaly: canto inferior direito, versão branca com símbolo vermelho
• Tagline opcional: "Soluções 360° para a Indústria"

CONTEÚDO PADRÃO:

• Fundo branco #FFFFFF
• Título em roxo #6C0775, alinhado à esquerda
• Área de conteúdo: 1, 2 ou 3 colunas
• Barra lateral esquerda roxa fina com logo (slides formais)
• Rodapé: nome do documento + numeração

KPI / DADOS:

• Números grandes (60–72pt) em roxo ou vermelho
• Labels em #44546A, 12–14pt
• Cards com fundo #F9FBFF e borda 1pt #E7E6E6
• Background pattern de pontos para decoração

SEÇÃO / DIVISOR:

• Fundo escuro roxo
• Número de seção grande + título branco
• Logo no rodapé

DOCX — Dimensão e Margens

• Formato: A4 vertical — 21 × 29,7 cm
• Margens: Superior 2,5 cm | Inferior 2,5 cm | Esquerda 3,0 cm | Direita 2,5 cm
• Cabeçalho: logo colorido à direita, texto de documento à esquerda (se houver)
• Rodapé: numeração de página centralizada + logo pequeno à direita + tequaly.com.br à esquerda
• Sidebar opcional: faixa lateral roxa #6C0775 à esquerda (~2 cm) com logo branco vertical

4. PADRÃO DE CAPAS

PPTX

• Fundo roxo #6C0775 / #303779
• Mosaico fotográfico industrial (grid 2×2) à direita com overlay 50%
• Arco vermelho decorativo no canto superior direito (elemento do logo ampliado)
• Título em Poppins SemiBold branco, 44–52pt
• Subtítulo/Data em branco, 18–20pt
• Logo canto inferior direito: versão branca + símbolo vermelho
• Borda fina arredondada em torno do bloco de título (traço vermelho #E80F2B)

DOCX / PDF

• Fundo branco com faixa lateral esquerda roxa
• Logo colorido no topo
• Título centralizado no corpo, bold, roxo #6C0775
• Metadados (código, data, revisão) em 9pt cinza #44546A

5. PADRÃO DE TABELAS

6. PADRÃO DE GRÁFICOS E KPIS

• KPI grande: Poppins SemiBold 60–72pt, cor #6C0775 ou #E80F2B, label abaixo #44546A
• Barras: cor primária #6C0775, acento #E80F2B, neutro #E7E6E6
• Gauge/Progresso: fundo #E7E6E6, preenchimento #6C0775
• Ícones de status: verde #70AD47 (OK) / vermelho #E80F2B (alerta) / cinza #808080 (neutro)
• Cards de KPI: fundo #F9FBFF, borda 1pt #E7E6E6

7. LOGO E ELEMENTOS GRÁFICOS

Versões do Logo

Regras do logo:

• Área de proteção mínima = altura do símbolo circular em todos os lados
• Nunca distorcer, recolorizar ou aplicar efeitos
• Nunca separar símbolo circular do texto "Tequaly"

Elemento Decorativo Circular

• Arco/círculo vermelho #E80F2B derivado do símbolo do logo
• Usado em cantos de slides (bleeding parcial)
• Apenas na cor vermelha original — nunca recolorizado
• Tamanho grande, sempre parcialmente cortado pela borda

Faixas e Separadores

• Barra lateral em documentos: #6C0775, largura ~1,5–2 cm
• Linha horizontal entre seções: #E7E6E6, 0,5–1pt
• NUNCA barras horizontais coloridas que atravessem slides de ponta a ponta

8. CHECKLIST DE ENTREGA

Antes de finalizar qualquer documento, verificar:

Identidade

• Logo correto para o tipo de fundo
• Área de proteção do logo respeitada
• Elemento circular vermelho presente (capas/slides)

Cores

• Roxo #6C0775 como cor dominante
• Vermelho #E80F2B apenas como acento
• Fundo de conteúdo branco
• Sem cores fora da paleta em elementos estruturais

Tipografia

• Máximo 3 níveis de hierarquia
• Poppins SemiBold / Calibri Bold nos títulos
• Sem sublinhado decorativo
• Alinhamento à esquerda

Estrutura

• Cabeçalho e rodapé com logo e numeração
• Margem mínima respeitada
• Sem barras horizontais coloridas atravessando slides
• Sem linhas decorativas abaixo de títulos
• Capa e encerramento com fundo escuro (PPTX)

Tabelas

• Header roxo com texto branco
• Alternância cinza claro / branco
• Bordas sutis

QA

• Sem overflow de texto
• Contraste AA aprovado
• Sem placeholders remanescentes
• Logo não distorcido

9. PADRÃO DE APLICAÇÃO POR TIPO DE ENTREGA

PPTX

• Dimensão: 16:9, 33,87×19,05 cm
• Capa: fundo roxo + mosaico + logo branco/vermelho canto inferior direito
• Slides de conteúdo: branco, título roxo, rodapé sutil
• Fontes QA-safe: Arial como fallback
• KPIs: 60pt+ em roxo ou vermelho

DOCX

• Formato A4, margens 2,5/2,5/3,0/2,5 cm
• Cabeçalho: logo à direita
• Rodapé: paginação + código + logo pequeno
• H1 roxo #6C0775, H2 cinza escuro #44546A
• Tabelas com header roxo e alternância cinza/branco

PDF Executivo

• Sidebar roxa opcional (documentos formais)
• Código de documento no rodapé
• Capa com logo, título centralizado, metadados em cinza pequeno

Fluxograma / Diagrama

• Fundo branco
• Nós principais: fundo #6C0775, texto branco
• Nós secundários: fundo #E7E6E6, texto #212121
• Conectores: #44546A, 1,5pt
• Destaque: #E80F2B para etapas críticas

Painel Executivo / Dashboard (HTML/React)

• Background: branco ou #F9FBFF
• Cards: borda #E7E6E6, header card #6C0775 com texto branco
• KPIs: números grandes roxo/vermelho
• Tabelas: padrão Tequaly
• Fonte: Open Sans ou Arial para segurança de renderização

10. REFERÊNCIA RÁPIDA DE VALORES

ROXO PRIMÁRIO    #6C0775   → capas, headers, tabelas, sidebar
VERMELHO ACENTO  #E80F2B   → logo, ícones, destaques, KPI alerta
ROXO NOTURNO     #303779   → fundo de slides escuros
CINZA ESCURO     #44546A   → subtítulos, rodapés
PRETO TEXTO      #212121   → corpo de texto
BRANCO           #FFFFFF   → fundo conteúdo
CINZA CLARO      #E7E6E6   → alternância tabela, fundo card

PPTX DIMENSÃO    33,87 × 19,05 cm (16:9)
PPTX MARGEM      1,5 cm laterais / 1,2 cm topo/rodapé
DOCX FORMATO     A4 vertical
DOCX MARGENS     2,5 / 2,5 / 3,0 / 2,5 cm

FONTE PPTX       Poppins SemiBold (títulos) / Epilogue (corpo) / Arial (fallback)
FONTE DOCX       Calibri (todos os níveis)