VERTEX ERPVERTEX ERP

Brand Kit

Identidade VERTEX ERP

Tudo o que você precisa para usar a marca VERTEX ERP de forma consistente: variações de logo, paleta cromática, tipografia oficial e exemplos de uso no produto.

Manual da marca (PDF)

Editor de identidade

Personalize cores, gradientes e logo com prévia ao vivo em desktop e mobile. As alterações ficam salvas no seu navegador.

Editor ao vivo

Faça login para sincronizar entre dispositivos.

135°

Preview

Dashboard · Desktop

VERTEX ERP

Dashboard

Visão geral da operação

Vendas
R$ 12.4k
Saldo
R$ 48.2k
Produtos
1.234
Margem
32%
CTA com gradiente
aplicado em destaques

Variações de logo

Lockup horizontal
Lockup horizontal
PNG
Baixar
Lockup vertical
Lockup vertical
PNG
Baixar
Símbolo (cor)
Símbolo (cor)
PNG
Baixar
Símbolo (transp.)
Símbolo (transp.)
PNG
Baixar
Mono · grafite
Mono · grafite
PNG
Baixar
Mono · branco
Mono · branco
PNG
Baixar
VERTEX ERP
Aplicação sobre o gradiente da marca

Paleta

Use sempre os tokens semânticos. Hex e oklch listados para referência.

Graphite / Brand
token--primary
hex#2C2E33
oklchoklch(0.30 0.006 270)
Copper / Accent
token--accent
hex#B87333
oklchoklch(0.62 0.13 50)
Success
token--success
hex#10B981
oklchoklch(0.60 0.13 165)
Warning
token--warning
hex#D97706
oklchoklch(0.78 0.14 75)
Destructive
token--destructive
hex#5B5D63
oklchoklch(0.42 0.01 270)
Foreground
token--foreground
hex#37383D
oklchoklch(0.22 0.005 270)
Muted
token--muted
hex#F1EFEC
oklchoklch(0.95 0.005 60)
Background
token--background
hex#FCFBF9
oklchoklch(0.99 0.002 60)
Gradiente da marca
linear-gradient(135deg, oklch(0.25 0.005 270), oklch(0.62 0.13 50))

Exemplos no produto

Botões
Estados
SucessoAvisoErroAcentoNeutro
Card de KPI
Receita
R$ 128.450,00
+12,4% vs mês anterior
Header de app
VERTEX ERP

Tipografia

UI / Texto
Inter
Aa Bb Cc
A rápida raposa marrom salta sobre o cão.
300 · 400 · 500 · 600 · 700 · 800
Google Fonts →
Números / Tabelas
JetBrains
0123456789
R$ 12.345,67
400 · 500 · 600
Google Fonts →

Diretrizes de uso

Faça
  • Use sempre os tokens semânticos (bg-primary, text-accent...).
  • Mantenha proteção mínima ao redor do logo equivalente à altura do "V".
  • Aplique o gradiente da marca em CTAs principais.
Evite
  • Não distorça, gire ou aplique sombras pesadas no logo.
  • Não use cores hex direto em componentes — sempre tokens.
  • Não combine fontes diferentes de Inter / JetBrains Mono.