MODULO 1.5

🎨 Diretrizes de Marca

Aprenda a traduzir estetica e sensacao em linguagem clara para a IA interpretar.

6
Topicos
50
Minutos
Iniciante
Nivel
Conceitual
Tipo
1

📋 O que sao Diretrizes de Marca

As Diretrizes de Marca sao o segundo pilar do framework AI WCF. Elas definem como o site deve parecer, sentir e se mover - tudo traduzido em linguagem que a IA consegue interpretar.

🎯 O que as Diretrizes incluem

1

Identidade Visual

Tipografia, cores, formas, materiais

2

Motion & Animacoes

Parallax, scrolltelling, transicoes

3

Experiencia Mobile

Qualidade premium em todos os dispositivos

4

Tom de Voz

Como a marca comunica e se posiciona

🧮 Formula do Site

SITE = Estrutura

+ Identidade Visual

+ Motion

+ Densidade de Conteudo

+ Tipo de CTA

+ Dispositivo-primeiro

+ Tom de Voz

Isso permite dezenas de combinacoes mantendo consistencia, qualidade e previsibilidade.

2

🖼️ Identidade Visual

A identidade visual define como o site parece. Mesmo conteudo identico pode ter sensacoes completamente diferentes dependendo do estilo visual escolhido.

🪟

Glassmorphism

Vidro, blur, estilo Apple. Elegante e moderno.

🔲

Brutalismo Digital

Formas duras, contraste extremo, bold statements.

Minimal Premium

Espacos generosos, tipografia refinada, luxo silencioso.

🌌

Neo-futurista / Cyber

Neon, grids, particulas, visual sci-fi.

📰

Editorial / Luxury

Inspirado em revistas, tipografia como arte.

🎨

Sua Escolha

Combine estilos ou crie algo unico.

💡 O que a IA altera

Cores, tipografia, materiais e contraste. A estrutura permanece a mesma - apenas a "pele" visual muda.

3

📊 Densidade de Conteudo

Define quanto o site fala. A quantidade de texto e elementos impacta diretamente o ritmo de leitura e a experiencia do usuario.

Ultra Minimal

Poucas palavras

Espacos vazios dominantes. Cada palavra tem peso. Visual-first, texto como suporte.

Equilibrado

Copy + Visual

Balance entre texto e imagem. Ideal para a maioria dos projetos. Ritmo confortavel.

Informativo

Text-heavy

Conteudo denso para quem busca informacao. Hierarquia clara essencial.

Visual-first

Texto minimo

Imagens e graficos contam a historia. Texto apenas para guiar. Impacto visual maximo.

A IA ajusta espacamento, ritmo e hierarquia automaticamente baseado na densidade escolhida.

4

🎯 Tipos de CTA

O Call-to-Action define o objetivo principal do site. Cada tipo de CTA cria uma expectativa diferente no usuario.

💰

Conversao Direta

Acao imediata e clara

Buy Book Sign up
🔍

Exploracao

Convite para descobrir mais

View work Learn more Explore
🤝

Relacionamento

Construir conexao a longo prazo

Join Subscribe Follow
📚

Autoridade

Demonstrar expertise

Read insights Download Watch
5

📱 Dispositivo-Primeiro

Define onde o design nasce. A escolha do dispositivo principal afeta toda a experiencia e hierarquia visual.

📱

Mobile-first

Design nasce no celular, expande para desktop

App-like
🖥️

Desktop-first

Experiencia cinematografica, adapta para mobile

Cinematografico
👆

Touch-first

Otimizado para interacao por toque

Quiosque / Exposicao

💡 Dica

A maioria dos acessos hoje e mobile. Se nao tiver certeza, escolha mobile-first.

6

🗣️ Tom de Voz da Marca

O tom de voz define como a marca fala. E a personalidade que permeia todos os textos e interacoes.

💼 Tecnica / Corporativa

Profissional, formal, focada em dados e resultados.

"Solucoes integradas para otimizacao de processos."

👑 Confiante / Premium

Autoridade natural, exclusividade, sem precisar gritar.

"Excelencia que fala por si."

🎨 Criativa / Ousada

Provocadora, diferente, memoravel.

"Quebre as regras. Crie as suas."

❤️ Humana / Proxima

Acolhedora, empatica, como conversa entre amigos.

"Estamos aqui para ajudar voce a crescer."

🧠 Resumo das Diretrizes

Diretrizes de marca nao sao apenas estetica. Sao instrucoes precisas que a IA usa para criar experiencias consistentes:

Visual
Motion
Densidade
CTA
Dispositivo
Tom de Voz

📋 Resumo do Modulo

Diretrizes de Marca - O segundo pilar do framework AI WCF
Identidade Visual - Glassmorphism, Brutalismo, Minimal, etc.
Densidade - Ultra minimal ate informativo
CTA e Dispositivo - Objetivo e plataforma principal
Tom de Voz - Personalidade da comunicacao

Proximo Modulo:

1.6 - Sistema de Presets Visuais