Pular para o conteúdo

Identidade visual · Versão 1.0 · OUT 2026

Slever

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.

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)

48
32
24
20
48
32
24
20

03 · Perfil e favicon

Pronto para perfil e navegador.

Arquivos no tamanho certo para redes sociais, WhatsApp e a aba do navegador.

Quadrado
Recorte circular
Na lista de conversas

Foto de perfil

PNG quadrado de 2048 px, opaco. Envie esse arquivo quadrado: as plataformas reduzem e recortam em círculo, e o Sr já está dentro da área segura.

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.

HTML
<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
Next.js · metadata
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.

Sobre fundo escuro
#7CB8FF0%
#2E7CF655%
#2E7CF6100%
Sobre fundo claro
#2E7CF60%
#1D5FD6100%

Regra de uso

  1. 01Marinho e marfim são a base da marca; carvão é o fundo do produto.
  2. 02Marfim para texto e logo sobre escuro, nunca branco puro.
  3. 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.

xxxxSx = 1/4 da altura do SxxxxSx = 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-

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

Marinho#1E2A44
Carvão#0C0D12
Aço#2B2F3C

Claros

Marfim#F2EEE3
Branco#FFFFFF
Papel#F6F4EE

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

  1. 01Falamos na primeira pessoa do plural: “Enviamos”, “Detectamos”.
  2. 02Português simples e voz ativa, sem jargão. O botão diz exatamente o que acontece.
  3. 03Humanos, não robóticos: a confiança de uma instituição séria com o calor de uma conversa.
  4. 04Texto mínimo: título curto e, se preciso, uma linha de até 60 caracteres.
  5. 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.

Kit completo

slever-identidade-visual.zip

64 arquivos · ZIP · 7,8 MB

Baixar ZIP

Guia de marca em PDF

A4 paisagem · 8 páginas · 1,4 MB

PDF

slever-identidade-visual/

Leia-me e guia em PDF

Logo em 4 versões

02-monograma/

Monograma Sr em 4 versões

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

07-cores/

Paleta em ASE e CSS

08-capas/

Capas de LinkedIn, Facebook, YouTube e X, fundo de videochamada e imagens para Google Ads