Logotipo principal
Dark background
Design SystemFonte visual oficial
KPX · Product language · 2026
Performance com precisão visual.
Um sistema único para a Landing Page, o KPX Hub e todos os produtos que carregam a marca KPX.
00
Marca
Brand
A KPX combina visão executiva, tecnologia e execução. O sistema deve parecer preciso, vivo e seguro — nunca genérico.Elemento gráfico oficial
KPX Code Mark
O símbolo formado entre o K e o X remete às tags de código e representa tecnologia, conexão e construção.
01Code Mark, não X
O símbolo angular completo é o dispositivo proprietário da marca. Nunca destacar o X isoladamente.
02Neon com intenção
O lime indica ação, progresso e informação prioritária. Não é cor de preenchimento indiscriminada.
03Escuro com profundidade
Canvas, superfícies e elevação devem formar camadas claras, sem depender de bordas excessivas.
01
Base visual
Foundations
Tokens compartilhados garantem que decisões de cor, tipografia, espaço e forma sejam repetíveis em qualquer produto.01.1
Paleta oficial
Dark premium como padrão, com lime para ação e o#121A00 como superfície profunda de marca.
Lime 500#CCFF00
--kpx-brand-lime-500Lime 600#A3CC00
--kpx-brand-lime-600Brand deep#121A00
--kpx-brand-lime-950Canvas#080A0C
--kpx-color-bg-canvasSurface#141718
--kpx-color-bg-surfaceElevated#202020
--kpx-color-bg-elevatedGraphite#2A2A2A
--kpx-brand-graphiteOff-white#F5F5F5
--kpx-brand-off-white01.2
Tipografia
Scada cria presença de marca. Inter organiza leitura, métricas e interfaces densas.
em escala.
72 / 72 · -3%Clareza para decidir
Marketing, comercial e operação conectados por uma interface que mostra o que importa, na ordem certa.
Body L · 16 / 26Body M · 14 / 22Label · 12 / 1601.3
Espaçamento
Base de 4px, com ritmo mais aberto em cards e telas.
14px28px312px416px624px832px1248px1664px2496px01.4
Raios e elevação
Controles compactos; cards suaves; glows apenas para foco.
Compact
8pxControl
12pxCard
16pxFeature
24px02
Biblioteca MVP
Components
Estados e comportamentos essenciais para interfaces comerciais e produtos executivos.Action
Button
Primary · Secondary · Ghost · DangerForms
Input & Select
Status
Badge & Alert
NeutroDestaqueSaudávelAtençãoCrítico
Oportunidade de escala
O ROAS permaneceu acima da meta por sete dias.
Orçamento próximo do limite
Revise a distribuição antes do próximo ciclo.
Data display
iComponentes compartilhados com o HubMetricCard, Tabs & Table
Receita atribuída
R$ 400,6 milROAS consolidado
4,88xInvestimento
R$ 82 mil| Canal | Investimento | Receita | ROAS | Status |
|---|---|---|---|---|
| Meta Ads | R$ 38.420 | R$ 214.890 | 5,59x | Escalando |
| Google Ads | R$ 24.180 | R$ 111.220 | 4,60x | Estável |
| CRM | R$ 6.840 | R$ 42.760 | 6,25x | Escalando |
| Afiliados | R$ 12.590 | R$ 31.810 | 2,53x | Atenção |
Commercial workflow
PipelineColumn & LeadCard
Minimal · Drag target · Horizontal scrollAgência KPX
Kauan PachecoLead workspace
LeadPopup
Unified · Tabs · Center/Right · Inline edit · Outside dismissFilters & time
Select, DateRange & Calendar
Default · Open · Range · AppliedOverlay
Modal, Drawer & Empty State
Default · Open · Keyboard · MobileConnections
DataSourceManager
Connected · Pending · ReconnectConexões deste cliente
A
Google AnalyticsGA4 · Eventos
AtivoPropriedade: Piercing Beauty
G
Google AdsMídia paga Google
AtivoPiercing Beauty · ID 878-082-5903
M
Meta AdsFacebook · Instagram
AtivoCA01 · Piercing Beauty
03
Padrão comercial
Landing Page Patterns
Hero piloto para validar a identidade antes de substituir a versão pública.agenciakpx.com.br
Marketing + comercial + operação
Crescimento não vem de mais tarefas. Vem de clareza.
A KPX conecta dados, marketing, vendas e processos para transformar investimento em decisões melhores — e decisões melhores em faturamento.
- Visão executivaDo anúncio ao caixa
- Execução conectadaSem pontas soltas
- Clareza totalDados para decidir
04
Produto executivo
KPX Hub Patterns
Dashboard piloto com navegação lateral fixa e recolhível por controle explícito, hierarquia clara e lime reservado para ação e progresso.Visão executiva
Dashboard
Notificações
Dados atualizados
Bom dia, Kauan.
Sua operação cresceu 18,4% no período. Veja o que merece atenção agora.
Receita atribuída
R$ 400,6 milROAS consolidado
4,88xConversão comercial
22,8%Orçamento utilizado
R$ 82 milReceita x investimentoEficiência por semana
ROAS 4,88x Receita Investimento
Meta Ads abriu uma janela de escala.
O custo por oportunidade caiu 12% enquanto a conversão comercial subiu. Há espaço para aumentar o orçamento.
| Canal | Investimento | Receita | ROAS | Status |
|---|---|---|---|---|
| Meta Ads | R$ 38.420 | R$ 214.890 | 5,59x | Escalando |
| Google Ads | R$ 24.180 | R$ 111.220 | 4,60x | Estável |
| CRM | R$ 6.840 | R$ 42.760 | 6,25x | Escalando |
| Afiliados | R$ 12.590 | R$ 31.810 | 2,53x | Atenção |
05
Governança visual
Approved Screens
Somente padrões aprovados entram na implementação definitiva da Landing e do Hub.Aguardando aprovação
Landing Page · Hero v1
Direção dark premium, Code Mark e CTA lime com hierarquia comercial mais limpa.
Aguardando aprovação
KPX Hub · Dashboard v1
Menos densidade, métricas com contexto e recomendações executivas em destaque.
06
Exploração controlada
Playground
Área para testar novas combinações sem transformar experimentos em padrão antes da validação.Sandbox
Clareza é uma feature.
Todo elemento deve responder a uma pergunta, orientar uma ação ou reduzir esforço cognitivo.