Vantaris — Design System v1
Design System · v1 · Abr 2026

Vantaris

O sistema visual que traduz a travessia em linguagem formal.
Cada token existe porque o posicionamento exige.
Nenhuma escolha é estética.

02 famílias tipográficas
06 cores no sistema
01 elemento gráfico
0px radius em tudo
01
Tokens

Variáveis do Sistema

Valores primitivos que alimentam todos os componentes. Cada token tem nome semântico — não "azul-500", mas "Horizon". A nomenclatura é parte da identidade.

Token Valor Semântica
--color-bg #050508 Abismo — o vazio do espaço profundo. Fundo absoluto.
--color-bg-surface #0C0C12 Cosmos — superfície secundária. Profundidade controlada.
--color-accent-light #3D5FC4 Azul Orbital — acento principal. Aparece com extrema escassez.
--color-horizon #6B8FE8 Horizonte — a linha azul da atmosfera. Labels, marcadores ativos.
--color-nimbus #8A8FA8 Nimbos — cinza frio orbital. Texto secundário, estrutura.
--color-text-primary #E8EAF2 Tungsten — quase branco. Texto principal, máxima legibilidade.
--font-display 'Cormorant Garamond' Display, manifesto, headlines — onde a marca fala.
--font-ui 'Inter' Body, labels, interface — onde a marca opera.
--radius 0px Zero absoluto. Precisão de engenharia orbital. Sem concessão.
02
Paleta

Sistema de Cores

Seis cores com papéis precisos. A paleta não é decorativa — é uma leitura cromática do espaço orbital: o vazio do cosmos, a linha azul da atmosfera, o cinza frio da névoa, o branco frio do Tungsten.

Base — O Cosmos
Abismo #050508 · --color-bg O vazio do espaço profundo. Fundo de toda interface. Onde tudo começa.
Cosmos #0C0C12 · --color-bg-surface Superfície de cards e painéis. Profundidade sem agir.
Éter #13131C · --color-bg-elevated Superfície elevada. Tooltips, overlays, modais.
Acento — A Linha Atmosférica
Azul Orbital #3D5FC4 · --color-accent-light Acento principal. Aparece onde há intenção. Nunca como fundo, nunca em texto corrido.
Horizonte #6B8FE8 · --color-horizon A linha azul da atmosfera a 400km. Labels ativos, estados hover, marcadores.
Nimbos #8A8FA8 · --color-nimbus Cinza frio orbital. Texto secundário. Não carrega calor — estrutura sem ruído.
Linha do horizonte — gradiente da marca
Este gradiente é o único uso de múltiplas cores simultaneamente permitido na identidade.
Azul Orbital como raridade
Aparece onde há significado: o símbolo gráfico da linha horizon, labels de seção, bordas de elementos em foco. Nunca como cor de fundo, nunca decorativo. A escassez do azul é regra — não exceção.
Nimbos como estrutura
O cinza orbital não decora. Estrutura. Aparece em texto secundário, metadados, bordas. É a temperatura fria da missão crítica: funcional sem sentimento. Nunca use para criar calor.
Espaço como elemento ativo
O espaço negativo não é ausência — é o campo onde a experiência acontece. Quantidade de cor ativa nunca deve exceder 10% da superfície. O Abismo é o produto. Tudo mais é suporte.
03
Tipografia

Cormorant + Inter — Dois Sistemas

Cormorant Garamond carrega o peso filosófico da marca — editorial, contemplativo, preciso sem ser frio. Inter garante legibilidade máxima na camada funcional. A combinação não é estética: é a tensão entre profundidade e precisão que define os arquétipos da Vantaris.

Vantaris
Experiências Orbitais Privadas · Por Seleção
A perspectiva da Terra de fora não é uma vista. É uma revisão.
Display · Cormorant · 300 clamp(3.5rem, 8vw, 7rem)
letter-spacing: 0.15–0.20em
uppercase
Vantaris
H1 · Cormorant · 300it 2.75rem
font-style: italic
letra-space: normal
A revisão começa aqui.
H2 · Cormorant · 400 2rem
letter-spacing: -0.01em
Sistema de Cores
Label · Inter · 600 0.68rem
letter-spacing: 0.20em
uppercase
Experiências Orbitais · Design System
Body · Inter · 400 0.9rem
line-height: 1.8
letter-spacing: 0.01em
A órbita não está disponível para todos. Isso não é política de preços — é física. Há poucas travessias por ano. Há uma lista.
Manifesto · Cormorant · 300 1.25rem
line-height: 2.2
frases isoladas
Todo mapa que você já viu é mentira.
Fronteiras não existem na Terra, existem no papel.
04
Componentes

Elementos de Interface

Radius zero em tudo. Sem concessão estética ao arredondamento. A geometria é de precisão orbital — não de conforto de consumo.

