Brand Kit Completo — Markuva

Versão: 1.0 — Documento Mestre de Identidade Status: Aprovação fundadores Escopo: Sistema de identidade completo para execução por qualquer designer

---

1. Manifesto da Marca

Essência

Markuva é o sistema que transforma o que você sabe sobre o seu negócio em uma marca que funciona.

Não uma ferramenta. Não um gerador de conteúdo. Um sistema estratégico vivo — que pensa como uma agência, executa como um time, e fala como você.

Propósito

Branding profissional sempre foi um privilégio de quem podia pagar por ele. A Markuva existe para acabar com isso — não barateando o serviço, mas reconstruindo o modelo de acesso a ele.

Cada empreendedor que lança algo novo merece uma marca que comunique o que o negócio realmente é. Cada pequena empresa que cresceu por mérito merece parecer o que é. A Markuva garante isso — sistematicamente, coerentemente, sem depender de agência, freelancer ou de quem está disponível na semana.

Promessa

"Sua marca, finalmente coerente com o que você construiu."

A Markuva promete uma coisa que nenhuma ferramenta isolada consegue prometer: que cada peça de comunicação — do post do Instagram à proposta comercial — soa como você. Sempre. Não na maioria das vezes. Sempre.

Credo Interno

Acreditamos que a fragmentação é o inimigo silencioso de toda pequena empresa. Cinco ferramentas que não se falam criam cinco vozes que não se reconhecem. Uma marca inconsistente não é apenas feia — é cara. Ela perde clientes na fase de pesquisa, justifica objeções de preço antes da primeira conversa, e faz um produto excelente parecer menor do que é.

Acreditamos que o empreendedor não precisa aprender branding. Ele precisa de um sistema que saiba — e que execute a partir do que é único no negócio dele.

Acreditamos que tecnologia sem estratégia é ruído. E estratégia sem execução é teoria.

A Markuva é onde os dois se encontram.

---

2. Posicionamento

Declaração de Posicionamento

Para empreendedores e pequenas empresas que precisam de branding profissional sem depender de agência, a Markuva é a única plataforma de inteligência artificial que constrói e executa a identidade de marca completa a partir de um branding book proprietário — garantindo que cada entrega soe como a marca do cliente, não como IA genérica.

Decomposição da Declaração

Nome da Categoria

Branding Operacional por IA

Definição proprietária: A prática de construir, documentar e executar a identidade de marca de forma contínua e coerente através de agentes de inteligência artificial ancorados em estratégia proprietária — eliminando a fragmentação entre posicionamento, voz e execução.

Diretriz de uso: Este termo deve aparecer em todos os materiais de apresentação institucional, press releases e conteúdo educativo de topo de funil. Quem nomeia a categoria, a possui.

Tagline

Tagline Principal

"Sua marca. Uma voz."

Justificativa: Direta, sem jargão, resolve a dor central (fragmentação) em quatro palavras. O ponto final após "Uma voz." é intencional — comunica certeza, não sugestão. Funciona em português e tem equivalente natural em inglês ("Your brand. One voice.") para expansão futura.

Taglines Alternativas por Contexto

---

3. Paleta de Cores Definitiva

Filosofia Cromática

A paleta da Markuva opera em dois registros simultâneos: autoridade estratégica (violeta profundo) e energia empreendedora (pink vibrante). A tensão criativa entre essas duas forças é o DNA cromático da marca. O sistema de neutros escuros com cast violeta garante coerência sistêmica — nenhuma cor existe isolada, todas pertencem à mesma família.

Modo padrão: Dark mode como expressão primária da marca. Light mode como variação para contextos específicos (newsletter, documentos impressos, branding book do cliente).

---

3.1 Cores Primárias

Violeta Markuva — Autoridade Estratégica

Proporção de uso: Violeta Core = 60% das aplicações cromáticas primárias.

---

Pink Markuva — Energia Empreendedora

Proporção de uso: Pink Core = 25% das aplicações cromáticas primárias. Acento, não dominante.

---

Gradiente Signature Markuva

