v1.2
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.

TipografiaHierarquia 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
TipografiaCombinaçã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
CoresFundos 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
PostTese / Provocação
ESTRATÉGIA
MARKETING SEM ROI É VAIDADE.
PostCase / Resultado
CLIENTE — CASE
+340%
Crescimento em leads qualificados em 90 dias de gestão.
PostEducativo / 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
PostCarrossel — Capa
DARK N' BLACK
01 / 05
O GUIA DO TRÁFEGO PAGO.
Arraste para ver o método →
StoriesCTA Direto
OFERTA LIMITADA
DIAGNÓSTICO GRATUITO.
Apenas 5 vagas por mês. Análise completa da sua presença digital.
AGENDAR AGORA
ReelThumbnail / Capa
DARK N' BLACK
POR QUE SEU AD NÃO VENDE.
3 erros que destroem a conversão
▶ ASSISTIR
StoriesBastidores / Processo
[FOTO
BASTIDORES]
BASTIDORES
MONTANDO A ESTRATÉGIA.
UI WebNavbar 56px
DARK N' BLACK
ServiçosCasesSobreBlog
CONTATO
UI WebHero 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 WebCTA Section
PRONTO PARA CRESCER?
COMEÇAR AGORA
UI WebFooter
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
UIGrid 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.
UICard 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
UITabela 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
UIFormulá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...
DocumentoCapa 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
DocumentoSlide 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
DocumentoTabela 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
DocumentoCabeçalho de PDF / Relatório
DARK N' BLACK
RELATÓRIO MENSAL DE PERFORMANCE
CLIENTE ABC
ABRIL 2026