Botões
Badges & Tags
Por seleção 400 km de altitude Órbita baixa Lista ativa
Cards
Altitude
400 km
A altitude da Estação Espacial Internacional. O ponto onde a Terra aparece inteira pela primeira vez — sem borda, sem nome, sem fronteira.
Duração
90 min por órbita
A Terra completa em 90 minutos. Nascer e pôr do sol a cada 45 minutos. Escala temporal diferente de qualquer experiência disponível no planeta.
Disponibilidade
Por seleção
Há poucas travessias por ano. Não é escassez artificial — é física orbital. A raridade da Vantaris não é posicionamento. É realidade.
Campos de entrada
05
Elemento Proprietário

Sistema Horizonte — A Linha da Marca

O único elemento gráfico proprietário da Vantaris. A linha horizontal representa o limite visível entre a Terra e o espaço — a atmosfera vista de 400km. Fino. Azul. Frágil. Irrepetível.

Camada
Escala
Contexto
Função
01
Estrutural
Hero, capa, endpage
60% da largura
Peças de alta visibilidade, momentos de travessia
Marca o limite simbólico. Em qualquer impressão ou screenshot, a identidade é reconhecível. Gradiente azul completo.
02
Informacional
Divisores de seção
100% da largura
Separação de blocos de conteúdo com intenção
Substitui o divisor genérico. Com repetição, a linha azul passa a significar "próximo nível" na experiência do documento.
03
Estrutural muda
Bordas superiores de cards accent
1px, sutil
Componentes com ênfase visual
Bordas que marcam hierarquia de informação — a linha horizontal como assinatura de importância.
Regra de Contenção
A linha do horizonte nunca aparece como decoração. Cada instância precisa de justificativa funcional: marca um limite, divide conteúdo com intenção, ou ancora a identidade em peça de alta visibilidade. A escassez da linha é tão estratégica quanto a escassez do azul orbital.
Demonstração
Camada 01 — Estrutural
Hero e endpage · 60% largura
Primeira parte do conteúdo.
Segunda parte, separada.
Camada 02 — Divisor informacional
Camada 03
Borda superior de card com ênfase — 1px gradiente azul orbital.
06
Em Contexto

A Identidade em Uso Real

O sistema não existe em abstrato. Cada elemento demonstrado nas superfícies reais da Vantaris — manifesto, atendimento, cartão de acesso.

Manifesto — Peça editorial
Vantaris · Manifesto
Todo mapa que você já viu é mentira.

Existe um limite visível ao redor da Terra.
Fino.
Azul.
Frágil.
A Vantaris existe para levar você a esse ponto.
Não para que você conte.
Para que você veja.
Cartão de Acesso — Aplicação física
Vantaris
Acesso por seleção
Portador autorizado
VNT · 2026 · ÓRBITA BAIXA
Atendimento — Tom de voz aplicado
Candidato
Preciso de mais detalhes sobre o processo de seleção.
Vantaris
Recebemos sua candidatura. A próxima etapa é uma conversa de 30 minutos com nosso time de seleção.
Vantaris
Confirmamos até sexta.
Tom: direto, sem euforia. Nunca "incrível" ou "adorei". Frases curtas. Confirmação sem explicação.
Post — Redes sociais (presença mínima)
Vantaris
A Terra não tem nome.
07
Filosofia

Por que cada decisão existe

Cada token, cada escolha tipográfica, cada restrição de uso tem justificativa conectada ao posicionamento. Design não é estética — é argumento.

Cormorant + Inter
em vez de uma família
A Vantaris tem dois arquétipos: o Sábio (profundidade, contemplação) e o Governante (precisão, controle). Cormorant carrega o Sábio — editorial, peso sem grito, legado tipográfico. Inter carrega o Governante — precisão técnica, legibilidade de missão crítica. Usar uma única família seria resolver a tensão. A tensão é o produto.
Azul — não preto
como acento principal
O espaço é preto, mas a marca Vantaris não vende o espaço — vende a linha atmosférica. O único azul visível no espaço é a atmosfera da Terra, vista de 400km: fino, frágil, irrepetível. O azul é o produto. Não é escolha de cor — é descrição de realidade.
0px de radius
em todos os componentes
Arredondamento é uma decisão de conforto — suaviza ângulos para reduzir tensão visual. A Vantaris não busca conforto visual. Busca precisão. A geometria de uma cápsula orbital é definida por física, não por ergonomia de tela. Zero radius é a mesma decisão que define toda a engenharia orbital.
Campo estelar
como fundo de hero
O campo estelar não é decoração — é contexto. O cliente da Vantaris já está, simbolicamente, do outro lado da atmosfera quando entra em contato com a marca. O fundo estelar não diz "queremos ser espaciais". Diz "você já está aqui, do lado de fora". É uma decisão de posicionamento do ponto de vista, não de estética.
Linha do horizonte
como único elemento gráfico
Marcas de luxo usam monogramas, símbolos complexos, gradientes proprietários. A Vantaris usa uma linha horizontal. Por quê? Porque o produto não é complexo — é irredutível. Uma linha é o elemento gráfico mais simples possível. E neste contexto, ela carrega o peso mais simbólico possível: é o limite entre a Terra e o resto.
Vantaris · Design System v1
A Vantaris foi construída para poucos.
Não por escolha — por realidade.
Há poucas órbitas disponíveis por ano.
Uma delas pode ser sua.
plugins premium WordPress