Nome:        Gradient Markuva Core
Valores:     #7C3AED → #EC4899
Direção:     135° (diagonal descendente-direita)
CSS:         background: linear-gradient(135deg, #7C3AED 0%, #EC4899 100%);
Uso:         Hero sections, CTAs de máxima prioridade, elementos de identidade
             máxima (logo em contextos especiais, covers de apresentação)

Nome:        Gradient Markuva Subtle
Valores:     #5B21B6 → #7C3AED → #A855F7
Direção:     135°
CSS:         background: linear-gradient(135deg, #5B21B6 0%, #7C3AED 50%, #A855F7 100%);
Uso:         Backgrounds de seções em dark mode, ilustrações de conceito

Regra de uso do gradiente: O Gradient Markuva Core é um elemento de alto impacto. Deve aparecer no máximo em 2 elementos por tela. Uso excessivo dilui o impacto — quando aparece, precisa importar.

---

3.2 Cores Neutras

Nota técnica: Os neutros Neutral 950 a Neutral 700 têm um cast levemente azul-violeta intencional (o canal B é sempre ligeiramente superior ao R e G). Isso garante que os fundos escuros "pertençam" à família cromática do violeta — coerência sistêmica invisível mas perceptível.

---

3.3 Cores Semânticas

---

3.4 Combinações de Contraste Aprovadas

Combinações proibidas por contraste insuficiente:

• #EC4899 sobre #7C3AED — ratio 1.8:1 ❌
• #A855F7 sobre #FFFFFF — ratio 2.9:1 ❌ (apenas decorativo, nunca texto)
• #94949E sobre #1E1E2E — ratio 3.1:1 ❌ (apenas decorativo)

---

4. Tipografia

Filosofia Tipográfica

O sistema tipográfico da Markuva opera em três camadas funcionais distintas: estrutura (Geist para headings — modernidade geométrica com alma humanista), leitura (Inter para corpo — máxima legibilidade em tela), e precisão (Geist Mono para dados e labels — sinalização de especificidade e rigor técnico). Cada família tem papel definido e não intercambiável.

---

4.1 Família de Headings — Geist

Fonte: Geist Fornecedor: Vercel (open-source, gratuita) Download: vercel.com/font Classificação: Sans-serif geométrica com influências humanistas Fallback stack: 'Geist', 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif

Regra de gradiente tipográfico: Headings de destaque máximo (Display e H1) podem receber o Gradient Markuva Core aplicado como background-clip: text em contextos digitais. Uso restrito a 1 elemento por tela.

/* Aplicação de gradiente em heading */
.heading-gradient {
  background: linear-gradient(135deg, #7C3AED 0%, #EC4899 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

---

4.2 Família de Corpo — Inter

Fonte: Inter Fornecedor: Google Fonts / rsms.me/inter (open-source, gratuita) Classificação: Sans-serif humanista otimizada para tela Fallback stack: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif

Regra de line-height: O line-height mínimo para qualquer texto de leitura é 1.5. Textos abaixo de 1.5 de line-height são permitidos apenas em labels de UI de uma linha.

---

4.3 Família de Acento — Geist Mono

Fonte: Geist Mono Fornecedor: Vercel (open-source, gratuita) Classificação: Monospace geométrica Fallback stack: 'Geist Mono', 'JetBrains Mono', 'Fira Code', monospace

Regra de uso: Geist Mono nunca em parágrafos. Máximo 40 caracteres por linha quando usada como label. Sempre em UPPERCASE quando usada como overline.

---

4.4 Escala Tipográfica Completa (Sistema de 8px)

Base unit: 8px

Escala:
  12px  (1.5 × 8)   — Caption, labels pequenos
  14px  (1.75 × 8)  — Body Small, metadata
  16px  (2 × 8)     — Body Base ← tamanho base do sistema
  18px  (2.25 × 8)  — Body Large, H5
  20px  (2.5 × 8)   — Body XL
  22px  (2.75 × 8)  — H4
  28px  (3.5 × 8)   — H3
  36px  (4.5 × 8)   — H2
  48px  (6 × 8)     — H1
  64px  (8 × 8)     — Display
  72px  (9 × 8)     — Display Max

Justificativa: A escala de 8px garante que qualquer combinação de tamanhos tipográficos produza alinhamentos harmônicos com o grid de layout. Nenhum tamanho fora dessa escala é permitido no sistema.

---

4.5 Hierarquia em Prática — Regras de Composição

Regra 1 — Máximo 3 tamanhos por tela Hierarquia visual é criada por peso e cor, não por proliferação de tamanhos. Uma tela com 6 tamanhos tipográficos diferentes não tem hierarquia — tem caos.

Regra 2 — Contraste de peso mínimo entre níveis adjacentes Entre H1 e Body: diferença mínima de 2 pesos (ex: 700 → 400). Entre H2 e H3: diferença mínima de 1 peso (ex: 700 → 600).

Regra 3 — Comprimento de linha (measure)

• Desktop: 60–75 caracteres por linha para body text
• Mobile: 45–60 caracteres por linha
• Headings: sem restrição (quebra de linha é elemento de design)

Regra 4 — Paridade entre famílias Geist e Inter não competem — Geist estrutura, Inter lê. Nunca usar Geist em parágrafos longos. Nunca usar Inter em headings de display.

---

5. Grid e Espaçamento

5.1 Sistema Base

Unidade base: 8px (todos os valores de espaçamento são múltiplos de 8) Exceção permitida: 4px para micro-espaçamentos internos de componentes (padding de ícones, gaps internos de badges)

Escala de espaçamento:
  4px   — Micro (gap interno de componentes)
  8px   — XS (padding de badges, gap entre ícone e label)
  16px  — SM (padding interno de cards pequenos, gap entre elementos relacionados)
  24px  — MD (padding de cards, gap entre componentes)
  32px  — LG (espaçamento entre seções internas)
  48px  — XL (padding de seções, gap entre blocos de conteúdo)
  64px  — 2XL (margem entre seções principais)
  96px  — 3XL (padding de hero sections)
  128px — 4XL (espaçamento máximo entre seções em desktop)

---

5.2 Grid de Layout

Desktop (≥1280px)

Colunas:        12
Largura máxima: 1280px
Margem lateral: 80px (cada lado)
Gutter:         24px
Largura de coluna: ~72px (calculada)

Laptop (1024px–1279px)

Colunas:        12
Largura máxima: 1024px
Margem lateral: 48px (cada lado)
Gutter:         20px

Tablet (768px–1023px)

Colunas:        8
Margem lateral: 32px (cada lado)
Gutter:         16px

Mobile (320px–767px)

Colunas:        4
Margem lateral: 16px (cada lado)
Gutter:         12px

---

5.3 Proporções de Layout

Proporções de Seção (Desktop)

Proporção Áurea Aplicada

Para composições de destaque (hero sections, covers de apresentação), a proporção áurea (1:1.618) é usada para definir a relação entre área de conteúdo e área visual:

Área de conteúdo : Área visual = 1 : 1.618
Em 12 colunas: 7 colunas texto + 5 colunas visual (aproximação prática)

---

5.4 Espaçamento de Componentes

Botões

Botão Primário (Large):
  Padding: 16px 32px
  Height: 48px
  Border radius: 8px
  Font: Inter 600, 16px

Botão Primário (Medium):
  Padding: 12px 24px
  Height: 40px
  Border radius: 8px
  Font: Inter 600, 14px

Botão Primário (Small):
  Padding: 8px 16px
  Height: 32px
  Border radius: 6px
  Font: Inter 600, 13px

Cards

Card Padrão:
  Padding interno: 24px
  Border radius: 12px
  Border: 1px solid #2D2D42 (dark) / #E4E4E8 (light)
  Gap entre elementos internos: 16px

Card Destaque:
  Padding interno: 32px
  Border radius: 16px
  Border: 1px solid #7C3AED (com glow: box-shadow 0 0 0 1px #7C3AED40)
  Gap entre elementos internos: 20px

Inputs

Input Padrão:
  Padding: 12px 16px
  Height: 44px
  Border radius: 8px
  Border: 1px solid #2D2D42
  Font: Inter 400, 16px

---

5.5 Espaçamento Vertical de Seções

Seção Hero:              padding-top: 96px / padding-bottom: 96px
Seção Primária:          padding-top: 80px / padding-bottom: 80px
Seção Secundária:        padding-top: 64px / padding-bottom: 64px
Seção de Transição:      padding-top: 48px / padding-bottom: 48px
Entre heading e body:    margin-bottom: 24px (H1), 20px (H2), 16px (H3)
Entre parágrafos:        margin-bottom: 16px
Entre seções de texto:   margin-bottom: 32px

---

6. Elementos Gráficos

6.1 Sistema de Formas

Formas Primárias

Retângulo modular — A forma base do sistema. Cantos com border-radius de 8px (componentes), 12px (cards), 16px (seções de destaque). Nunca cantos vivos (0px) exceto em elementos de tabela. Nunca cantos totalmente arredondados (pill shape) exceto em badges e tags.

Proporções aprovadas para blocos visuais:

1:1    — Ícones, avatares, thumbnails quadrados
4:3    — Cards de conteúdo
16:9   — Imagens de hero, thumbnails de vídeo
3:2    — Imagens editoriais, fotografias de produto
2:1    — Banners de seção

Formas Secundárias

Linhas de conexão — Linhas de 1px com stroke #2D2D42 (dark) ou #E4E4E8 (light), usadas para conectar elementos relacionados em diagramas e ilustrações de conceito. Terminações: round caps.

Pontos de nó — Círculos de 6px de diâmetro nos pontos de intersecção de linhas de conexão. Fill: #7C3AED. Representam os agentes de IA em comunicação.

Formas abertas — Em ilustrações conceituais, formas geométricas com um lado aberto (retângulo sem uma aresta) sugerem expansão e possibilidade. Stroke: 1.5px, round join.

---

6.2 Patterns

Pattern 1 — Grid de Pontos

Especificação:
  Tipo:           Dot grid
  Tamanho do ponto: 1.5px de diâmetro
  Espaçamento:    24px × 24px
  Cor:            #FFFFFF (dark mode) / #0A0A0F (light mode)
  Opacidade:      6–10%
  Uso:            Backgrounds de seções, fundos de apresentações,
                  backgrounds de hero em dark mode

CSS (dark mode):
  background-image: radial-gradient(circle, #FFFFFF 1.5px, transparent 1.5px);
  background-size: 24px 24px;
  opacity: 0.08;

Pattern 2 — Módulos em Grid (Composição Editorial)

Especificação:
  Tipo:           Composição de retângulos em proporções áureas
  Proporções:     1:1, 1:2, 2:1, 1:3 (variações)
  Gap entre módulos: 4px
  Cores:          Violeta Core, Violeta Deep, Neutral 800, Neutral 700
  Opacidade:      100% para módulos de destaque, 40–60% para módulos de fundo
  Uso:            Covers de apresentação, backgrounds de hero,
                  elementos decorativos em newsletter

Pattern 3 — Linhas de Fluxo

Especificação:
  Tipo:           Linhas finas conectando pontos em grid
  Stroke:         0.5px
  Cor:            #7C3AED (com opacidade 30–40%)
  Nós:            Círculos de 4px, fill #7C3AED (opacidade 60%)
  Distribuição:   Orgânica mas ancorada em grid de 48px
  Uso:            Ilustrações de conceito (agentes em comunicação),
                  headers de newsletter, seções de "como funciona"

---

6.3 Sistema de Ícones

Biblioteca base: Lucide Icons (open-source, MIT license) Grid: 24 × 24px com área segura de 20 × 20px Stroke: 1.5px, round caps, round join Estilo: Outlined para UI padrão; filled para estados ativos/selecionados

Tamanhos de uso:

16px — Ícones inline em texto, indicadores de status
20px — Ícones em botões, inputs
24px — Ícones de navegação, ações primárias
32px — Ícones de feature em cards
48px — Ícones de seção, ilustrações de conceito simplificadas

Metáforas iconográficas aprovadas:

Metáforas proibidas: Bot, Cpu, Zap (raio), Rocket, Lightbulb isolado — todos clichês de "IA" ou "inovação" que a marca precisa transcender.

---

6.4 Texturas de Superfície

Grain Fotográfico

Especificação:
  Tipo:           Luminance noise / film grain
  Intensidade:    3–5% sobre superfícies sólidas
                  8–12% sobre fotografias
  Aplicação CSS:  Filtro SVG ou overlay com blend mode "overlay"
  Uso:            Fundos de hero, superfícies de cards de destaque,
                  backgrounds de seções em dark mode

/* Grain via SVG filter */
.grain-overlay::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,..."); /* SVG noise */
  opacity: 0.04;
  mix-blend-mode: overlay;
  pointer-events: none;
}

Glassmorphism Contido

Especificação:
  Uso:            Cards de destaque em contextos com fundo visual rico
                  (hero sections, apresentações)
  Background:     rgba(30, 30, 46, 0.8) — Neutral 800 com 80% opacidade
  Backdrop blur:  blur(12px)
  Border:         1px solid rgba(255, 255, 255, 0.12)
  Restrição:      Máximo 2 elementos por tela com este tratamento

---

7. Tom de Voz

7.1 Personalidade Verbal

A Markuva fala como um estrategista que também é parceiro de negócio — alguém que domina o assunto mas usa esse conhecimento para empoderar, não para impressionar. A voz tem a precisão de quem construiu sistemas, a clareza de quem já explicou isso mil vezes, e o calor de quem torce genuinamente pelo sucesso do interlocutor.

Os Quatro Pilares da Voz

---

7.2 Calibração de Tom por Contexto

---

7.3 Vocabulário da Marca

Termos que a Markuva usa

Termos que a Markuva evita

---

7.4 Exemplos de Comunicação

Headline de Hero (Landing Page)

❌ Errado:

"A plataforma revolucionária de IA que vai transformar seu marketing para sempre!"

✅ Certo:

"Sua marca, finalmente coerente com o que você construiu."

---

Post de Redes Sociais (Problema)

❌ Errado:

"Você sabia que a IA pode ajudar seu negócio a crescer? Conheça a Markuva! 🚀"

✅ Certo:

"Você tem Canva, ChatGPT, talvez um freelancer ocasional. Cada um faz uma parte. Nenhum sabe quem é sua marca. Esse é o problema que a Markuva resolve."

---

Email de Onboarding (Entrega do Branding Book)

❌ Errado:

"Olá! Seu branding book foi gerado com sucesso. Acesse agora para ver os resultados incríveis da nossa IA!"

✅ Certo:

"Seu branding book está pronto.

Não é um template preenchido. É o documento que define quem sua marca é — posicionamento, voz, tom, diferenciais. Tudo que seus agentes de IA vão usar como referência a partir de agora.

Leia com atenção. Ajuste o que não estiver exato. Quanto mais preciso esse documento, mais coerente vai ser tudo que a Markuva criar para você.

[Abrir meu branding book →]"*

---

Resposta a Objeção (Redes Sociais / Suporte)

❌ Errado:

"Ótima pergunta! Nossa IA incrível foi treinada para entender qualquer nicho!"

✅ Certo:

"A Markuva não usa IA genérica. Ela usa IA ancorada no seu branding book — que você criou, revisou e aprovou. A IA não precisa 'entender estética avançada' de forma abstrata. Ela precisa entender a sua clínica. E para isso, tem o seu documento."

---

8. Aplicações de Marca

8.1 Cartão de Visita

Especificações Técnicas

Formato:        85mm × 54mm (padrão internacional)
Acabamento:     Frente: Couchê 350g, laminação fosca + verniz localizado
                (logo e gradiente com verniz UV)
                Verso: Couchê 350g, laminação fosca
Sangria:        3mm em todos os lados
Área segura:    5mm das bordas finais
Modo de cor:    CMYK (converter cores HEX para CMYK especificados na seção 3)

Layout — Frente

Fundo:          Neutral 950 (#0A0A0F) — full bleed
Grid interno:   Margem de 6mm em todos os lados

Elemento 1 — Logo Markuva
  Posição:      Superior esquerdo
  Tamanho:      Altura do logo = 14px equivalente em escala de impressão
  Cor:          Branco (#FFFFFF) ou versão gradiente (com verniz UV)

Elemento 2 — Nome
  Posição:      Inferior esquerdo
  Fonte:        Geist 600, 11pt
  Cor:          #FFFFFF
  Tracking:     -0.01em

Elemento 3 — Cargo
  Posição:      Abaixo do nome, 3mm de gap
  Fonte:        Inter 400, 8pt
  Cor:          #94949E

Elemento 4 — Contato (email / LinkedIn)
  Posição:      Inferior direito
  Fonte:        Geist Mono 400, 7.5pt
  Cor:          #A855F7
  Alinhamento:  Direita

Layout — Verso

Fundo:          Gradient Markuva Core (135°, #7C3AED → #EC4899) — full bleed
                com grain overlay de 4% de opacidade

Elemento único — Tagline
  Posição:      Centro absoluto
  Texto:        "Sua marca. Uma voz."
  Fonte:        Geist 700, 14pt
  Cor:          #FFFFFF
  Alinhamento:  Centro
  Letter spacing: -0.02em

---

8.2 Redes Sociais

Instagram

Perfil:

Foto de perfil:   Logo Markuva em fundo Neutral 950
                  Dimensão: 320 × 320px (exibido em 110px)
                  Área segura do logo: círculo de 240px de diâmetro

Bio:              "Sua marca. Uma voz.
                  Branding operacional por IA — sem agência, sem fragmentação.
                  ↓ Crie seu branding book grátis"

Templates de Feed — Grade 3 × 3:

Post Educativo (60% do conteúdo):
  Fundo:          Neutral 900 (#111118)
  Heading:        Geist 700, 28–32px, cor #FFFFFF
  Subtext:        Inter 400, 16px, cor #94949E
  Acento:         Linha de 2px em Violeta Core na esquerda do heading
  Pattern:        Grid de pontos em 6% de opacidade
  Margem interna: 48px em todos os lados
  Dimensão:       1080 × 1080px

Post de Prova Social (25% do conteúdo):
  Fundo:          Gradient Markuva Subtle
  Quote:          Geist 600, 24px, cor #FFFFFF, itálico
  Atribuição:     Inter 400, 14px, cor rgba(255,255,255,0.7)
  Avatar:         Foto circular, 64px, border 2px #7C3AED
  Dimensão:       1080 × 1080px

Post de Produto (15% do conteúdo):
  Screenshot do produto em device mockup
  Fundo:          Neutral 950
  Caption de UI:  Geist Mono 500, 12px, cor #7C3AED
  Dimensão:       1080 × 1080px

Templates de Stories:

Dimensão:         1080 × 1920px
Zona segura:      250px do topo e 400px da base (UI do Instagram)
Fundo padrão:     Neutral 950 ou Gradient Markuva Subtle
Tipografia:       Mesmas especificações do feed, tamanhos +20%

Templates de Reels (Cover):

Dimensão:         1080 × 1920px (capturado em 1080 × 608px no feed)
Área de destaque: Faixa central 1080 × 608px deve conter o elemento principal
Estilo:           Abertura com texto em motion, primeiros 3 segundos com hook visual

---

LinkedIn

Capa de perfil:
  Dimensão:       1584 × 396px
  Área segura:    Evitar os primeiros e últimos 130px laterais
  Layout:         Tagline "Sua marca. Uma voz." centralizada
                  Fundo: Gradient Markuva Subtle com grain
                  Fonte: Geist 700, 48px, #FFFFFF

Post padrão:
  Imagem: 1200 × 627px
  Estilo: Idêntico ao Post Educativo do Instagram
  Texto: Tom mais analítico e orientado a dados (público LinkedIn é mais formal)

---

8.3 Papelaria

Papel Timbrado

Formato:          A4 (210 × 297mm)
Margem de conteúdo: 25mm superior, 25mm inferior, 20mm laterais

Cabeçalho:
  Fundo:          Neutral 950, altura 24mm
  Logo:           Superior esquerdo, margem 20mm
  Linha de acento: 2px, Gradient Markuva Core, full width abaixo do cabeçalho

Rodapé:
  Fundo:          Neutral 100 (light mode) ou Neutral 900 (dark mode)
  Altura:         16mm
  Conteúdo:       Website + email em Geist Mono 400, 8pt, cor #94949E
  Numeração:      Direita, Inter 400, 8pt

Corpo:
  Fundo:          #FFFFFF
  Fonte:          Inter 400, 10pt, line-height 1.6
  Cor de texto:   #111118 (Neutral 900)

Assinatura de Email

Estrutura:
  [Nome] — Geist 600, 14px, #111118
  [Cargo] — Inter 400, 12px, #94949E
  ————————————————— (linha divisória, 1px, #E4E4E8)
  [Logo Markuva] — versão light, 80px de largura
  [Website] — Geist Mono 400, 11px, #7C3AED
  [LinkedIn] — Geist Mono 400, 11px, #7C3AED

Largura máxima: 400px
Fundo: Transparente (compatível com qualquer cliente de email)

---

8.4 Aplicações Digitais

Landing Page — Estrutura de Seções

1. Nav (64px height)
   Fundo: Neutral 950 com backdrop-blur em scroll
   Logo: Esquerda | Links: Centro | CTA: Direita

2. Hero Section (100vh mínimo)
   Fundo: Neutral 950 + Pattern Grid de Pontos (8%)
   Layout: 7 colunas texto + 5 colunas visual (proporção áurea)
   H1: Geist 800, 64px, gradiente tipográfico
   Subheadline: Inter 400, 20px, #94949E
   CTA Principal: Botão Large, Gradient Markuva Core
   CTA Secundário: Botão ghost, border #2D2D42

3. Social Proof Bar (80px height)
   Fundo: Neutral 900
   Logos de clientes: Grayscale, opacidade 60%
   Animação: marquee loop

4. Seção "O Problema" (padding 96px vertical)
   Fundo: Neutral 950
   Layout: 3 cards em grid (4+4+4 colunas)
   Cada card: ícone 48px + H3 + body + micro-dado

5. Seção "Como Funciona" (padding 96px vertical)
   Fundo: Neutral 900
   Layout: Steps numerados com linhas de conexão
   Numeração: Geist Mono 600, cor #7C3AED

6. Seção de Feature Principal (padding 96px vertical)
   Fundo: Neutral 950
   Layout: Split 60/40 (texto + screenshot do produto)
   Screenshot: Card com glassmorphism + glow violeta

7. Seção de Prova Social (padding 80px vertical)
   Fundo: Gradient Markuva Subtle
   Layout: Grid de testimonials 3 colunas

8. Pricing (padding 96px vertical)
   Fundo: Neutral 900
   Layout: 3 cards, card central com border #7C3AED e badge "Mais popular"

9. CTA Final (padding 96px vertical)
   Fundo: Gradient Markuva Core com grain overlay
   Headline: Geist 700, 48px, #FFFFFF
   CTA: Botão Large, fundo #FFFFFF, texto #7C3AED

10. Footer (padding 64px vertical)
    Fundo: Neutral 950
    Layout: 4 colunas (logo+tagline | links | links | social)
    Divisor: 1px, #2D2D42

Dashboard (Produto)

Sidebar:
  Largura: 240px (expandida) / 64px (colapsada)
  Fundo: Neutral 900
  Items de nav: Inter 500, 14px, ícones 20px
  Item ativo: fundo Violeta Ghost (#EDE9FE a 10%), texto #A855F7

Top Bar:
  Altura: 56px
  Fundo: Neutral 950
  Border-bottom: 1px solid #2D2D42

Área de conteúdo:
  Fundo: Neutral 950
  Padding: 32px
  Cards: especificação Card Padrão (seção 5.4)

---

9. Diretrizes de Uso

9.1 Logo — Versões Aprovadas

Versão 1 — Completa (horizontal)
  Símbolo + Logotipo "Markuva"
  Uso: Aplicações com espaço suficiente (mínimo 120px de largura)

Versão 2 — Compacta (símbolo + nome empilhado)
  Símbolo acima, nome abaixo, centralizado
  Uso: Formatos quadrados (avatar, favicon, app icon)

Versão 3 — Símbolo isolado
  Apenas o símbolo, sem nome
  Uso: Favicon (16px, 32px), app icon, watermark em imagens

Versão 4 — Wordmark isolado
  Apenas "Markuva" em Geist 700
  Uso: Assinatura de email, contextos onde o símbolo já foi estabelecido

Espaço de Proteção (Clear Space)

Regra: O espaço mínimo ao redor do logo em qualquer aplicação
       é igual à altura da letra "M" do logotipo.

Símbolo isolado: Clear space = 1× a largura do símbolo em cada lado

Tamanhos Mínimos

Logo completo (horizontal): 120px / 32mm
Logo compacto:               80px / 21mm
Símbolo isolado:             24px / 6mm (abaixo disso, usar favicon otimizado)

Variações de Cor Aprovadas

Sobre fundo escuro (padrão):
  ✅ Logo branco (#FFFFFF)
  ✅ Logo com símbolo em gradiente + wordmark branco
  ✅ Logo violeta (#7C3AED) — uso secundário

Sobre fundo claro:
  ✅ Logo Neutral 950 (#0A0A0F)
  ✅ Logo violeta (#7C3AED)

Sobre fundo colorido (gradiente ou violeta sólido):
  ✅ Logo branco (#FFFFFF) apenas

Monocromático:
  ✅ Preto (#000000) para impressão offset
  ✅ Branco (#FFFFFF) para serigrafia em fundo escuro

---

9.2 Usos Corretos

✅ Logo branco sobre Neutral 950 — combinação padrão
✅ Logo com gradiente em hero sections e covers
✅ Gradiente Markuva Core em CTAs principais (máximo 2 por tela)
✅ Geist para todos os headings, Inter para todos os corpos de texto
✅ Pattern Grid de Pontos como background sutil (6–10% opacidade)
✅ Ícones Lucide em stroke 1.5px, tamanhos da escala aprovada
✅ Espaçamento em múltiplos de 8px
✅ Proporção de colunas dentro do grid definido
✅ Cores semânticas apenas para seus usos específicos (success, warning, error, info)
✅ Geist Mono apenas em labels, dados e overlines — nunca em parágrafos

---

9.3 Usos Incorretos

Logo

❌ Distorcer proporções do logo (stretch horizontal ou vertical)
❌ Rotacionar o logo
❌ Aplicar sombra ou efeito de relevo no logo
❌ Usar o logo sobre fundos com pouco contraste (ratio < 3:1)
❌ Recolorizar o logo com cores fora das variações aprovadas
❌ Adicionar contorno (stroke) ao logo
❌ Usar o logo sobre fotografias sem overlay de fundo
❌ Reduzir abaixo dos tamanhos mínimos
❌ Usar versão desatualizada do logo

Cores

❌ Criar gradientes com direções diferentes de 135° sem aprovação
❌ Usar o Gradient Markuva Core em mais de 2 elementos por tela
❌ Aplicar as cores semânticas (success, warning, error) como decoração
❌ Usar combinações de cor com ratio de contraste abaixo de 3:1 para texto
❌ Criar novas variações de cor fora do sistema definido
❌ Usar o pink (#EC4899) como cor dominante — é sempre acento
❌ Saturar além dos valores HEX definidos

Tipografia

❌ Usar Geist Mono em parágrafos ou textos longos
❌ Usar fontes externas ao sistema (qualquer fonte não listada neste documento)
❌ Usar mais de 3 tamanhos tipográficos em uma única tela
❌ Usar mais de 4 pesos tipográficos em uma única tela
❌ Aplicar letter-spacing positivo em headings grandes (distorce a tipografia)
❌ Usar line-height abaixo de 1.5 em textos de leitura
❌ Usar Geist em peso abaixo de 500 para headings
❌ Usar italic como estilo padrão — apenas para ênfase pontual em quotes

Elementos Gráficos

❌ Usar ícones de robô, circuito, chip ou raio (clichês de IA)
❌ Usar o glassmorphism em mais de 2 elementos por tela
❌ Usar o Pattern Grid de Pontos acima de 12% de opacidade
❌ Misturar estilos de ícone (outlined com filled na mesma tela sem sistema)
❌ Usar fotografias de stock genéricas (reuniões encenadas, apertos de mão)
❌ Usar border-radius de 0px (cantos vivos) fora de contextos de tabela
❌ Usar border-radius de 50% (pill) fora de badges e tags

Tom de Voz

❌ Usar os termos proibidos listados na seção 7.3
❌ Posicionar a tecnologia como protagonista (a marca do cliente é o protagonista)
❌ Fazer claims não verificáveis sem dado ou exemplo concreto
❌ Usar linguagem condescendente sobre o nível de conhecimento do usuário
❌ Usar humor às custas da credibilidade da marca
❌ Responder a objeções com entusiasmo vazio ("Ótima pergunta!")

---

10. Glossário de Marca

Termos de Identidade

Branding Book O documento estratégico proprietário gerado pela plataforma Markuva durante o onboarding. Contém posicionamento, público-alvo, proposta de valor, tom de voz, personalidade de marca, diferenciais e diretrizes de comunicação. Funciona como o sistema nervoso central de todos os agentes de IA da plataforma — toda entrega é ancorada neste documento. Não é um template preenchido; é um documento estratégico construído a partir das respostas e contexto específico de cada cliente.

Branding Operacional por IA Termo proprietário da Markuva para nomear a categoria que ocupa. Define a prática de construir, documentar e executar a identidade de marca de forma contínua e coerente através de agentes de inteligência artificial ancorados em estratégia proprietária. Diferencia-se de "ferramentas de conteúdo com IA" (que não têm âncora estratégica) e de "plataformas de branding" (que não executam).

Coerência de Marca O estado em que todas as peças de comunicação de uma empresa — independente do canal, formato ou criador — soam como a mesma marca. É a promessa central da Markuva e o oposto direto da fragmentação. Não é uniformidade estética; é consistência estratégica de voz, posicionamento e identidade.

Fragmentação O problema central que a Markuva resolve. Ocorre quando uma empresa usa múltiplas ferramentas, freelancers ou agências sem um sistema unificador, resultando em comunicações que parecem ter sido criadas por pessoas diferentes — porque foram. A fragmentação tem custo mensurável: credibilidade perdida, objeções de preço antecipadas, clientes perdidos na fase de pesquisa.

Time de Marketing Virtual Metáfora usada para descrever o conjunto de agentes de IA da plataforma Markuva (CMO, copywriter, designer, criador de conteúdo) operando de forma colaborativa e ancorada no branding book do cliente. A metáfora comunica que a Markuva não é uma ferramenta isolada, mas um sistema com papéis definidos e coordenação estratégica.

---

Termos de Sistema Visual

Gradient Markuva Core O gradiente diagonal de 135° que vai de Violeta Core (#7C3AED) a Pink Core (#EC4899). É o elemento visual de maior impacto da identidade — reservado para CTAs principais, hero sections e elementos de identidade máxima. Uso restrito a 2 elementos por tela.

Neutral Cast Violeta A característica técnica dos fundos escuros da Markuva: os valores Neutral 950 a Neutral 700 têm o canal azul (B) ligeiramente superior ao vermelho (R) e verde (G), criando um cast imperceptível mas coerente com a família cromática do violeta. Garante que os fundos "pertençam" à paleta da marca.

Sistema de 8px O grid base de espaçamento da Markuva.