NUVON OS — identidade visual
Nuvon NUVON OS · IDENTIDADE
Identidade visual · v1

Um assistente que se ouve antes de se ver.

O NUVON OS vive no servidor da oficina e responde por voz. O app e o site são janelas para algo que já está acordado. A identidade parte da marca Nuvon Maker (grafite, Cinzel, roxo→laranja) e acrescenta o que faltava: um rosto para a voz, um vocabulário de estados e um pacote de ícones para casa, oficina e agentes.

Premissas

NUVON OS = Assistant (voz, casa, oficina, memória, aprovações) + Agentic OS (agentes de código) num só produto. Dono + equipe; todos aprovam. Interface em pt-BR, como pede o plano (F7). Só tema escuro. Mobile PWA agora, site responsivo; programa desktop fica para depois.

Contexto usado

Plano F0→F7+ (funil voz→fast-path→LLM→aprovação→traço), repo nuvon-os (agentes, conhecimento, segurança), conceito do app no nuvon-pwa (orçamento de laranja 1+2, Cinzel só nomeia, Mono conta) e o design system Nuvon Maker.

Decisões

O mascote é o próprio Nuvon: uma onda de áudio com olhos e halo — a voz ganha corpo sem virar robô. Conversa ao centro, gaveta lateral com Início, Aprovações, Memória e Agentes. Estados de voz têm cor própria: roxo ouve, cobre pensa, laranja fala. Laranja nunca mede urgência.

01 · Wordmark

NUVON OS

Variante do lockup Nuvon Maker: mesma Cinzel, mesmo tracking (.08em). "NUVON" em metal, "OS" no gradiente norte — o sufixo é a parte que age. Uma régua de cobre separa marca e produto.

NUVON OS
Padrão · metal + norte
NUVON OS
Creme · uma cor, cabeçalhos e impressão
NUVON OS
Compacto · com o mascote, barras e gaveta
Espaço livre ≥ altura do N.Nunca abaixo de 18 px.Nunca sombra, nunca contorno.Sobre foto: só a versão creme.
02 · Mascote

Nuvon, a voz com rosto

Cinco barras de áudio no gradiente norte; a do meio é o rosto. Dois olhos em grafite, um halo pontilhado que gira quando ele escuta. Amigável pelo movimento e pelos olhos — nunca boca, nunca braços, nunca robô.

Dormindo
#9a8f83
Ouvindo
#8257ff
Pensando
#c4874a
Falando
#ff8a24
Sem ligação
#ff5f5f
Tamanhos

16 px: só três barras, sem olhos (favicon, chips). 24 px: avatar nas mensagens, sem halo. 40 px+: completo. O halo aparece a partir de 64 px.

Regras
  • O gradiente vai sempre de roxo (baixo-esquerda) para laranja (cima-direita): o norte.
  • A cor do halo diz o estado; o corpo não muda de cor, exceto dormindo (metal) e sem ligação (metal + cinza).
  • Os olhos ficam na barra central, a 1/3 da altura. Piscam a cada 4–6 s quando desperto.
  • Nunca boca, sobrancelhas, membros ou sombra projetada. A expressão vem do movimento das barras.
  • Em stickers pode ganhar acessórios de contexto (fones, capacete de oficina) — sempre em linha, 1.75 px, creme.
03 · Ícone e splash

Instalável

Ícone do PWA em grafite 900 com aurora discreta e o mascote em estado "ouvindo" sem halo — o halo não sobrevive a 48 px. Splash em aurora com o mascote a respirar e o wordmark em metal.

maskable · zona segura 80%
512 · 192 · 48 pxraio 22%fundo #0d0d10manifest: theme_color #070708
NUVON OS
Sua voz é o norte.
carregando nuvon-general · 4B · RX 580
04 · Cor e tokens do app

Estados com cor própria

A paleta é a do Nuvon Maker; o que se acrescenta são papéis semânticos (--os-*) para o que o assistente faz: ouvir, pensar, falar, aprovar, envelhecer dados.

--os-voz-ouvindo
halo, transcrição ao vivo
--os-voz-pensando
LLM em curso, fast-path
--os-voz-falando
TTS, também o CTA
--os-voz-dormindo
à espera da wake word
--os-aprov-pendente
CONFIRM_REQUIRED, ADMIN
--os-aprov-confirmado
executado com args reais
--os-aprov-recusado
recusar é normal, não perigo
--os-perigo
sem ligação, serviço parado
--os-dados-frescos
< 60 s
--os-dados-velhos
> 5 min · nunca "tranquilo"
--os-servico-mock
NUVON_ADAPTERS=mock
--os-norte
mascote, CTA, indicador ativo
Orçamento de laranja: 1 + 2

Por tela, um único elemento cheio em laranja (a ação principal, na zona do polegar) e até duas marcas em #ffc07a para decisões pendentes. Se não há nada a fazer, não há laranja.

