Manual de Marca · 2026

Digital AI

Guia técnico completo de identidade visual — uso correto do logo, sistema de cores, tipografia, tokens e regras de aplicação.

Gerado por identity-engine v4 · Verificar INPI antes do lançamento.

Seção 02

Sobre a Digital AI

Quem somos

Empresa de tecnologia especializada em IA aplicada. Atuamos como consultoria — não apenas entregamos produto, mas nos integramos à realidade operacional do cliente e garantimos resultado.

Nossa missão

Tornar IA operacional acessível e confiável para médicos e empresários que precisam de resultado — não de complexidade.

Proposta de valor

"Para médicos e empresários, a Digital AI é a consultoria de IA que transforma operação manual em resultado automatizado porque combina tecnologia própria com presença próxima e overdelivery."

Tagline

IA que faz acontecer.

Seção 03 — Fundação

Arquétipo de Marca

A combinação de dois arquétipos cria identidades memoráveis. A tensão entre Sábio e Herói é o diferencial — não resolver, explorar.

🔮

Sábio — dominante

Transforma complexidade técnica em clareza. Conhecimento profundo, expertise, confiança intelectual. Sabe mais que qualquer um na sala — e consegue explicar de forma acessível.

clarezaexpertiseconfiança

⚡

Herói — secundário

Entrega resultado de verdade. Resolve o problema, supera o obstáculo, faz acontecer. Não promete apenas: executa. O overdelivery é a expressão visual deste arquétipo.

resultadoexecuçãoimpacto

Seção 04 — Voz e Tom

Como a Digital AI fala

✅ Soa como

Consultor experiente que explica algo difícil de forma que você entende e confia
Técnico mas acessível — sem abrir mão da profundidade
Próximo, direto, sem enrolação
Fala de resultado, não de tecnologia pela tecnologia

❌ Nunca soa como

Manual técnico cheio de jargão
Empresa de TI corporativa e distante
Startup que usa "disruptiva" em toda frase
"Soluções em IA para o seu negócio" — genérico, impessoal

Seção 05 — Símbolo

Construção do Símbolo

O monograma D triplo concêntrico com diagonal interna. Cada camada representa profundidade de conhecimento (Sábio). A diagonal representa movimento e resultado (Herói).

Símbolo final

Elemento	Significado
D externo (camada 1)	Presença, solidez, autoridade
D médio (camada 2)	Conhecimento, profundidade
D interno (camada 3)	Precisão, foco, expertise
Diagonal interna	Movimento, resultado, ação — o Herói

Sistema proporcional: unidade x = 8px. Vertical: 4x / 4x / 6x. Horizontal: 6x / 4x / 4x / 4x. Área de proteção: x em todos os lados.

Seção 06 — Logotipo

Versões do Logo

Principal — fundo claro

Digital AI

Negativo — fundo escuro

Digital AI

Vertical Digital AI

Símbolo isolado

favicon · avatar · app

Seção 07 — Área de Proteção

Área de Proteção e Tamanho Mínimo

← x →

Regra	Valor
Margem mínima (x)	8px digital · 3mm impresso
Tamanho mínimo digital	16px de altura
Tamanho mínimo impresso	1cm de altura
Proporção	Nunca alterar — apenas escalar uniformemente

Seção 08 — Sistema de Cores

Paleta de Cores

Nome	HEX	Papel	Uso
Profundidade	`#0F1F5C`	Primária	Background brand, headlines, logo
Visão	`#3B2FC9`	Secundária	Destaque "AI", gradientes, acento
Névoa	`#E8EEFF`	Suporte	Backgrounds claros, cards, superfícies
Precisão	`#2D52EF`	Ação	CTAs, links, botões primários
Dark Base	`#080B1A`	Dark BG	Background dark mode nível 1

Escala Profundidade (50–950)

Seção 09 — Dark Mode

Dark Mode — 4 Níveis

Dark mode usa elevação, não inversão de cores. Cada nível é levemente mais claro que o anterior.

Nível 1

#080B1A

Background base

Nível 2

#0F1228

Cards, panels

Nível 3

#161A38

Elementos aninhados

Nível 4

#1E2245

Modais, overlays

Texto no dark mode

Primário: #E8EEFF (Névoa — contraste 16.87:1 ✅)

Secundário: #9AABFF

Seção 10 — Tipografia

Sistema Tipográfico

Display — Plus Jakarta Sans

IA que faz acontecer.

Pesos: 400, 600, 700, 800 · Uso: headlines, logo wordmark, hero

Body — DM Sans

A Digital AI transforma o modo como clínicas médicas e empresas operam — automatizando tarefas repetitivas e dando visibilidade total ao negócio.

Pesos: 400, 500 · Uso: corpo de texto, parágrafos, UI

Escala fluida com clamp()

