UP Marketing e ComunicaçãoDesign system / V6
Direção visual / Tech Azure

Inteligência para
ir além.

Estratégia, criatividade e IA.
Uma identidade com clareza, profundidade e intenção.

Seta oficial UP
IA + Design
Azul UP protagonista3D + liquid glassDark + claro
UP Marketing & Comunicação · Edição de trabalho · 02.11.202601
UP Marketing e ComunicaçãoDesign system / V6
01 / Essência

Avanço como linguagem.

Precisão para decidir.
Personalidade para se destacar.

O painel UP Human orienta a atmosfera: títulos amplos, fundos maduros, luz azul e material com presença. A tecnologia aparece no acabamento e na experiência.

Inteligência para ir além.Frase adotada na consolidação da direção visual.
Símbolo oficial UP

Seta ascendente / UP

Ascensão e avanço. William associa também a forma ao 7 e à perfeição de Deus. Interpretação simbólica trazida pelo fundador.
UP Marketing & Comunicação · Edição de trabalho · 02.11.202602
UP Marketing e ComunicaçãoDesign system / V6
02 / Cor

O azul que nos identifica.

Azul UP#176FE5Principal / ação e marca
Onyx#141414Base dark
Charcoal#2B2B2BSuperfície elevada
Dark Azure#00638EProfundidade
Light Azure#BFD8E3Apoio e luz
Branco#FFFFFFTexto e modo claro
Onyx → petróleo → azure profundo → azul UP → luz

O azul #176FE5 conduz CTAs e destaques. O modo dark valoriza seu protagonismo. Petróleo #004A6B e aço #8CB9CC completam as transições.

O azul #313CF0 permanece somente no mestre original. As cores atuais das logos dos produtos são preservadas.

UP Marketing & Comunicação · Edição de trabalho · 02.11.202603
UP Marketing e ComunicaçãoDesign system / V6
03 / Tipografia

Geometria com clareza.

Manrope
Aa 0123
Interface · títulos · corpo

Família da UI V6. Pesos leves na escala editorial; médios na hierarquia funcional. Números tabulares em dados.

Hero editorial56–88 px · 400–500
Título de sistema32–40 px · 500–600
Corpo digital14–18 px · 400–500
Rótulo / metadado12–14 px · 500–600

Fast Connected orienta a pesquisa do lettering dos produtos. A fonte exata ainda não foi identificada. Nenhuma aproximação foi aprovada como fonte das logos.

UP Marketing & Comunicação · Edição de trabalho · 02.11.202604
UP Marketing e ComunicaçãoDesign system / V6
04 / Material

Liquid glass com presença.

Vidro localizado

Inteligência em
cada detalhe.

O fundo participa do material.
A leitura permanece em primeiro plano.

  1. TransparênciaFundo visível e blur controlado.
  2. EspessuraBorda iluminada e reflexo localizado.
  3. ProfundidadeSombra difusa e luz azul coerente.
  4. ContrasteTexto sólido sobre o fundo efetivo.

A demonstração CSS simula o material; refração óptica real exige render ou shader dedicado. No PDF o efeito é estático.

UP Marketing & Comunicação · Edição de trabalho · 02.11.202605
UP Marketing e ComunicaçãoDesign system / V6
05 / Volume e símbolo

A nossa seta no centro.

Seta oficial UP
IA + Design

O cartão ganha a seta oficial da UP.

A estrela genérica é substituída pelo asset real, com a silhueta original preservada. Volume azul, luz suave e uma camada de vidro sustentam a aplicação.

Objeto ilustrativo ≠ assinatura oficialO volume pertence ao cartão de campanha. A marca permanece plana, íntegra e legível.

Estudo de aplicação CSS. Não constitui nova logo nem biblioteca 3D final. Usar a mesma câmera, iluminação e acabamento em futuras peças.

UP Marketing & Comunicação · Edição de trabalho · 02.11.202606
UP Marketing e ComunicaçãoDesign system / V6
06 / Componentes

Detalhe que orienta a ação.

Ações e estados
Categoria✓ Revisado◷ Em revisão

Campo demonstrativo: não consulta o catálogo.

Base de espaçamento8 px · 16 / 24 / 32 / 48 / 64
Cards funcionaisRaios 8–16 px · superfície sólida
Vidro de destaqueRaios 24–40 px · uso localizado
InteraçãoAlvo 44 px · foco visível

Ícones funcionais simples e consistentes. A seta UP é assinatura e recurso editorial; não substitui todos os ícones de função.

UP Marketing & Comunicação · Edição de trabalho · 02.11.202607
UP Marketing e ComunicaçãoDesign system / V6
07 / Interfaces

Uma família. Dois modos.

UPInícioProjetosBibliotecaEquipe
Visão geral+ Novo projeto

Clareza para avançar.

ProjetosOrganizePrioridades e responsáveis
BibliotecaCrieModelos e referências
Próximas ações

Revisar apresentação Em revisão