Enviado ≠ confirmado

Cada comando mostra o ciclo "a enviar → aceite → confirmado", com hora em Mono. "Tudo bem" só existe com dados frescos; dados velhos produzem "sem confirmação", nunca verde.

Rota visível

Toda resposta traz um chip de traço: fast-path, llm_tool, clarify — com latência. A equipe aprende a confiar no que é determinístico.

05 · Tipografia

Três vozes

Cinzel · nomeia Aprovações Pronto.

Títulos de tela (24–28 px), wordmark, rituais (vazio, "Pronto.", comando confirmado). Nunca em rótulos, botões ou navegação. Nunca abaixo de 20 px.

Inter · conversa Luz da oficina acesa. Quer que eu deixe a 60%? Rótulo 14/500 · Corpo 16/400 · Mínimo 13 Eyebrow 12/700 · .08em

Tudo o que é interface. Peso 400 mínimo sobre grafite; 500 em rótulos; 600 em nomes de entidade.

JetBrains Mono · conta 0,42 s atualizado há 18 s · 1.284 notas · 768d conversa_id 7f3a · agent_criar_tarefa

Latências, idades, ids, ferramentas, argumentos. Três tamanhos: 24 / 15 / 13. Urgência por creme → #ffb15e → #ff5f5f, nunca laranja.

06 · Pacote de ícones

{{ totalIcones }} ícones, dez domínios

Desenhados de raiz em grelha 24, traço 1.75, pontas redondas e cantos levemente quadrados. Metal em repouso, creme em foco, roxo quando marcam estado ativo, laranja só quando o ícone é a ação. Fonte: nuvon-icons.js.

{{ g.nome }}
{{ ic.nome }}
Cores em uso repouso foco ativo é a ação ligado (dispositivo)
07 · Kit de componentes mobile

Peças da conversa

Botões, cartões e badges vêm do Nuvon Maker. O que se acrescenta é o que um assistente precisa: mensagens, cartão de aprovação, chip de traço, linhas de serviço, memória e tarefa, compositor com microfone.

Mensagens
Acende a luz da oficina
Luz da oficina acesa.
fast-path·ha.luz_oficina·0,38 s·confirmado 14:02
Cartão de aprovação
CONFIRM_REQUIRED expira em 1:42
Pausar a impressora Bambu P1S #2
printer_pause · id: p1s-02
pedido por Marcos · via voz
Confirmo
Recusar
Ou diga "sim, confirmo". Executa os argumentos guardados, nunca regenera.
Cabeçalho de estado
Ouvindo

nuvon-general residente · última resposta há 12 s · 2 aprovações à espera

14 pedidos hoje · 0,6 s em média Ver traços →
Sem confirmação

Servidor sem resposta desde 13:20. Nenhum comando é enviado até voltar.

última resposta há 42 min
Linhas de serviço
nuvon-llama
router · nuvon-general residente
8081
Spotify
falta parear · spotify.com/pair
3678
Home Assistant
mock · sem entidades reais
8123
Microfone físico
bloqueado · sem hardware
—
Memória e tarefa
Perfil PLA Sunlu — 215 °C0,91

Bico 215, cama 60, retração 0,8 mm. Funciona bem na P1S #1.

vault·oficina/filamentos.md·válido até —
Corrigir regex de despedidaem curso
Codex·nuvon-assistant·workspace-write·4 min
Compositor, chips e gaveta
Pergunte ou peça algo…
"Oi Nuvon"pergunta "Fala Nuvon"conversa
Conversa
Aprovações2
Agentes
08 · Estados vazios e de erro

Escuro e útil

O vazio diz o próximo passo. O erro é claro e não culpa ninguém. O mascote aparece em repouso; o laranja só quando há uma ação a tomar.

Nada pendente.

Ações sensíveis vão aparecer aqui à espera de um "sim, confirmo".

Nenhuma memória com "retração"

Diga "Nuvon, lembra que…" ou toque para guardar a primeira.

Guardar memória
Sem ligação ao servidor

O Nuvon continua acordado na oficina; este aparelho é que não o alcança. Última resposta há 3 min.

Tentar de novo
Próximos passos
  • Ver as telas do app (splash, tutorial, Início, Conversa, Escuta, Aprovações, Memória, Agentes, gaveta, tablet e desktop web).
  • Ver as animações (estados de voz, gaveta, mensagens, aprovação, splash, micro-interações) e o site.
  • Decidir: stickers do mascote (que acessórios), som de wake word (não desenho áudio), ícones que faltam (portas/câmaras ficaram fora por escolha).
  • Exportar o pacote de ícones como SVGs individuais e o manifest do PWA quando o app for implementado.
Pagina de referencia de design, nao o produto. Ir para o site → Abrir o app →