Identidade visual · Versão 1.0 · OUT 2026
Tudo o que você precisa para usar a marca Slever.
Logo, monograma, cores, fontes e regras de uso em um só lugar, com os arquivos oficiais prontos para baixar.
01 · Logo
O nome é a assinatura.
Letras ajustadas à mão para a Slever. A assinatura está no r: o ombro azul, separado da haste por uma fenda diagonal.
SVG para telas e web · PNG e WebP transparentes em alta resolução · PDF vetorial em CMYK para gráfica
02 · Monograma
Sr, para espaços pequenos.
A inicial e a última letra do nome. Para avatares, ícones e lugares onde o nome não cabe.
Sr pequeno
Desenho reforçado e sem a fenda, feito para 20 a 63 px: ícones de interface e avatares pequenos.
Em px CSS (1x)
03 · Perfil e favicon
Pronto para perfil e navegador.
Arquivos no tamanho certo para redes sociais, WhatsApp e a aba do navegador.
Favicon
favicon.ico com quadros de 16, 24, 32 e 48 px desenhados pixel a pixel e cantos arredondados, e apple-touch-icon de 180 px para iPhone e iPad, quadrado porque o sistema arredonda sozinho.
Não usamos favicon em SVG de propósito: o navegador daria preferência a ele e deixaria de lado os quadros desenhados à mão do ICO.
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">export const metadata = {
icons: {
icon: [{ url: "/favicon.ico", sizes: "any" }],
apple: "/apple-touch-icon.png",
},
};04 · Cores
Marinho e marfim. Azul aponta.
Clique no HEX para copiar.
Marca
Todas aparecem no logo.
Marinho
- RGB
- 30 42 68
- CMYK
- C88 M71 Y33 K60
Cor de palco e de marca: heróis, social e impressos. Letras do logo sobre fundo claro.
Marfim
- RGB
- 242 238 227
- CMYK
- C6 M5 Y13 K0
Texto e logo sobre escuro; fundo de peças claras. Marfim, nunca branco puro.
Azul Elétrico
- RGB
- 46 124 246
- CMYK
- C76 M55 Y0 K0
Único acento: botões, links, foco, item ativo. No logo, gradiente do ombro do r. Não usar em texto pequeno sobre marfim.
Fica menos vivo na impressão
Azul Suave
- RGB
- 124 184 255
- CMYK
- C53 M23 Y0 K0
Ponta clara do gradiente do r sobre escuro; linhas de gráfico e texto de acento sobre escuro.
Fica menos vivo na impressão
Azul Forte
- RGB
- 29 95 214
- CMYK
- C85 M69 Y0 K0
Ponta escura do gradiente do r sobre claro; acento legível sobre marfim ou papel.
Fica menos vivo na impressão
Azul Claro
- RGB
- 94 162 255
- CMYK
- C62 M35 Y0 K0
No logo, só no ombro chapado do r do favicon de 16 px sobre escuro. Fora do logo, ponta clara do gradiente de botão das peças de marca.
Fica menos vivo na impressão
Neutros
Carvão
- RGB
- 12 13 18
- CMYK
- C85 M75 Y60 K86
Canvas escuro do produto, feito para horas de uso. Fundo da foto de perfil, do favicon e do ícone.
Papel
- RGB
- 246 244 238
- CMYK
- C4 M4 Y7 K0
Canvas claro: e-mails, documentos, PDF e textos longos.
Tinta
- RGB
- 20 28 48
- CMYK
- C91 M75 Y38 K71
Texto de leitura sobre papel.
Texto secundário
- RGB
- 166 173 190
- CMYK
- C38 M26 Y16 K5
Texto secundário e descrições sobre escuro.
Texto terciário
- RGB
- 110 118 137
- CMYK
- C56 M43 Y28 K21
Legendas, metadados e placeholders.
CMYK de referência em ISO Coated v2 (ECI) / FOGRA39, sem prova de impressão. Peça uma prova física à gráfica.
O gradiente do r
O gradiente pertence ao logo e vive só no ombro do r. Use sempre o SVG, nunca recrie o gradiente.
Regra de uso
- 01Marinho e marfim são a base da marca; carvão é o fundo do produto.
- 02Marfim para texto e logo sobre escuro, nunca branco puro.
- 03Azul elétrico é o único acento: botões, links e foco.
05 · Tipografia
Três vozes, uma conversa.
Fontes livres (SIL Open Font License). Nunca uma quarta família.
Editorial
Newsreader
- Uso
- Títulos, números de destaque, citações e capas.
- Pesos
- 400 a 500 em títulos · 600 a 700 com moderação · itálico com intenção
Sua equipe de vendas nunca dorme.
Interface
Hanken Grotesk
- Uso
- Texto corrido, botões, campos, navegação e site.
- Pesos
- 400 texto · 500 controles · 600 ênfase
A Slever coloca uma equipe de IA para conversar, qualificar e agendar no WhatsApp.
Técnica
Spline Sans Mono
- Uso
- Rótulos em caixa alta, horários, códigos e especificações. Nunca texto corrido.
- Pesos
- 400 a 500 · 600 com moderação
#1E2A44 · 10 OUT 2026 · 10h30
LogoO logo é um desenho em curvas, não uma fonte. Nunca redigite o nome: use sempre o SVG.
06 · Uso
Respiro, tamanho e fundo.
Três regras que mantêm o logo legível em qualquer peça.
Área de proteção
Deixe livre ao redor do nome 1/4 da altura do S. Ao redor do Sr, 1/5.
Tamanhos mínimos
Medidas em pixels do dispositivo. Abaixo de 96 px, use o Sr no lugar do nome.
- Logo
- Recomendado160 px ou maisMínimo na tela96 px · 120 a 160 px aceitávelMínimo impresso25 mm
- Sr transparente
- Recomendado48 px ou maisMínimo na tela48 pxMínimo impresso8 mm
- Perfil e ícone
- Recomendado64 px ou maisMínimo na tela64 pxMínimo impresso-
| Peça | Recomendado | Mínimo na tela | Mínimo impresso | No mínimo (px CSS) |
|---|---|---|---|---|
| Logo | 160 px ou mais | 96 px · 120 a 160 px aceitável | 25 mm | |
| Sr transparente | 48 px ou mais | 48 px | 8 mm | |
| Perfil e ícone | 64 px ou mais | 64 px | - |
Favicon (.ico): um quadro desenhado à mão por tamanho
48 × 48quadro 48
32 × 32quadro 32
24 × 24quadro 24
16 × 16quadro 16
Perfil e ícone abaixo de 64 px: use o Sr pequeno em SVG (04-favicon), feito para 20 a 63 px. Avatares de redes sociais: envie o PNG de perfil e deixe a plataforma reduzir.
Fundos
Sobre fotos, só numa área uniforme e com contraste suficiente. Na dúvida, use uma placa marinho ou marfim.
Escuros
Claros
Evite
Não: Esticar ou distorcer
Não: Fechar a fenda do r
Não: Trocar as cores ou levar o gradiente para as outras letras
Não: Sombra, brilho ou efeitos
Não: Fundo sem contraste
Não: Redigitar o nome com uma fonte
Não: Colocar frase ou slogan junto do logo
Não: Enviar a foto de perfil já arredondada
07 · Nome e voz
Como escrevemos.
O nome
Slever, com S maiúsculo e o resto em minúsculas.
Assim:SleverNão:slever
Em português, a marca é feminina.
Assim:a Slever, pela SleverNão:o Slever
Sr é o monograma e não leva ponto.
Assim:SrNão:Sr.
Domínios sempre em minúsculas.
Assim:slever.aiNão:Slever.ai
Assinatura em superfícies públicas, sempre na mesma forma.
Assim:Desenvolvido pela SleverNão:Desenvolvido por Slever
O logo mostra sempre só o nome, sem tagline.
A voz
- 01Falamos na primeira pessoa do plural: “Enviamos”, “Detectamos”.
- 02Português simples e voz ativa, sem jargão. O botão diz exatamente o que acontece.
- 03Humanos, não robóticos: a confiança de uma instituição séria com o calor de uma conversa.
- 04Texto mínimo: título curto e, se preciso, uma linha de até 60 caracteres.
- 05Sem travessão. Datas como “10 out 2026”, contagens como “3.379”.
08 · Arquivos
Tudo em um ZIP, ou arquivo por arquivo.
Os mesmos arquivos do ZIP, organizados nas mesmas pastas.
Guia de marca em PDF
A4 paisagem · 8 páginas · 1,4 MB
slever-identidade-visual/
Leia-me e guia em PDF
01-logo/
Logo em 4 versões
- svg/slever-logo-fundo-escuro.svgsvgvetor2,6 KB
- svg/slever-logo-fundo-claro.svgsvgvetor2,5 KB
- svg/slever-logo-marfim.svgsvgvetor2,3 KB
- svg/slever-logo-marinho.svgsvgvetor2,3 KB
- png/slever-logo-fundo-escuro.pngpng4.096 × 1.167205 KB
- png/slever-logo-fundo-claro.pngpng4.096 × 1.167199 KB
- png/slever-logo-marfim.pngpng4.096 × 1.167185 KB
- png/slever-logo-marinho.pngpng4.096 × 1.167184 KB
- webp/slever-logo-fundo-escuro.webpwebp4.096 × 1.16764 KB
- webp/slever-logo-fundo-claro.webpwebp4.096 × 1.16764 KB
- webp/slever-logo-marfim.webpwebp4.096 × 1.16757 KB
- webp/slever-logo-marinho.webpwebp4.096 × 1.16758 KB
- pdf-cmyk/slever-logo-fundo-escuro.pdfpdfvetor4,2 KB
- pdf-cmyk/slever-logo-fundo-claro.pdfpdfvetor4,1 KB
- pdf-cmyk/slever-logo-marfim.pdfpdfvetor4 KB
- pdf-cmyk/slever-logo-marinho.pdfpdfvetor4 KB
02-monograma/
Monograma Sr em 4 versões
- svg/slever-sr-fundo-escuro.svgsvgvetor1,8 KB
- svg/slever-sr-fundo-claro.svgsvgvetor1,8 KB
- svg/slever-sr-marfim.svgsvgvetor1,6 KB
- svg/slever-sr-marinho.svgsvgvetor1,6 KB
- png/slever-sr-fundo-escuro.pngpng2.048 × 1.788128 KB
- png/slever-sr-fundo-claro.pngpng2.048 × 1.788122 KB
- png/slever-sr-marfim.pngpng2.048 × 1.788111 KB
- png/slever-sr-marinho.pngpng2.048 × 1.788110 KB
- webp/slever-sr-fundo-escuro.webpwebp2.048 × 1.78843 KB
- webp/slever-sr-fundo-claro.webpwebp2.048 × 1.78842 KB
- webp/slever-sr-marfim.webpwebp2.048 × 1.78834 KB
- webp/slever-sr-marinho.webpwebp2.048 × 1.78835 KB
- pdf-cmyk/slever-sr-fundo-escuro.pdfpdfvetor3,5 KB
- pdf-cmyk/slever-sr-fundo-claro.pdfpdfvetor3,3 KB
- pdf-cmyk/slever-sr-marfim.pdfpdfvetor3,2 KB
- pdf-cmyk/slever-sr-marinho.pdfpdfvetor3,2 KB
03-perfil/
Foto de perfil, quadrada e opaca
04-favicon/
Favicon, ícone da Apple e Sr pequeno
05-compartilhamento/
Imagem de compartilhamento 1200 × 630
06-fontes/
Fontes TTF e licenças
- newsreader/newsreader-variavel.ttfttf441 KB
- newsreader/newsreader-italico-variavel.ttfttf484 KB
- newsreader/OFL.txttxt4,3 KB
- hanken-grotesk/hanken-grotesk-variavel.ttfttf130 KB
- hanken-grotesk/hanken-grotesk-italico-variavel.ttfttf136 KB
- hanken-grotesk/OFL.txttxt4,3 KB
- spline-sans-mono/spline-sans-mono-variavel.ttfttf116 KB
- spline-sans-mono/spline-sans-mono-italico-variavel.ttfttf129 KB
- spline-sans-mono/OFL.txttxt4,3 KB
07-cores/
Paleta em ASE e CSS
08-capas/
Capas de LinkedIn, Facebook, YouTube e X, fundo de videochamada e imagens para Google Ads
- linkedin/slever-capa-linkedin-empresa.pngpng3.384 × 573268 KB
- linkedin/slever-capa-linkedin-perfil.pngpng3.168 × 792367 KB
- facebook/slever-capa-facebook.pngpng1.640 × 924397 KB
- youtube/slever-capa-youtube.pngpng2.560 × 1.440641 KB
- x/slever-capa-x.pngpng3.000 × 1.000488 KB
- videochamada/slever-fundo-videochamada.pngpng1.920 × 1.080218 KB
- google-ads/slever-google-ads-paisagem-1200x628.pngpng1.200 × 628202 KB
- google-ads/slever-google-ads-quadrado-1200x1200.pngpng1.200 × 1.200310 KB
- google-ads/slever-google-ads-retrato-960x1200.pngpng960 × 1.200263 KB
- google-ads/slever-google-ads-logo-paisagem-1200x300.pngpng1.200 × 30014 KB