v1.3
Design System/Exemplos

O SISTEMA EM USO.

Aplicações reais do sistema visual em diferentes contextos. Cada bloco demonstra como tokens, tipografia, espaçamento e componentes se combinam em situações concretas.

Tipografia — Hierarquia Completa H1 → Label
MARKETING QUE MULTIPLICA.
GESTÃO DE TRÁFEGO PAGO
Estratégia orientada a resultado
Conteúdo sem estratégia alimenta ego. Conteúdo com estratégia alimenta o caixa. Cada campanha é estruturada com objetivo claro, criativo alinhado e otimização contínua.
Resultados médios dos últimos 12 meses: crescimento orgânico de 340%, redução de 28% no CPA, retorno de 4,8x sobre o investimento em mídia paga.
AGÊNCIA DIGITAL · DARK N' BLACK · 2024
Tipografia — Combinação Display + Mono + Body
CRESCIMENTO
847%
em 12 meses de gestão orgânica
ALCANCE
312K
impressões acumuladas no período
ROAS MÉDIO
4.8x
retorno sobre investimento em ads
Cores — Fundos e Superfícies
#000000
black-rich
Hero, capa, máximo impacto
#0a0a0a
black
Body background padrão
#111111
black-surface
Seções alternadas
#1c1c1c
black-card
Cards e painéis
#222222
border
Divisores e bordas
#c8a44e
Acento único — máx 10%
#f0ece4
Texto principal
#8a8a8a
Texto secundário
#444444
Texto muted / labels
Post — Tese / Provocação
ESTRATÉGIA
MARKETING SEM ROI É VAIDADE.
Post — Case / Resultado
CLIENTE — CASE
+340%
Crescimento em leads qualificados em 90 dias de gestão.
Post — Educativo / Lista
3 MOTIVOS
SEU CONTEÚDO NÃO CONVERTE.
01
Sem estratégia de funil
02
CTA genérico ou inexistente
03
Fala para todo mundo — não alcança ninguém
Post — Carrossel — Capa
DARK N' BLACK
01 / 05
O GUIA DO TRÁFEGO PAGO.
Arraste para ver o método →
Stories — CTA Direto
OFERTA LIMITADA
DIAGNÓSTICO GRATUITO.
Apenas 5 vagas por mês. Análise completa da sua presença digital.
AGENDAR AGORA
Reel — Thumbnail / Capa
DARK N' BLACK
POR QUE SEU AD NÃO VENDE.
3 erros que destroem a conversão
▶ ASSISTIR
Stories — Bastidores / Processo
[FOTO
BASTIDORES]
BASTIDORES
MONTANDO A ESTRATÉGIA.
UI Web — Navbar 56px
DARK N' BLACK
ServiçosCasesSobreBlog
CONTATO
UI Web — Hero Section
AGÊNCIA DIGITAL
MARKETING QUE MULTIPLICA RESULTADO.
Estratégia, tráfego pago e identidade visual para empresas que querem crescer de forma séria.
AGENDAR DIAGNÓSTICO
VER CASES
UI Web — CTA Section
PRONTO PARA CRESCER?
COMEÇAR AGORA
UI Web — Footer
DARK N' BLACK
Agência digital com estética e resultado.
SERVIÇOS
Tráfego PagoIdentidade VisualConteúdo
EMPRESA
SobreCasesBlog
CONTATO
[email protected]WhatsAppInstagram
© 2026 DARK N' BLACK — TODOS OS DIREITOS RESERVADOS
UI — Grid de Serviços 3 Colunas
01
Gestão de Tráfego
Meta Ads, Google Ads, estratégia e otimização contínua orientada a ROAS.
02
Identidade Visual
Logo, paleta, tipografia e sistema visual completo para a marca.
03
Produção de Conteúdo
Posts, reels, stories e criativos alinhados com a identidade.
UI — Card de Case com Métricas
Cliente
Empresa XYZ
E-commerce · São Paulo
Resultado
+220%
conversão em 60 dias
Serviços
TráfegoCopyCriativos
Ativo
UI — Tabela de Dados
Canal
Investimento
Conversões
CPA
Status
Meta Ads — Feed
R$ 3.200
148
R$ 21,62
Ativo
Google Search
R$ 1.800
67
R$ 26,86
Ativo
Instagram Stories
R$ 900
31
R$ 29,03
Pausado
YouTube Pre-roll
R$ 600
12
R$ 50,00
Encerrado
UI — Formulário de Contato
FALE COM A EQUIPE.
Resposta em até 24h úteis.
Nome da empresa
Empresa Ltda.
Email de contato
Como podemos ajudar?
Descreva o desafio...
Documento — Capa de Proposta
DARK N' BLACK
AGÊNCIA DIGITAL
PROPOSTA COMERCIAL
Abril 2026 · v1.0
PROPOSTA PARA CLIENTE ABC.
Gestão de tráfego pago + identidade visual
Documento — Slide de Case — Prova Social
04 — PROVA / RESULTADO
Resultado principal
+847%
Crescimento em leads qualificados nos primeiros 6 meses de gestão de tráfego pago.
Período6 meses
InvestimentoR$ 18.000
RetornoR$ 96.000
ROAS5.3x
Documento — Tabela de Investimento — Deck
05 — INVESTIMENTO
Serviço
Período
Valor
Gestão de Tráfego Pago (Meta + Google)
Mensal
R$ 2.800
Produção de Criativos (12 peças/mês)
Mensal
R$ 1.200
Estratégia e Relatório Mensal
Mensal
R$ 800
TOTAL MENSAL
R$ 4.800
Documento — Cabeçalho de PDF / Relatório
DARK N' BLACK
RELATÓRIO MENSAL DE PERFORMANCE
CLIENTE ABC
ABRIL 2026