Portal Interno · Divisão Hidráulica
Padrão de Documentos
DOC-2026-002 · v2.0 · 17/07/2026
Portal Interno/Documentos/Padrão Visual
Identidade do Portal aplicada a documentos
Padrão de Documentos
Cores, tipografia e componentes derivados do Portal Interno Cofermeta — para orçamentos, fichas técnicas, tabelas de preço, comunicados e relatórios em HTML e PDF.
1. Paleta — a mesma do portal
#143656 → #1E4A6D
Navy — bandas, títulos, tabelas
#00AAE5
Ciano — acento, links, kickers
#E5F6FD
Ciano claro — fundos/totais
#3D3D3C
Texto principal
#64748B
Texto de apoio (slate)
Cores por seção (código do portal)
Cada documento herda a cor da seção que o origina — no filete de acento, kicker e badges:
| #0EA5E9 | Documentos — fichas técnicas, orçamentos modelo, divulgação |
#7C3AED | Licitações — tabelas de preço, propostas para órgãos públicos |
| #1E4A6D | Cadastro — parceiros, fornecedores, transportadoras |
#0D9488 | Treinamento — apostilas, especificações, conversores |
| #EA580C | Punch Out — catálogos Usiminas, Gerdau, Clariant |
#15803D | Precificação — orçamentos gerados, condições comerciais |
| #B45309 | Frete — dimensionamento, romaneios de carga |
#DC2626 | Alerta / exclusão — apenas avisos críticos |
2. Tipografia — a mesma do portal
| Display | Barlow Condensed 800 — Títulos e números
Caixa alta, entreletra +0.5px. Números grandes de KPI também. |
| Labels | Barlow Condensed 700 · letter-spacing 1.4–2.5px — kickers, cabeçalhos de tabela, breadcrumb, rodapé. |
| Corpo | Barlow 400/500 — texto corrido 10–10.5pt, entrelinha 1,5. SemiBold 600 para ênfase. |
| Mono | IBM Plex Mono — VLV-ESF-100 · NCM 8481.80.99 · R$ 84,50 · CNPJ 17.281.973/0003-00 |
Portal Interno · Divisão Hidráulica
Orçamento
ORC-2026-0457 · 17/07/2026
Portal Interno/Precificação/Orçamento B2B
Exemplo aplicado · seção Precificação
Orçamento — Hidromax Materiais
Documento gerado no padrão do portal: acento verde da seção Precificação, componentes idênticos aos da interface.
Tipo de venda
B2B Geral
markup 1,90 · 28 ddl
Total
R$ 3.797,90
frete CIF Grande BH
Validade
15 dias
até 01/08/2026
Cliente
Hidromax Materiais Hidráulicos
CNPJ 98.765.432/0001-10
Ana Lúcia · (31) 3399-1020 · ana@hidromax.com.br
Condições
Pagamento: 28 ddl · Frete: CIF
B2BCliente ativoCNPJ
Itens
| Código | Descrição | Marca | Qtd. | Unit. | Total |
|---|
| VLV-ESF-100 | Válvula esfera latão bipartida 1" PN40 Estoque | GIPP | 10 | 84,50 | 845,00 |
| VLV-GAV-200 | Válvula gaveta bronze 2" haste ascendente | VÁLV. IND. | 8 | 206,40 | 1.651,20 |
| CNX-COT-100 | Cotovelo 90° galvanizado fêmea 1" classe 10 Punch Out | TUPY | 85 | 15,30 | 1.300,50 |
| Total do orçamento | R$ 3.796,70 |
R$ 4.230,00 (tabela balcão)
R$ 3.796,70 · 28 ddl
Condição especial
À vista (Pix):
R$ 3.606,90 — 5% de desconto, confirmação imediata.
Cofermeta S.A.
Divisão Hidráulica · Depto. Comercial
Portal Interno · Divisão Hidráulica
Padrão de Documentos
DOC-2026-002 · v2.0
Portal Interno/Documentos/Regras & Comparativo
Portal → papel
Regras de aplicação
3. Comparativo — padrão v1 × padrão portal (v2)
| Elemento | v1 (site/loja) | v2 (Portal Interno) — este padrão |
|---|
| Azul principal | #009FE3 (logo) | #00AAE5 ciano + #1E4A6D navy |
| Acento | Amarelo #FFD200 | Cor da seção do portal (ciano por padrão) |
| Display | Archivo Black | Barlow Condensed 800 |
| Corpo | IBM Plex Sans | Barlow 400/500 |
| Mono | IBM Plex Mono | IBM Plex Mono (mantido) |
| Cabeçalho | Faixa azul + filete grafite | Banda navy em degradê + chip branco com logo |
| Cards | Borda cinza, raio 10px | Filete colorido à esquerda 4px, raio 9–11px |
Quando usar cada um
v1 para material de
loja e cliente final (segue o logo). v2 para
documentos internos e operacionais gerados pelo portal — orçamentos, fichas, tabelas, romaneios. O logo oficial permanece intocado nos dois.
4. Estrutura fixa do timbrado portal
- Banda superior: degradê navy #143656 → #1E4A6D, logo em chip branco (raio 7px), subtítulo em Barlow Condensed ciano-claro #8FD3F2.
- Filete de acento: 1,8 mm na cor da seção, logo abaixo da banda; repetido no rodapé.
- Breadcrumb: Portal Interno / Seção / Documento — condensed uppercase, slate #94A3B8, atual em navy 700.
- KPI cards: resumo do documento no topo (tipo, itens, total, validade) com filete colorido à esquerda.
- Tabelas: cabeçalho navy, labels condensed com letter-spacing, zebra #F8FAFC, totais em ciano-claro #E5F6FD.
- Rodapé: CNPJ + seção + paginação em condensed uppercase; barra navy + filete de acento fechando.
5. Uso rápido
- Duplique Cofermeta_Modelo_Timbrado_Portal.html, ajuste --accent para a cor da seção e edite entre os marcadores <!-- CONTEUDO -->.
- PDF: navegador → Ctrl+P → Salvar como PDF → margens “Nenhuma” → “Gráficos de fundo” ativado.
- Exports do próprio portal (jsPDF/XLSX) devem usar estas mesmas cores e fontes para manter 1:1 com a interface.
