VI/001 · SISTEMA DE IDENTIDADE CREATIVOO

Identidadenão é ornamento.É direção.

Um sistema para fazer cada contato com a Creativoo parecer parte do mesmo universo — reconhecível, premium, inquieto e impossível de confundir.

[Para Iniciantes: identidade visual é o conjunto de regras que faz uma marca manter a mesma personalidade em sites, anúncios, vídeos, documentos e produtos.]

Abrir o manual

01 / ESSÊNCIA

A marca antes
da forma.

Todo elemento visual precisa transmitir pelo menos um dos cinco pilares. Se não fortalece percepção, compreensão ou ação, é ruído.

01

Futuro

Tecnologia com intenção, profundidade e visão de próxima categoria.

[Para Iniciantes: parecer avançado sem ficar difícil de usar.]
02

Confiança

Clareza, contraste, precisão e acabamento em cada detalhe.

[Para Iniciantes: a pessoa entende e sente segurança.]
03

Criatividade

Combinações inesperadas que continuam servindo à mensagem.

[Para Iniciantes: surpreender sem atrapalhar.]
04

Engenhosidade

Soluções elegantes para problemas complexos e reais.

[Para Iniciantes: fazer melhor com inteligência.]
05

Alto padrão

Ritmo, respiro, materiais visuais e execução sem improviso.

[Para Iniciantes: cada parte precisa parecer intencional.]

03 / SISTEMA CROMÁTICO

Dois ambientes.
Uma identidade.

O verde conecta os modos. Azul institucional é profundidade para ambientes escuros; nunca destaque de interface em páginas claras.

MODO ESCUROIMERSÃO + TECNOLOGIA
Preto espacial#020507
Preto profundo#071017
Grafite#172127
Azul profundo#063B8F
Verde ácido#A6ED42
MODO CLAROCLAREZA + EDITORIAL
Papel quente#F7F5EF
Creme mineral#F1EEE5
Texto principal#020507
Verde contraste#315016
Verde da logo#A3D84C
REGRA DE CONTRASTE

Em fundos claros, use verde escuro para textos pequenos e verde ácido em superfícies amplas, botões com texto preto e elementos decorativos.

[Para Iniciantes: o verde muito claro pode sumir no fundo branco; por isso textos pequenos usam um verde mais escuro.]

04 / VOZ TIPOGRÁFICA

Consistência não exige
monotonia.

A Creativoo combina famílias por função. A variação cria ritmo; hierarquia, contraste e espaçamento mantêm a unidade.

IMPACTO / MANROPEEngenharia que move mercados.H1, H2, números e mensagens decisivas.
EDITORIAL / BODONI MODA SEMIBOLD ITALICA ideia ganha gravidade.Contrapontos, emoção e palavras-chave.
FUTURO / GENOS 400–500OMNING SYSTEMInterfaces, tecnologia, selos e dados.
PRECISÃO / JETBRAINS MONOPROTOCOLO · 001 · ATIVOMetadados, especificações e capítulos.

Use clamp() para escala fluida, text-wrap: balance em títulos e limite textos longos entre 55 e 70 caracteres por linha.

[Para Iniciantes: o texto precisa crescer conforme a tela sem ficar gigante, espremido ou difícil de ler.]

05 / COMPOSIÇÃO

Ordem suficiente.
Surpresa necessária.

A estrutura pode ser assimétrica, mas nunca acidental. Respiro, alinhamento e ritmo conduzem antes de qualquer animação.

GRID ASSIMÉTRICO

Colunas diferentes criam tensão visual; bordas compartilhadas mantêm organização.

ESCALA DE ESPAÇO
816244064

Use uma progressão reconhecível. Não invente uma distância diferente em cada bloco.

DIREÇÃO / CHEVRONS

Chevrons são o único padrão direcional até nova definição da Creativoo.

FAÇA
  • Contraste com função
  • Hierarquia visível
  • Respiro intencional
  • Curvas e recortes pontuais
NÃO FAÇA
  • Setas com haste
  • Logo deformada
  • Azul em páginas claras
  • Efeito competindo com conteúdo

06 / MOVIMENTO

Motion explica.
Depois encanta.

Movimento Creativoo comunica entrada, saída, progresso, profundidade e relação espacial. Nunca existe apenas para preencher silêncio.

MICRO160–240 ms

Hover, foco, seleção e feedback.

INTERFACE280–480 ms

Painéis, filtros, menus e estados.

NARRATIVA600–1200 ms

Reveals, transições e capítulos.

EASING.16, 1, .3, 1

Aceleração rápida e pouso sofisticado.

[Para Iniciantes: animação boa ajuda a entender o que mudou e para onde olhar; se só distrai, deve ser removida.]

07 / VOZ E MENSAGEM

Visionária.
Clara. Humana.

A linguagem verbal precisa ter a mesma precisão do design: ambiciosa sem ser vazia, técnica sem ser inacessível e persuasiva sem manipular.

MANIFESTO
“Criatividade não é acaso. É engenharia aplicada à mudança.”
PRODUTO
“Entenda o sistema, veja o impacto e escolha o próximo movimento.”
PARA INICIANTES
“Primeiro explicamos de forma simples. Depois revelamos a profundidade.”

08 / GOVERNANÇA

Uma fonte de verdade.
Infinitas aplicações.

Assets oficiais ficam na biblioteca padrão Creativoo. Projetos recebem cópias otimizadas, preservando originais, nomes, proporção e rastreabilidade.

FONTE OFICIALF:\Meu Drive\DRIVEBOSS\construindo_sites_ia\assets_padrao_creativoo
  • Logo verde para fundos escuros
  • Logo preta para fundos claros
  • Logo branca para assinaturas
  • Chevrons grossos direcionais
  • Paleta e referências institucionais