Preferencial · dourada
Uso sobre fundos escuros e neutros.
Sistema visual · versão 0.1
Uma identidade clara para cada caminho.
Fundamentos visuais e componentes iniciais para as experiências digitais da Direção Veículos.
Versão provisória — aguardando respostas do questionário de marca01 · Assinatura
Uso da marca
Use os vetores oficiais para manter contornos nítidos em qualquer escala. Preserve proporção e área de respiro.
Alternativa · preta
Uso sobre fundos claros.
Alternativa · branca
Uso sobre fundos escuros quando o dourado não tiver contraste adequado.
Símbolo
Avatar, ícone de aplicativo e espaços compactos.
Área de proteção
Mantenha ao menos a altura do volante livre ao redor da assinatura.
02 · Paleta
Cores da interface
O dourado vem da versão vetorial criada a partir da referência enviada. Neutros e estados são tokens funcionais provisórios.
Destaques, detalhes e fundos de ação com texto escuro.
Texto principal, navegação e ações primárias.
Superfícies e versão negativa da assinatura.
Não aplique texto branco pequeno sobre dourado. Prefira texto escuro; reserve o dourado para acentos e elementos grandes.
03 · Tipografia
Hierarquia simples
Fonte de sistema provisória para evitar dependência externa. A escolha final será validada com o cliente.
Seu próximo carro.Display · 54/1 · 800
Encontre seu veículoTítulo · 30/1,15 · 750
Informação objetiva, confortável de ler em celular e computador.Corpo · 16/1,55 · 400
Seminovos · BlumenauRótulo · 13/1,4 · 700
04 · Componentes
Peças da interface
Exemplos iniciais para busca e apresentação de veículos; conteúdo real será conectado ao estoque cadastrado.
Botões
Ações com rótulos diretos. Use apenas um botão principal por bloco.
Campo de busca
Altura mínima de 48 px, borda visível e foco destacado.
Imagem do veículo
Disponível
Veículo em destaque
R$ 00.000
Estados de estoque
Disponível Vendido
Combine cor e texto para que o estado nunca dependa somente da cor.
Espaçamentos
4 px
space-18 px
space-216 px
space-424 px
space-605 · Aplicação
Consistência em toda tela
A mesma paleta e hierarquia atende o site de estoque, os detalhes do veículo, o painel e as peças sociais.
Site
Fundo claro, navegação escura, fotos dos veículos em primeiro plano e preço com destaque.
Painel
Campos legíveis, estados de cadastro claros e ações principais fáceis de encontrar.
Redes sociais
Logo em vetor, informação essencial em alto contraste e área livre ao redor da marca.
A identidade e os componentes serão refinados após o retorno do questionário de marca. Nenhum slogan ou atributo de posicionamento foi definido aqui.