Brand Guidelines
Guia de identidade visual e uso da marca Team 1%
Logotipos
Versões oficiais do logo Team 1%
Logo Transparente
Usar em fundos escuros
logo_1percent_transparent.svg
Logo Dark
Usar em fundos claros
logo_1percent_dark.svg
Paleta de Cores
Cores oficiais da marca Team 1%
Fundo Primário
Preto-azulado profundo
#08131D
Fundo Secundário
Cards e containers
#131E27
Bordas
Divisores e linhas
#28363D
Ação Primária 🎯
Verde-esmeralda — COR DA MARCA
#0FB480
Texto Secundário
Placeholders e legendas
#727F8C
Texto Principal
Tipografia em dark mode
#D6DCDF
Diretrizes de Uso
✅ Fazer
- • Usar o logo em tamanho mínimo de 32x32 pixels
- • Manter a proporção original do logo
- • Usar a cor verde (#0FB480) para calls-to-action e destaques
- • Garantir contraste adequado entre texto e fundo
- • Usar o logo transparente em fundos escuros
❌ Não fazer
- • Não distorcer ou rotacionar o logo
- • Não alterar as cores do logo
- • Não adicionar efeitos ou sombras ao logo
- • Não usar cores da marca em fundos com baixo contraste
- • Não usar o logo dark em fundos escuros
Tipografia
Heading 1 - 4xl Bold
Usado para títulos principais de página
Heading 2 - 3xl Semibold
Usado para seções importantes
Heading 3 - 2xl Semibold
Usado para subsecções
Body Text - Base Regular
Usado para corpo de texto padrão
Small Text - SM Regular
Usado para legendas e texto auxiliar
Precisa do material completo?
Baixe o PDF com todas as diretrizes, exemplos e assets
📁 Localização dos Assets
Logos SVG:
app/assets/images/logo_1percent_*.svg
Favicon:
public/favicon.png
Brand Guide PDF:
public/team1percent_brand_guideline.pdf
Cores (referência):
app/assets/brand_guide/colors.txt