Preparar portfólio Rascunho

UPInícioProjetosBibliotecaEquipe
Visão geral+ Novo projeto

Clareza para avançar.

ProjetosOrganizePrioridades e responsáveis
BibliotecaCrieModelos e referências
Próximas ações

Revisar apresentação Em revisão

Preparar portfólio Rascunho

Dark preferido. Onyx organiza a leitura, o azure orienta ações e os dados ficam sobre superfície sólida.

Claro complementar. Branco com grafite, azul principal e o mesmo ritmo de componentes e hierarquia.

Demonstração de linguagem, sem dados reais. Preservar estrutura e navegação V5 nas telas existentes; não é tela homologada do CRM.

UP Marketing & Comunicação · Edição de trabalho · 02.11.202608
UP Marketing e ComunicaçãoDesign system / V6
08 / Marcas dos produtos

Evoluir sem perder identidade.

O original continua sendo
o ponto de partida.

PreservarSímbolo · cores atuais · composição · grafia.
EstudarSomente a fonte do lettering, com comparação ao original.
Estado de alinhamento
  • UpScalePiloto tipográfico primeiro
  • Studio UPOriginal preservado
  • UP AdsOriginal preservado
  • UPconnect / Social Media UPAssinaturas a alinhar

Nomes em texto para identificação; não são propostas de logos. Gradientes e efeitos ficam nas aplicações. Não usar os wordmarks rejeitados.

UP Marketing & Comunicação · Edição de trabalho · 02.11.202609
UP Marketing e ComunicaçãoDesign system / V6
09 / Aplicações editoriais

A mesma linguagem, em cada formato.

Institucional

Inteligência
para ir
além.

Seta UPApresentação · capa de estudo
Portfólio de produto

Estratégia.
Criação.
Tecnologia.

Um sistema visual conectado.

Ritmo editorial

Uma mensagem por peça, título amplo, respiro e detalhe material onde ele reforça a mensagem.

Apresentações e portfólios compartilham a linguagem; conteúdo, cases e identidade de cada produto exigem conferência.

Exemplos de aplicação. Nenhum case, resultado ou oferta comercial foi inventado.

UP Marketing & Comunicação · Edição de trabalho · 02.11.202610
UP Marketing e ComunicaçãoDesign system / V6
10 / UP Modelos

A biblioteca passa a falar essa língua.

Biblioteca UPDocumentos / Páginas / Portfólios

Do modelo
à próxima ideia.

Apresentações
Portfólios
Documentos
Direção visual para o catálogo existente
  1. Unificar a baseManrope, azul principal, dark e componentes.
  2. Qualificar as préviasCapas e exemplos reais dos modelos.
  3. Preservar os fluxosCatálogo, filtros, editor e exportação PDF.
  4. Revisar antes de publicarDesktop, celular e conteúdo por modelo.
UP Marketing & Comunicação · Edição de trabalho · 02.11.202611
UP Marketing e ComunicaçãoDesign system / V6
11 / Uso e acessibilidade

Consistência é uma prática.

Hierarquia

01 / Compor

Uma ideia principal. Grid de 12 colunas no desktop e 4 no celular. Espaçamento em base 8.

Legibilidade

02 / Medir

Texto comum com contraste mínimo 4,5:1. Foco e controles com identificação clara. Estados também por texto ou ícone.

Entrega

03 / Conferir

Marca real, fonte, acentos, fontes de imagens, mobile e exportação na versão final.

Movimento contidoFeedback 180–220 ms; entradas 600–800 ms. Respeitar prefers-reduced-motion.
Fallback sólidoSem blur ou com transparência reduzida, manter leitura e função. PDF estático; não há efeito óptico dinâmico.

Branco sobre #176FE5: aproximadamente 4,73:1. Branco sobre #141414: aproximadamente 18,42:1. Recalcular sobre fotos, transparências e gradientes.

UP Marketing & Comunicação · Edição de trabalho · 02.11.202612
UP Marketing e ComunicaçãoDesign system / V6
12 / Fontes e continuidade

Uma direção compartilhada.

Fontes de trabalho

  • Manual-UP-V6.md · consolidação e decisões mais recentes.
  • _ctx/design-systems/up-marketing.md · contexto canônico.
  • Painel-Referencia-UP-Human.html · conceito visual escolhido.
  • Assets oficiais UP · marca e seta preservadas.
  • Referências enviadas por William · 31/10 a 02/11/2026.

Fast Connected / Pinterest · Human Academy · pesquisa de 31/10, sem nova auditoria nesta edição. Referências de terceiros não integram os assets UP.

Aplicação em andamento

Documentar → adaptar → revisar.

Este documento reúne a direção existente e a aplicação da seta indicada hoje. É edição de trabalho para ressalvas de William.

Claude apoia a adaptação local do UP Modelos e o inventário de sites, páginas e portfólios. Dante coordena a direção e a apresentação.

Não comprova publicação, implantação em produção nem aprovação de novas logos.