A linguagem Primex
Os fundamentos visuais e de interação que dão identidade a todos os projetos que desenvolvemos.
Paleta Primex
Verde como cor de destaque, preto como base. O contraste cria a identidade.
Cor Primária
Primex Green
Green Hover
Green Light
Base
Primex Black
Primex Dark
Gray 900
Gray 800
Gray 700
Gray 500
Gray 300
White
Sora + Inter Tight
Sora para display, Inter Tight para textos corridos.
Display / 72px
Heading 1 / 48px
Heading 2 / 36px
Heading 3 / 24px
Body Large / 18px
Body / 16px
Body Small / 14px
Blocos de construção
Componentes reutilizáveis com identidade Primex aplicada.
Botões
Card Primex (cantos cortados)
Card padrão
Cantos cortados em ângulo, borda verde em gradiente e glow no hover.
Card sólido
Mesma estrutura sem gradiente de fundo.
Badges
Motion Primex
Animações sutis, sempre com propósito.
Botões magnéticos
Botões que atraem o cursor suavemente quando aproximados.
Reveal no scroll
Conteúdo aparece conforme você rola, com fade + slide.
Micro-hovers
Letras sobem, cards respiram, bordas brilham. Sutil.
A marca Primex
Variações oficiais do logo Primex Sistemas.
Horizontal
Símbolo
Vertical
Kit completo com 13 variações disponível em /public/brand/
Quer um projeto com essa identidade?
Fale com a Primex Sistemas e veja como aplicamos esse sistema no seu negócio.
Fale Conosco