Logo
O logo Retents tem duas formas: o isotipo (símbolo “R” isolado) e o logo completo (isotipo + lettering “Retents”). Cada um existe em três cores: laranja, preto e branco.
Isotipo
O símbolo “R” da Retents. Use quando o espaço é limitado ou quando a marca já foi apresentada no contexto.
Arquivo: retents-isotipo-laranja.png
Usar quando:
- Favicon e ícone de app
- Avatar em redes sociais
- Ícone em navegação ou sidebar com fundo claro ou neutro
- Situações onde a marca já foi identificada pelo logo completo
Arquivo: retents-isotipo-branco.png
Usar quando:
- Fundo escuro (luminosidade abaixo de 30%)
- Materiais em fundo preto ou grafite
- Header de sites com tema dark
Arquivo: retents-isotipo-preto.png
Usar quando:
- Documentos impressos (ex: contratos, propostas)
- Materiais monocromáticos
- Fundos muito claros onde o laranja teria baixo contraste
Logo completo
Isotipo + lettering “Retents”. Use como apresentação primária da marca em qualquer contexto onde a identidade precisa ser estabelecida.
Arquivo: retents-logo-laranja.png
Usar quando:
- Homepage e landing pages com fundo claro ou branco
- Apresentações e decks em fundo claro
- Materiais de marketing impressos em fundo claro
- Versão preferencial quando não há restrição de cor
Arquivo: retents-logo-branco.png
Usar quando:
- Header de sites com tema dark
- Apresentações em fundo escuro
- Merchandising (camiseta preta, caneca escura)
- Materiais com fundo de cor sólida escura (preto, grafite, azul-marinho)
Arquivo: retents-logo-preto.png
Usar quando:
- Documentos impressos (propostas, contratos, NDAs)
- Impressão em preto e branco
- Contextos onde a cor laranja não está disponível (ex: carimbo, bordado)
Quando usar isotipo vs. logo completo
| Contexto | Usar |
|---|---|
| Primeira vez que a marca aparece no material | Logo completo |
| Favicon e ícone de app | Isotipo laranja |
| Avatar em redes sociais | Isotipo laranja |
| Header de site (nome da empresa em texto ao lado) | Isotipo |
| Header de site (logo como único identificador) | Logo completo |
| Capa de apresentação / deck | Logo completo |
| Rodapé com espaço limitado | Isotipo |
| Merchandising (camiseta, brinde) | Depende do fundo — veja cores acima |
Espaço de proteção
O logo deve ter sempre um espaço de proteção ao redor equivalente à altura do símbolo “R”. Nunca coloque outros elementos dentro dessa área.
Tamanho mínimo
| Variação | Tamanho mínimo digital |
|---|---|
| Isotipo | 24px de altura (favicon), 32px (navegação), 48px (avatar) |
| Logo completo | 32px de altura |
Abaixo desses tamanhos o logo perde legibilidade.
Restrições
- Não distorça ou estique o logo
- Não mude as cores — use apenas as 3 variações oficiais (laranja, branco, preto)
- Não use o logo sobre fundos que comprometam o contraste
- Não adicione sombras, contornos ou efeitos ao logo
- Não recrie o lettering em outra fonte tipográfica
- Não use o logo laranja sobre fundo vermelho ou laranja
Downloads
Todos os arquivos estão disponíveis na seção Assets.