# Tequaly Visual Standard

> Padrão visual oficial da Tequaly para produção de qualquer documento corporativo. Use SEMPRE que o usuário pedir a criação ou edição de qualquer arquivo de trabalho, incluindo: relatórios, apresentações (.pptx), documentos Word (.docx), PDFs executivos, fluxogramas, painéis, dashboards, propostas, documentos formais ou qualquer outro material visual profissional no contexto da Tequaly Técnica Industrial Ltda. Este skill define cores, tipografia, layout, estrutura e regras de formatação obrigatórias. Não crie nenhum documento de trabalho sem primeiro carregar este skill.

- Skill: `gabriel2772/tequaly-visual-standard` (Agent Skill)
- Install (CLI): `npx skillmds@latest add gabriel2772/tequaly-visual-standard`
- Raw SKILL.md: https://api.skillmd.com/api/skills/gabriel2772/tequaly-visual-standard/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Docs & Writing
- Author: Gabriel2772 (https://skillmd.com/u/gabriel2772)
- Updated: 2026-09-22
- Page: https://skillmd.com/skills/gabriel2772/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)

| Papel | Nome | HEX | Uso |
|---|---|---|---|
| **Primária** | Roxo Tequaly | `#6C0775` | Headers, capas, sidebar, fundo escuro |
| **Acento** | Vermelho Tequaly | `#E80F2B` | Ícones, destaques, símbolo do logo |
| **Dark Background** | Roxo Noturno | `#303779` | Fundo slides de capa/encerramento |
| **Texto escuro** | Quase Preto | `#212121` | Corpo de texto |
| **Subtítulo** | Cinza Escuro | `#44546A` | Subtítulos, rodapés, labels |

### Cores de Suporte

| HEX | Uso |
|---|---|
| `#FFFFFF` | Fundo slides/páginas de conteúdo |
| `#E7E6E6` | Células de tabela alternadas, fundo de card |
| `#F9FBFF` | Fundo suave de cards/destaques |
| `#CCCCCC` | Bordas de tabelas e divisores sutis |

### Cores Funcionais (usar com moderação)

| HEX | Papel |
|---|---|
| `#70AD47` | Status OK / Verde |
| `#E80F2B` | Alerta / Erro |
| `#5B9BD5` | Info / Azul |
| `#FFB175` | Atenção / Laranja |

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

| Contexto | Fonte principal | Fallback |
|---|---|---|
| PPTX / Títulos | **Poppins SemiBold** | Arial Bold |
| PPTX / Corpo | **Epilogue** | Arial |
| DOCX / PDF | **Calibri** | Arial |
| Web / HTML | **Epilogue, Open Sans** | Arial |

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

### Escala PPTX

| Elemento | Fonte | Tamanho | Cor |
|---|---|---|---|
| Título de Capa | Poppins SemiBold | 44–52 pt | Branco `#FFFFFF` |
| Título de Slide | Poppins SemiBold | 32–36 pt | Roxo `#6C0775` |
| Subtítulo / Seção | Epilogue | 20–24 pt | `#44546A` |
| Corpo | Epilogue / Arial | 14–16 pt | `#212121` |
| KPI grande | Poppins SemiBold | 60–72 pt | `#6C0775` ou `#E80F2B` |
| Legenda / Nota | Arial | 10–12 pt | `#4D4E53` |
| Rodapé | Arial | 9–10 pt | `#44546A` |

### Escala DOCX / PDF

| Elemento | Fonte | Tamanho | Cor |
|---|---|---|---|
| Título principal | Calibri Bold | 18–20 pt | `#6C0775` |
| Heading 1 | Calibri Bold | 14–16 pt | `#6C0775` |
| Heading 2 | Calibri Bold | 12–13 pt | `#44546A` |
| Corpo | Calibri Regular | 11–12 pt | `#212121` |
| Tabela header | Calibri Bold | 10–11 pt | Branco (sobre `#6C0775`) |
| Tabela corpo | Calibri Regular | 10 pt | `#212121` |
| Rodapé / paginação | Calibri Light | 9 pt | `#44546A` |

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

| Elemento | Especificação |
|---|---|
| Header row | Fundo `#6C0775`, texto branco, Bold 10–11pt |
| Linhas pares | Fundo `#E7E6E6` |
| Linhas ímpares | Fundo `#FFFFFF` |
| Bordas | `#CCCCCC`, 0,5pt, apenas horizontais |
| Padding | 4–6pt horizontal, 3–4pt vertical |
| Texto | Esquerda (texto) / Direita (números) / Centro (cabeçalhos) |
| Linha de total | Fundo `#44546A`, texto branco, Bold |
| Fonte | Calibri 10pt, `#212121` |

---

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

| Contexto | Versão |
|---|---|
| Fundo branco / claro | Logo colorido: roxo + vermelho |
| Fundo escuro / roxo | Logo branco com símbolo vermelho |
| Rodapé escuro | Logo branco/vermelho (tamanho reduzido) |
| Sidebar lateral | Logo branco vertical |

**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)
```