v1.2
Design System/Assinatura da Marca

ASSINATURA DA MARCA.

A Dark n' Black usa uma arquitetura branded house — marca-mãe fixa, descritores modulares por unidade. O símbolo nasce de uma pétala de lótus espelhada, reinterpretada em linguagem brutalista: força, estratégia e tensão elegante.

Hierarquia: Símbolo → DARK N BLACK → Descritor. O wordmark é sempre o elemento mais forte. O descritor apoia, nunca compete.

Símbolo Dark n Black — negativo
Negativo — fundo preto
Símbolo Dark n Black — positivo
Positivo — fundo claro
Símbolo transparente — negativo
Transparente — negativo
Símbolo transparente — positivo
Transparente — positivo

Símbolo isolado:Usar em favicon, avatar, ícone de app, marca d'água, selo e pattern gráfico. Só quando a marca já estiver contextualizada ou o espaço for extremamente reduzido.

Assinatura Principal
Site institucional
Versão negativa
Assinatura Principal — negativo
white-agency.png
Versão positiva
Assinatura Principal — positivo
black-agency.png
Quando usar
  • Site institucional
  • Propostas comerciais
  • Contratos e apresentações
  • Capas de documentos
  • Cabeçalho de landing pages
  • Materiais institucionais
Regra
Usar sempre que for necessário comunicar a marca completa com clareza. Versão de maior presença institucional.
Assinatura Reduzida
Posts e thumbnails
Versão negativa
Assinatura Reduzida — negativo
white-dark-n-black.png
Versão positiva
Assinatura Reduzida — positivo
black-dark-n-black.png
Quando usar
  • Posts e thumbnails
  • Headers compactos
  • Rodapés
  • Peças com pouco espaço
  • Assinatura de conteúdo recorrente
  • Contexto em que o descritor não é necessário
Regra
Usar quando o descritor não for necessário ou quando o contexto já deixar claro do que se trata.

Cada braço mantém o símbolo e o wordmark intactos. Apenas o descritor muda. O nome DARK N BLACK sempre mantém o mesmo peso visual — o descritor nunca compete.

Dark n Black · Pulse
Páginas específicas de cada braço
Versão negativa
Dark n Black · Pulse — negativo
white-pulse.png
Versão positiva
Dark n Black · Pulse — positivo
black-pulse.png
Quando usar
  • Páginas específicas de cada braço
  • Capas de materiais comerciais
  • Apresentações segmentadas
  • Documentos internos
  • Identidades de campanha
Regra
O descritor muda, mas nunca deve competir com a marca-mãe. DARK N BLACK mantém peso constante em todas as versões.
Dark n Black · Pulse Automation
Páginas específicas de cada braço
Versão negativa
Dark n Black · Pulse Automation — negativo
white-pulse-automation.png
Versão positiva
Dark n Black · Pulse Automation — positivo
black-pulse-automation.png
Quando usar
  • Páginas específicas de cada braço
  • Capas de materiais comerciais
  • Apresentações segmentadas
  • Documentos internos
  • Identidades de campanha
Regra
O descritor muda, mas nunca deve competir com a marca-mãe. DARK N BLACK mantém peso constante em todas as versões.
Dark n Black · Interactive Studio
Páginas específicas de cada braço
Versão negativa
Dark n Black · Interactive Studio — negativo
white-interactive-studio.png
Versão positiva
Dark n Black · Interactive Studio — positivo
black-interactive-studio.png
Quando usar
  • Páginas específicas de cada braço
  • Capas de materiais comerciais
  • Apresentações segmentadas
  • Documentos internos
  • Identidades de campanha
