DESIGN SYSTEM · V2 · 2026
Nascido do Diagnóstico Dyg, o Blue Pop é a evolução da identidade da dyg: azul elétrico em tela cheia, sombra sólida, uma palavra carimbada por peça e o número sempre em mono. Sério no dado, solto na forma.
Se uma peça respeita as seis, ela é Blue Pop. Se quebra uma, não é.
Métrica, preço e contagem sempre em Geist Mono, sempre protagonistas. O Blue Pop herda isso do v1: consultor mostra os números.
Nada de blur, nada de glow difuso. Offset duro: noite sobre azul, gelo sobre paper. A profundidade é gráfica, quase impressa.
Cada peça elege UMA palavra e carimba. Duas palavras carimbadas na mesma tela é ruído. Nenhuma é peça sem ênfase.
Sticker, carimbo e chip podem girar entre -2° e 2°. Passou disso, vira bagunça de lanchonete. O tilt é tempero, não prato.
Três superfícies oficiais: azul elétrico, paper e tinta. Cor sempre chapada. Gradiente, verde e roxo seguem banidos como sempre.
A voz continua a do consultor sênior: sem emoji, sem exclamação, frase curta. Quem sorri é o layout, nunca o texto.
O kit oficial segue o de sempre (wordmark dyg. com ponto azul, monograma d.). O Blue Pop só define qual versão entra em cada fundo.
Avatar, favicon e espaços quadrados. Em tile azul pra perfis sociais.
Sempre lowercase. Nunca esticar, girar ou aplicar tilt na logo (o tilt é dos stickers, nunca da marca). Área de respiro: a altura do "d" em volta.
A paleta é a mesma da dyg desde sempre. O que muda no Blue Pop é a coragem: o azul deixa de ser acento e vira superfície.
Verde em qualquer tom. Roxo, violet, indigo e lilás em qualquer tom. O azul antigo #1279D9. Gradientes. Vermelho fora de erro ou métrica negativa.
Mesmas famílias do v1. A diferença: o display sobe pro peso 900 com tracking apertado, e ganha licença pra ocupar a tela.
Máximo de 15 caracteres por linha no display 900. Quebra pensada, nunca automática no meio da ideia.
Preço, métrica, contagem, data e progresso: Geist Mono sempre. Número em Geist sans é erro de sistema.
A ênfase do Blue Pop é o carimbo, não o itálico. Elemento em em recebe o estilo carimbo, nunca fica inclinado.
É isso que faz uma peça parecer dyg antes de aparecer a logo. Usar duas ou três por peça; nunca as sete juntas.
Quatro tamanhos, offset sempre igual em x e y, cor sólida da superfície.
Vamos desbloquear as vendas.
Uma palavra por peça, tilt -1.4°, cores invertidas em relação ao fundo.
Mono caps com tracking largo, entra com a animação de carimbada.
Progresso, etapa e listagem numérica: blocos preenchidos, nunca barra contínua.
Numeral gigante em outline atrás do conteúdo. Marca capítulos e etapas.
Cruz, asterisco, seta, círculo e anel flutuando devagar. Grade pontilhada só sobre paper.
Tudo aqui é HTML e CSS reais do sistema (tokens.css + pop.css). Passe o mouse: o hover levanta, o clique afunda.
| Campanha | Gasto | Conversas | CPA | Status |
|---|---|---|---|---|
| Diagnóstico Dyg · frio | R$ 1.240 | 38 | R$ 32,63 | ATIVA |
| Remarketing 7 dias | R$ 480 | 21 | R$ 22,85 | ATIVA |
| Institucional | R$ 310 | 4 | R$ 77,50 | PAUSADA |
A voz é a mesma da identidade dyg: consultor sênior mostrando números. O Blue Pop não muda uma vírgula nas regras.
Quatro peças reais construídas só com o que está neste guia. Abra cada uma, redimensione, teste no celular.
A home da dygency.com reimaginada: hero azul, prova em mono, método SD e CTA que pulsa.
abrir demo → DEMO 02O deck que vai pro lead depois do diagnóstico: capa, plano, investimento e próximos passos.
abrir demo → DEMO 03O Painel Dyg traduzido pro sistema: métricas em mono, cards com sombra dura, tabela viva.
abrir demo → DEMO 04Feed 4:5 e story 9:16 da própria dyg, prontos pro padrão Meta, exportados em PNG.
abrir demo → |
Vinicius Bragança
dyg · Marketing e algo mais.
dygency.com · (11) 98805-5843
|
Arial no e-mail (fonte segura), logo preta, fio azul. Sem banner, sem citação motivacional.
Avatar: monograma branco em tile azul. Capa: wordmark branca centrada com formas nas bordas.