Holven
Manual de Marca
Holven
A clareira na floresta — clareza dentro do emaranhado, na luz fria da tecnologia.
O significado · o coração da marca
No inglês antigo, holt é bosque, floresta fechada; o sufixo nórdico -ven / -vin é prado, clareira, campo aberto. Junte os dois e lê-se quase literalmente:
a clareira dentro da floresta.
o emaranhado das operações — o caos, o "não consigo ver onde piso".
a Holven: onde a luz entra, você respira, enxerga o todo e acha o caminho.
a sensação sóbria de que as coisas simplesmente funcionam. Élfico-Tolkien: antigo, sereno, sábio.
Holven é o ERP da era da IA: uma suíte modular que cresce sozinha e se molda ao cliente — como a floresta cresce, ocupa o espaço e toma a forma do terreno. Sóbria, com clareza e transparência. A sensação central é respiro: sair do emaranhado e enxergar.
Estudos de símbolo · histórico
A clareira
A abertura de luz vista de cima. O ponto onde se enxerga.Crescimento
A suíte que se ramifica de um centro — cada nó, um módulo.A luz · o "H" — marca
Duas árvores, a luz da clareira no vão, o broto verde no centro.Decisão: o conceito 3 (a luz · o H) evolui para a marca (refinado, com gradientes); o conceito 1 (a clareira) vira família de símbolos de apoio — ótimo como loading. SVGs em logo-*.svg.
Marca oficial · logo-holven-v1
A marca fechada: duas copas (contorno olive + interior azul) com a clareira no centro, fundo transparente. Variantes geradas: app-icon dark/light, monocromática e favicons.
símbolo · icon-dark · icon-light · mono
Símbolos de apoio · loading
O anel da clareira (conceito 1) girando = carregando. O broto olive fica fixo no centro; o arco azul gira.
Carregando
a clareira em movimento —logo-spinner.svg
Estático
selo / favicon de apoio · vazio = "pronto"Escala
funciona de 16px a grandeCores · sistema "A Clareira" v3
Azul — botões, links, foco.
Olive — hovers, estados ok, detalhes.
Mauve — destrutivo, sem gritar.
Slate — fundos e cartões, com ar.
Iconografia · duotone Slate + ponto de detalhe
Estilo duotone (referência: Phosphor): preenchimento translúcido em camadas em tons de Slate — a penumbra — em vez de traço fino. Mais um pontinho de cor que sinaliza a ação: azul (rota), olive (positivo), mauve (destrutivo).
Em uso · fragmento de produto
Sua operação, sem o emaranhado.
Confirmação em olive (primário), navegação em azul (secundário/rota), exclusão em mauve. Cada brilho na própria cor.
Fundo & textura · desenhado, em camadas
Estilo ilustrado (SVG): silhuetas de floresta em camadas de profundidade + brumas místicas nos nossos tons. No produto entram muito discretas, só texturizando o fundo — repare atrás desta página inteira. Arquivos: bg-forest-layers.svg e bg-mist.svg.
Degradês · "A Clareira"
Degradês oficiais nos nossos tons — para heros, cartões e atmosferas. Todos usam as variáveis de cor, então reagem ao tema (entardecer/amanhecer).
Tipografia · técnica, sem serifa
Trio tech: grotesca geométrica (títulos), sans neutra (corpo), monospace (dados — o tempero tecnológico). Preview: Space Grotesk + Inter + JetBrains Mono. No seu acervo Adobe: Bahnschrift / Neue Kabel / Futura PT.
títulos / marca
Tecnologia que traz clareza.
texto / UI
dados / labels