Regra
O descritor muda, mas nunca deve competir com a marca-mãe. DARK N BLACK mantém peso constante em todas as versões.
Dark n Black · Marketing que Multiplica
Páginas específicas de cada braço
Versão negativa
Dark n Black · Marketing que Multiplica — negativo
white-marketing-que-multiplica.png
Versão positiva
Dark n Black · Marketing que Multiplica — positivo
black-marketing-que-multiplica.png
Quando usar
  • Páginas específicas de cada braço
  • Capas de materiais comerciais
  • Apresentações segmentadas
  • Documentos internos
  • Identidades de campanha
Regra
O descritor muda, mas nunca deve competir com a marca-mãe. DARK N BLACK mantém peso constante em todas as versões.

Versão complementar para contextos horizontais. Não substitui a assinatura principal em materiais institucionais de maior importância.

Agência Digital
Agência Digital inline negativo
white-agency-inline.png
Agência Digital inline positivo
black-agency-inline.png
Pulse
Pulse inline negativo
white-pulse-inline.png
Pulse inline positivo
black-pulse-inline.png
Pulse Automation
Pulse Automation inline negativo
white-pulse-automation-inline.png
Pulse Automation inline positivo
black-pulse-automation-inline.png
Interactive Studio
Interactive Studio inline negativo
white-interactive-studio-inline.png
Interactive Studio inline positivo
black-interactive-studio-inline.png
Marketing que Multiplica
Marketing que Multiplica inline negativo
white-marketing-que-multiplica-inline.png
Marketing que Multiplica inline positivo
black-marketing-que-multiplica-inline.png
Negativa
Assinatura Negativa
Símbolo e texto brancos em fundo preto. Uso preferencial da marca.
Site dark, capas, posts, apresentações premium, peças de alto impacto.
Positiva
Assinatura Positiva
Símbolo e texto pretos em fundo claro. Para contextos impressos e documentos.
Documentos, apresentações, propostas, materiais impressos, páginas claras.
Premium com Dourado
Assinatura Premium com Dourado
Dourado como acento, não como substituição. Versões especiais e materiais premium.
Detalhes gráficos, linhas, selos, destaques, versões especiais. Nunca em excesso.
Área mínima de proteção
Área de respiro
Área mínima = largura do símbolo reduzido ou altura da letra "D" do wordmark. Nenhum elemento invade essa área.
Hierarquia de peso visual
01
Símbolo
Forte presença. Não maior que o wordmark.
02
DARK N BLACK
Elemento mais forte. Peso alto, caixa alta, presença brutalista.
03
Descritor
Menor e mais leve. Técnico, editorial, sistemático.

Não distorcer. Não esticar horizontalmente ou verticalmente. A proporção do símbolo é parte da identidade.

Não usar efeitos decorativos. Sombra, brilho, contorno duplo, degradê, textura interna, efeito 3D ou neon sem contexto estão proibidos.

Não alterar a proporção. O símbolo nunca deve aparecer maior que o wordmark nem desconectado do bloco tipográfico.

Não usar cores fora do sistema. Preto, branco e dourado como acento. Cores que não fazem parte da identidade visual corrompem a marca.

Descritor nunca maior que o nome. O descritor (Pulse, Interactive Studio etc.) não deve competir visualmente com DARK N BLACK.

Não fragmentar o ecossistema. Pulse, Interactive Studio e Agência Digital devem pertencer ao mesmo sistema visual. Cada braço não é uma marca separada.

Preciso parecer institucional e tenho espaço
Símbolo + DARK N BLACK + AGÊNCIA DIGITAL
Assinatura principal
Assinatura principal
Tenho pouco espaço ou o contexto já está claro
Símbolo + DARK N BLACK
Assinatura reduzida
Assinatura reduzida
É avatar, favicon ou selo
Apenas o símbolo
Símbolo isolado
Símbolo isolado
É material de uma unidade da marca
Símbolo + DARK N BLACK + [UNIDADE]
Assinatura modular vertical
Assinatura modular vertical
É rodapé, barra ou layout horizontal
Símbolo + DARK N BLACK · [UNIDADE]
Assinatura editorial horizontal
Assinatura editorial horizontal