BrandBook DashWay — Identidade Visual v2

DashWay · Brand Identity v2

Brand
Book

Sistema de identidade visual para a marca que transforma profissionais em referências visuais de dados. Guia oficial de logo, cores e aplicações.

Ver propostas de logo ↓

00 — Fundação

A marca em três palavras

DashWay não é um curso de Excel. É um método de visibilidade profissional. A identidade reflete isso: moderna, objetiva e de alto impacto.

Inovar

Dashboards como linguagem visual de dados — não como planilha. Um olhar completamente novo sobre o Excel.

Clareza

Comunicação visual direta. Sem ruído, sem excesso. Cada elemento da marca comunica autoridade com economia de forma.

Impacto

O "Efeito UAU" começa na identidade da marca. Quem vê, sente que está diante de algo profissional e diferente.

01 — Sistema de Logo

4 direções criativas

Cada proposta compartilha o mesmo DNA: bloco D + seta de direção + nome em peso. Diferem em linguagem cromática e personalidade. Todas sem serifa — modernas, geométricas, escaláveis.

A — Monolith

Dark + Mint

Máxima autoridade. Bloco sólido verde menta sobre fundo preto. A seta integrada ao bloco reforça a ideia de avanço e direção. Peso visual equilibrado entre bloco e texto.

#0A0A0A #00E5A0 #F0F0F0

B — Arctic

Light + Electric

Fundo branco, bloco contorno preto, seta e "way" em azul elétrico. Ideal para materiais impressos, PDFs de proposta e certificados. Transmite limpeza e credibilidade.

#FAFAFA #161616 #0066FF

C — Signal

Fire Gradient

Gradiente laranja–âmbar no bloco, texto branco limpo. Alta energia sem perder modernidade. Perfeito para anúncios, thumbnails e criativos de feed onde impacto visual é crítico.

#FF5C1A #FF9E1B #FFFFFF

D — Spectrum

Gradient Tech

Bloco contorno com gradiente violeta–rosa–ciano. Posicionamento Excel + IA, tecnologia avançada e inovação. Diferencia a marca em mercados de dados e analytics.

#7B5CFF #FF5C8A #00D4B4

Variações por contexto

Cada proposta precisa funcionar em fundos diferentes. Abaixo as variações essenciais para aplicação real.

A — Monolith

Dark

Light

Fundo Mint

Mono

C — Signal

Dark

Warm Light

Fundo Fire

Mono

01.1 — Símbolo

O bloco D →

O símbolo isolado da DashWay — usado em avatares, favicons e aplicações de espaço reduzido. Disponível nas 4 linguagens cromáticas.

96 × 96

Monolith

96 × 96

Arctic

96 × 96

Signal

96 × 96

Spectrum

Favicon

32 × 32

Micro

16 × 16

02 — Cores

Sistema cromático

Cada proposta de logo carrega uma paleta distinta. As cores não são decorativas — cada escolha tem função: fundo, texto, ação, destaque.

A — Monolith

#0A0A0A

Background

#141414

Surface

#222222

Border

#A0A0A0

Muted

#F0F0F0

Text

#00E5A0

Accent

B — Arctic

#FAFAFA

Background

#F2F2F2

Surface

#E2E2E2

Border

#ABABAB

Muted

#161616

Text

#0066FF

Accent

C — Signal

#0D0D0D

Background

#1A1A1A

Surface

#FFFFFF

Text

#FF9E1B

Warm

#FF5C1A

Accent

D — Spectrum

#080B14

Background

#0F1624

Surface

#E8F0FF

Text

#7B5CFF

Violet

#FF5C8A

Rose

#00D4B4

Cyan

03 — Tipografia

Sem serifa. Sem exceção.

Uma única família tipográfica com variação de peso. Space Grotesk oferece o equilíbrio entre neutralidade técnica e personalidade visual que a DashWay precisa.

Display

Space Grotesk 700
60–80px · −0.04em
Títulos principais

DashWay

Heading

