16 / Assets e requisitos técnicosGUIA PARA IMPLEMENTAÇÃO
Arquivos e limites técnicos.
O que o desenvolvimento recebe e quais metas de qualidade o site precisa cumprir.
Marca
Logo oficial, sem redesenho
Área de respiro
Igual à altura do símbolo em todos os lados.
Tamanho mínimo
18px de altura na tela; símbolo isolado com 16px.
Sobre navy
Versão branca, sem alterar proporções.
Favicon
Símbolo em SVG, PNG 32 e 180 (Apple).
Imagem OG por página
1200×630, fundo navy, logo e título da página.
Arquivos finais (SVG)
- soutech-logo.svg
- soutech-logo-branca.svg
- soutech-simbolo.svg
- soutech-erp.svg
- soutech-dev.svg
- soutech-ti.svg
- favicon.svg
- og-template.svg
Ícones
Lucide, traço de 1,5px, 24px
Biblioteca já instalada no projeto. Uso funcional apenas: setas, menu, fechar, check, download. Nunca em grade decorativa.
→≡×✓↓
Imagens
Proporção, formato e peso
| Uso | Proporção | Formato | Peso máximo | Mobile |
|---|---|---|---|---|
| Hero | 4:5 desktop | AVIF, WebP de fallback | 180 KB | 16:10, recorte central |
| Card de case | 16:10 | AVIF, WebP | 90 KB | 16:10 |
| Conteúdo | 16:9 | AVIF, WebP | 90 KB | 16:9 |
| Logo de cliente | livre | SVG | 15 KB | igual |
Lazy-loading em toda imagem abaixo da primeira dobra. Alt descreve o conteúdo da foto; imagem decorativa leva alt vazio.
Requisitos
Requisitos não funcionais
Acessibilidade
WCAG 2.2 AA
LCP
até 2,5s
CLS
até 0,1
INP
até 200ms
Navegadores
duas últimas versões