Energia direcionada, traduzida em interface.
O sistema visual da Draivv equilibra movimento e estabilidade, precisao e fluidez, sofisticacao e simplicidade, tecnologia e humanidade. A estetica evita tendencias passageiras: foi construida para permanecer contemporanea mesmo com a evolucao das tecnologias.
Assinatura principal
O simbolo e um motor de crescimento: um nucleo central do qual partem seis bracos em movimento continuo. O wordmark ancora a empresa como plataforma seria e tecnologica, com o detalhe exclusivo na letra V.
Marca e assinatura
A composicao preferencial usa o simbolo a esquerda e o wordmark horizontal a direita, sempre com contraste alto e area de respiro generosa.
Simbolo
Motor de crescimento: nucleo, seis bracos, movimento circular.
Nenhuma leitura e literal. O desenho pode ser lido como uma turbina em movimento, um drive mecanico, uma estrela em expansao, um conjunto de modulos conectados, uma flor tecnologica — e essa ambiguidade e o que o torna memoravel. O espaco negativo central representa inteligencia, direcao e tomada de decisao.
Wordmark
Formas geometricas com terminacoes suaves.
O corte diagonal no V final e o elemento proprietario da marca. Ele reforca personalidade sem comprometer a legibilidade — nunca deve ser suavizado ou removido.
Comportamento
Fundo escuro, contraste forte e respiro generoso.
A marca deve transmitir clareza, ambicao controlada, dominio tecnico-comercial e maturidade.
Evitar contornos pesados, rotacao, distorcao e gradientes arbitrarios sobre o simbolo. O sistema deve parecer infraestrutura de crescimento, nao publicidade performatica.
Paleta e gradientes
A paleta nasce do contraste entre profundidade e luminosidade. Os verdes representam energia, crescimento e inteligencia; os tons escuros comunicam estabilidade e dominio tecnico; o azul sinaliza tecnologia e confianca.
Midnight Navy
#05090B
Fundo secundario. Profundidade, sofisticacao e autoridade.
Deep Green
#14242D
Fundo primario. Camada de suporte e contraste.
Emerald
#239F7D
Cor institucional. Representa crescimento, energia e vida.
Growth Mint
#3FCB9A
Tom de apoio. Traz leveza, frescor e expansao.
Electric Blue
#0B48D7
Cor de destaque. Tecnologia, inovacao e confianca.
Gradient Signal Primary
linear-gradient(90deg, #7FE9C3 0%, #3FCB9A 58%, #239F7D 100%)
Gradient Signal Tech
linear-gradient(120deg, #3FCB9A 0%, #239F7D 46%, #0B48D7 100%)
Surface logic
Gradientes, brilhos e atmosferas representam a inteligencia em acao — nunca decoracao gratuita.
Tipografia
Clareza sem rigidez. As formas geometricas comunicam precisao e estrutura, enquanto as terminacoes suaves evitam um aspecto excessivamente tecnico ou frio.
Display / Inter Tight
Energia direcionada. Crescimento com estrutura.
Body / Inter
A Draivv deve falar com clareza, inteligencia e pragmatismo. O sistema tipografico acompanha esse comportamento: titulos com presenca controlada e corpo altamente legivel em contextos densos de informacao.
H1
64 / 72
H2
48 / 56
Body
18 / 30
Caption
14 / 22
Superficies e componentes
Cards, paineis e CTAs devem comunicar organizacao, precisao e energia controlada. Nada de blocos pesados ou efeito gratuito.
Primary CTA
Botao com contraste forte e decisao clara.
Information Card
Fio de luz no topo — a assinatura de secao do site institucional.
Canal, sistema, operacao e tecnologia em uma mesma arquitetura.
Tag logic
Badges e labels com energia sutil, nao berrante.
Fotografia
Pessoas movem sistemas. A fotografia deve mostrar a Draivv como uma empresa feita por pessoas que pensam, colaboram e constroem.
Priorizar
- equipes em contextos reais
- reunioes e processos de trabalho
- expressoes naturais
- interacao entre pessoas
- ambientes corporativos contemporaneos
- tecnologia integrada a rotina
Evitar
- bancos de imagem excessivamente artificiais
- pessoas sorrindo sem contexto
- robos humanoides e cerebros digitais
- codigos desconectados
- maos tocando hologramas
- imagens genericas de inteligencia artificial
Tokens estruturais
A Draivv respira. O grid base de 8px, os raios generosos e as sombras discretas constroem sensacao de maturidade e controle.
Radius
Spacing
Shadows
Motion e comportamento
Tudo comunica direcao. Linhas, luzes, curvas e composicoes sugerem fluxo, aceleracao e evolucao continua — mas a interface precisa parecer viva e disciplinada, nunca agitada.
Entrada
Fade e slide curtos, com deslocamento pequeno, so o suficiente para indicar continuidade de sistema.
Hover
Elevar, iluminar ou reforcar borda. O gesto deve sugerir ativacao de sinal, nao microanimacao decorativa.
Feedback
Estados ativos precisam ser claros, contemporaneos e legiveis em contextos densos de informacao.