Space Grotesk 600
24–40px · −0.02em
Seções, módulos

Efeito UAU no Excel

Body

Space Grotesk 300
14–16px · 0em
Parágrafos, descrições

O método DashWay ensina profissionais a criar dashboards que impressionam qualquer gestor — usando apenas o Excel que você já tem instalado.

Label / Tag

Space Grotesk 700
9–11px · 0.3em
All caps, categorias

MÓDULO 01

RESULTADO

NOVO

Data / Metric

Space Grotesk 700
32–64px · −0.05em
Números de impacto

2.400+

Alunos

R$997

Investimento

Escala tipográfica — base 14px

72px4.5remDisplay

40px2.5remHeading 1

24px1.5remHeading 2

16px1remBody regular

12px0.75remCaption / apoio

9px0.56remLABEL / TAG

04 — Aplicações

Marca em movimento

Como a identidade DashWay vive nos principais pontos de contato — de anúncios a certificados, sempre com o mesmo nível de cuidado visual.

Avatar / Perfil Social

AULA GRATUITA

Dashboard UAU em 10 min

DashWay

Thumbnail YouTube

RESULTADO

Antes → Depois
em 7 dias

Story Instagram

DASHway

Seu dashboard está pronto
para causar o Efeito UAU

Ver agora →

Header de E-mail

Certificado de Conclusão

Nome do Aluno

Concluiu o programa DashWay com êxito

DashWay · Karen Abecia

Certificado

MÓDULO 03

Gráficos que
param a sala

DashWay

Slide de Apresentação

05 — Princípios

Como a marca se comporta

01

Menos, porém melhor

Cada elemento visual precisa ter razão de existir. Remova o que não comunica. A marca DashWay fala pelo que não tem — não pelo excesso.

02

Contraste como linguagem

Fundos escuros, acentos brilhantes. O contraste não é estético — é funcional. Replica o próprio impacto de um dashboard bem feito: clareza imediata.

03

Direção e movimento

A seta no bloco D não é decorativa. Ela é a promessa da marca: você está indo para um lugar melhor. Toda aplicação visual deve carregar essa energia de avanço.

04

Peso intencional

Títulos em 700. Corpo em 300. O contraste de peso tipográfico cria ritmo visual e guia a leitura sem precisar de cores ou ornamentos adicionais.

05

Consistência entre canais

Do avatar de 32px ao banner de campanha, a marca deve ser reconhecível. Use sempre a mesma proposta em um ciclo completo de comunicação.

06

Resultado como prova

A identidade visual é o primeiro dashboard que o cliente vê. Se a marca não causa o Efeito UAU, o produto também não vai causar. Qualidade visual = credibilidade.

06 — Regras de Uso

O que protege a marca

Consistência não é rigidez — é respeito pelo trabalho visual construído. Estas regras garantem que a DashWay seja reconhecível em qualquer contexto.

Fazer

Usar sempre fundos com alto contraste em relação ao logo escolhido

Manter a proporção original — largura do bloco D corresponde a ~15% da largura total do logo

Usar o símbolo D isolado apenas em tamanhos abaixo de 48px de largura

Respeitar a área de respiro: espaço mínimo ao redor do logo = altura do bloco D

Escolher uma proposta (A, B, C ou D) e manter ela em todo o ciclo de campanha

Priorizar arquivos SVG — escaláveis e sem perda de qualidade em qualquer resolução

Usar a cor de acento para ações, CTAs e destaques apenas — não como cor de fundo

Não fazer

Usar fontes serifadas em nenhuma aplicação — nem em textos de apoio

Aplicar o logo sobre fotos sem sobreposição de cor sólida ou escurecimento

Adicionar sombras, brilhos, bisels ou efeitos 3D ao logo

Misturar paletas de propostas diferentes em uma mesma peça

Esticar, comprimir ou rotacionar o logo

Usar a cor de acento em grandes áreas de fundo — ela perde impacto e contraste

Reduzir o logo completo abaixo de 100px de largura — usar o símbolo D nesse caso