--text-xs:      clamp(0.75rem, 0.7rem + 0.17vw, 0.875rem);
--text-base:    clamp(1rem, 0.9rem + 0.33vw, 1.125rem);
--text-xl:      clamp(1.333rem, 1.2rem + 0.67vw, 1.777rem);
--text-display: clamp(3.157rem, 2.5rem + 2.5vw, 4.209rem);

Seção 11 — Sistema de Ícones

Ícones

Outline only · stroke 1.5px · cor #0F1F5C · grid 24×24px

Agente

Automação

Métricas

Saúde

Integração

Alvo

Chat IA

Visibilidade

Workflow

Parceria

Seção 12 — Movimento

Motion Identity

100ms

XS

Botões, ícones, microinterações

200ms

SM

Tooltips, dropdowns, hovers

300ms

MD

Cards, modais, painéis

500ms

LG

Transições de página

700ms

XL

Narrativa, onboarding

cubic-bezier(.34,1.56,.64,1)

Spring

Herói: micro-ultrapassagem em CTAs

Seção 13 — Usos Incorretos

O Que Nunca Fazer

❌

Distorcer o logo

Nunca esticar, comprimir ou alterar as proporções do símbolo ou wordmark.

❌

Cores fora do sistema

Usar apenas as 5 cores canônicas. Nenhuma cor externa ou aproximação.

❌

Sombra ou 3D

O logo é flat. Proibido aplicar drop shadow, inner shadow, bevel ou efeito 3D.

❌

Fundo sem contraste

Nunca usar sobre fundos que prejudiquem a legibilidade. Mínimo 4.5:1 WCAG.

❌

Separar símbolo do nome

Em aplicações primárias, símbolo e wordmark são inseparáveis.

❌

Abaixo do tamanho mínimo

Nunca usar abaixo de 16px digital ou 1cm impresso.

Seção 14 — Design Tokens

Design Tokens (W3C DTCG)

CSS Custom Properties

:root {
  /* Cores */
  --color-profundidade: #0F1F5C;
  --color-visao:        #3B2FC9;
  --color-nevoa:        #E8EEFF;
  --color-precisao:     #2D52EF;

  /* Semântico */
  --color-bg-brand:  var(--color-profundidade);
  --color-action:    var(--color-precisao);
  --color-accent:    var(--color-visao);

  /* Tipografia */
  --font-display: 'Plus Jakarta Sans', sans-serif;
  --font-body:    'DM Sans', sans-serif;

  /* Motion */
  --motion-md:     300ms;
  --motion-spring: cubic-bezier(.34,1.56,.64,1);
}

Arquivos entregues

Arquivo	Conteúdo
`tokens-primitive.json`	Escala 50-950 de todas as cores
`tokens-semantic.json`	bg, text, action, feedback
`tokens-dark.json`	Dark mode — 4 níveis de superfície
`design-tokens.css`	CSS custom properties + clamp()

Seção 15 — Aplicações

Aplicações Primárias

🌐

Website

Header, hero, favicon (symbol-only.svg), OG image (1200×630). Fundo escuro preferencial.

📱

Redes Sociais

Instagram (avatar + posts + stories), LinkedIn cover, Facebook cover. Social kit completo entregue.

💬

WhatsApp Business

Foto de perfil: avatar-instagram.png. Nome: Digital AI. Sem sombra, fundo índigo.

📧

Email

Assinatura: logo-horizontal, fundo branco ou névoa. Rodapé: Névoa #E8EEFF.

📊

Apresentações

Slides: fundo #080B1A ou #0F1F5C. Logo negativo no canto superior. Fonte: Plus Jakarta Sans.

📄

Documentos

Propostas e relatórios: logo-primary no cabeçalho, Névoa como background de seções.

Seção 16 — Arquivos

Estrutura de Arquivos

digital-ai/
├── brand-identity.md           ← SSOT — fonte única de verdade
├── logos/
│   ├── svg/
│   │   ├── logo-primary.svg    ← uso principal
│   │   ├── logo-secondary.svg  ← variação violeta
│   │   ├── logo-negative.svg   ← fundos escuros
│   │   ├── logo-horizontal.svg
│   │   ├── logo-vertical.svg
│   │   ├── symbol-only.svg     ← favicon, avatar
│   │   ├── favicon-32.svg
│   │   └── favicon-16.svg
│   └── png/                    ← versões rasterizadas
├── icons/svg/                  ← 10 ícones outline
├── social/
│   ├── svg/                    ← templates editáveis
│   └── png/                    ← prontos para uso
├── tokens/
│   ├── tokens-primitive.json
│   ├── tokens-semantic.json
│   ├── tokens-dark.json
│   └── design-tokens.css
└── docs/
    ├── brand-presentation.html ← apresentação 17 slides
    └── brand-manual.html       ← este manual

Manual de Marca · 2026

Digital AI

identity-engine v4 · Verificar disponibilidade de registro (INPI/USPTO) antes do lançamento público.