
Nossa marca
Nossa marca: by humans, for humans.
Excelência técnica e humana para mudar o ritmo do seu negócio.
Nossa marca é o jeito que a gente se apresenta pro mundo: técnica, humana e com ritmo. Aqui está tudo o que você precisa pra usar ela direito.
01
Conceito
O nome
Disco vem de Discovery, o processo de entender a fundo cada negócio antes de construir qualquer coisa, e de discoteca, porque trabalho bom tem ritmo e energia.
O posicionamento
Desde 2026 a gente resume isso em uma frase: by humans, for humans. Usamos o melhor da tecnologia, mas quem dá a direção somos nós, gente fazendo e-commerce pra gente.
O tom
Nosso universo é o da Nave Mãe: uma tripulação que decola junto com cada cliente e coloca o negócio no ritmo certo.
02
Logo
O logo da Disco é o wordmark DISCO. Ele tem três cores e um desenho só: branco em fundos escuros e gradientes, roxo ou preto em fundos claros.
Branca Sobre fundo escuro ou gradiente
Roxa Sobre fundo claro
Preta Sobre fundo claro
Área de respiro
Deixe sempre um respiro de 1X ao redor, onde X é o raio do “O”.
Tamanho mínimo
100px na tela e 1/8" no impresso. Não tem tamanho máximo.

Monograma DS
A versão compacta, para favicon e ícone de app.

Co-branding
Do lado da Shopify, o logo fica assim: DISCO + shopify, com 1X de distância entre eles.
Usos corretos
-
Pode: Branca sobre fundo escuro
-
Pode: Branca sobre gradiente
-
Pode: Roxa sobre fundo claro
-
Pode: Preta sobre fundo claro
Usos incorretos
-
Não pode: Cor fora da paleta
-
Não pode: Colorida sobre fundo colorido
-
Não pode: Com contorno
-
Não pode: Girada (16° só quando vira plano de fundo)
-
Não pode: Esticada ou distorcida
-
Não pode: "Disco" digitado no lugar do logo
03
Cores
O violeta é a nossa cor. O azul-noite e o preto-grafite são o espaço onde a marca vive. O verde aparece pouco, como uma aurora, pra destacar o que importa.
Violeta
#6E2BF2
Nossa cor. Está nos botões, nos links e em tudo que pede ação.
Azul-noite
#06051F
O espaço onde a marca vive: o fundo das nossas páginas.
Preto-grafite
#101118
O outro fundo da marca, como no rodapé, e texto sobre fundo claro.
Verde
#34D399
Aparece pouco, como uma aurora, pra destacar o que importa: tags e kickers.
Branco
#FFFFFF
Texto e logo sobre os fundos escuros.
Neutras de apoio
- #565066
- #8E8A99
- #999999
- #EDEDED
04
Tipografia
Urbanist é a nossa voz escrita: geométrica, moderna e fácil de ler. Ela está em tudo, dos títulos aos botões.
Urbanist
- Regular 400
- Medium 500
- SemiBold 600
05
Gradientes e fundos
Noite
Do azul-noite ao preto, o fundo padrão das nossas páginas.
linear-gradient(180deg, #06051f 0%, #000000 100%)
Véu da nave
O azul-noite surgindo por cima das imagens, como a sombra da nave chegando.
linear-gradient(180deg, rgba(6, 5, 31, 0) 0%, #06051f 100%)Aurora verde
Um brilho verde que sobe de baixo, pra dar luz a destaques e selos.
linear-gradient(0deg, rgba(52, 211, 153, 0.65) 10%, rgba(52, 211, 153, 0) 68%)
Fundos espaciais
Espaço com aurora verde
O fundo dos destaques e do selo Premier: a aurora verde sobre a nebulosa.
background: var(--space-aurora);
Espaço

Espaço grande
06
Imaginário
Astronautas, foguetes, planetas e uma nave alienígena. O espaço é onde a gente se sente em casa, porque todo projeto é uma viagem pra um lugar novo.

Explorador

Foguete

Astronauta com laptop

Astronauta e pôr do sol
Ícones de serviço
07
Tom de voz
A gente fala como fala com um amigo que entende de e-commerce: direto, informal, sem enrolação e sem “corporativês”. Em português, com metáforas de nave e de ritmo.
“Bora colocar sua loja no ritmo certo?”
“Oferecemos soluções end-to-end de excelência.”
08
Assinatura
BY HUMANS, FOR HUMANS. é a nossa promessa: tecnologia com direção humana. Ela é escrita em Urbanist SemiBold/Bold, com “HUMANS” em itálico.
Branca Sobre fundo escuro
Preta Sobre fundo claro
Onde ela aparece
- No site
- Nas camisetas da tripulação
- No rodapé das lojas que a gente constrói
- Nas redes
10
Downloads
Precisa dos arquivos? Baixe o pacote com logos, assinatura e paleta.
Baixar o pacote completo (ZIP, 221 KB)







