glifo/dev
Identidade da frente de software da glifo: um serifado clássico redesenhado célula por célula.
(Sobre o projeto)
Identidade da frente de software da glifo: um serifado clássico redesenhado célula por célula.
A glifo nasceu estúdio de design e cresceu para dentro da tecnologia. A glifo/dev é a frente de software do grupo: sites, apps, plataformas e automações com IA, do primeiro rabisco ao deploy. A marca precisava provar as duas metades de uma vez, o gosto editorial de quem desenha e a assinatura de quem constrói sistemas de verdade.
O lockup redesenha um serifado clássico célula por célula, como se tivesse passado por um monitor antigo: as serifas vêm da tipografia, os degraus vêm da tela. O ponto do g flutua solto, o pixel que ainda não encaixou, e o /DEV fecha a composição como o caminho de um diretório. No dia a dia entra a assinatura horizontal, o logotipo da marca-mãe com o sufixo em mono.
Papel e tinta fazem a base editorial; o violeta vem da marca-mãe e o laranja Brasa é o calor do /dev. Geist em três vozes (pixel fala, sans organiza, mono mede), dither calculado como textura e um imaginário de órbitas e corpos celestes. Tudo documentado num brandbook virtual com assets, animações e design system.
- Cliente
- Estúdio de software
- Setor
- Tecnologia e produto digital
- Local
- São Luís, MA
- Ano
- 2026
- Serviços
- Estratégia de marca · Identidade visual · Lockup e logotipo · Sistema visual · Design system · Brandbook virtual
- Studio
- Heffer Branding Studio
01 Estratégia
Olho de quem desenha, mão de quem constrói.
Duas disciplinas, uma só órbita. A essência cabe numa palavra, ofício, e a promessa numa frase: bonito à primeira vista e sólido por dentro, feito para rodar em produção por anos. O key verbal organiza todo o resto: do design ao deploy.
02 Lockup pixel
O desenho vira grade. A grade vira código.
Um serifado clássico redesenhado célula por célula, sem antialias: cada borda é um pixel. O ponto do g flutua acima da linha, o pixel que ainda não encaixou; o /DEV entra menor, à direita e abaixo, como o caminho de um diretório, e sempre fecha a composição.
03 Assinaturas
Três versões, um mesmo nome.
O lockup pixel abre. No site, no produto e nos documentos entra a assinatura horizontal: o logotipo da glifo com o /dev em mono, 13 para cada 23 do nome, alinhado à linha de base. Quando assina junto com o grupo, vale o logotipo glifo puro. Em texto corrido, sempre glifo/dev, em minúsculas e sem espaço.
04 Monograma e ícones
O g é a herança. O pixel é a Dev.
Quando o nome não cabe, o g responde por ele. O monograma em curva vem da marca-mãe; o monograma pixel, recortado do lockup, é da glifo/dev. O ponto do g é sempre a cor de destaque. O favicon segue legível até 16 px; o avatar coloca o g em órbita.
05 Paleta
Papel quente, tinta quente e um sinal violeta.
A base é editorial, papel e tinta, como uma página impressa. O violeta herdado da glifo marca ação e destaque; o laranja Brasa é o calor do /dev. Argila faz a ponte entre os dois, e âmbar e creme são luz, em pouca quantidade. Proporção: tinta 45, papel 30, violeta 12, laranja 8.
Violeta Glifo
#601FF9 · Herança da marca-mãe, ação
Laranja Brasa
#FF7E42 · O calor do /dev, foco
Tinta
#221E1A · Hero, transições, texto
Papel
#FAF7F0 · Seções de leitura
Argila
#C2613D · Ponte e ilustração
Âmbar
#FFB343 · Avatares e peças festivas
06 Tipografia e textura
Pixel fala, sans organiza, mono mede.
Uma família só, Geist, em três vozes: Geist Pixel nos títulos de impacto, Geist na interface e no texto, Geist Mono nos metadados e no sufixo /dev. A textura é dither calculado, a imagem reduzida a poucos tons como uma gravura feita por máquina, e o imaginário é espacial: órbitas, sinais e corpos celestes.
07 Site
Do design ao deploy, no ar.
Em glifodev.com a marca roda inteira: o hero em tinta e espaço pontilhado, as seções em papel, o processo como uma expedição de cinco etapas e o dither em tempo real só abaixo da dobra. Três idiomas, com metas de desempenho e acessibilidade travadas no build.
08 Aplicações
Bonito à primeira vista, sólido por dentro.
Tinta, papel e violeta se alternam no feed para o mosaico ficar coeso sem repetir. O g em órbita é reconhecível no círculo de 40 px; o cartão leva o lockup na frente e os dados em mono no verso; a prévia de link e a assinatura de e-mail carregam a mesma voz em poucos pixels.
SELL
Rebranding de uma engenharia naval de São Luís: três faixas d'água que desenham o S.