v1.0 · 2026
Brand System · 2026
Venda melhor.
Gerencie com clareza.
Cresça com inteligência.
A identidade visual da Triafy — ecossistema de marketplace, gestão e inteligência comercial para vendedores digitais que pensam grande.
TRF · 001Mark / Symbol
Essência
Tecnologia, marketplace e gestão em um único ecossistema.
Arquétipo principal
O Mago
Transforma complexidade em clareza.
Arquétipo secundário
O Governante
Estrutura, controle e segurança.
Arquétipo terciário
O Explorador
Novos produtos, novas oportunidades.
Simplicidade operacional
Clareza de decisão
Oportunidade acessível
Confiança e transparência
Crescimento com inteligência
Logo · Variações
Um símbolo, três expressões.
A marca Triafy se mantém intacta em estrutura — apenas suas variações de cor e fundo se adaptam ao contexto. O símbolo de play embutido no “A” traduz movimento, ação e operação contínua.
Sobre fundo claro
Colorida · Fundo claro
Aplicação principal em fundos claros e neutros.
Sobre fundo escuro
Branca · Fundo escuro
Para fundos escuros, fotografias e sobre cor sólida da marca.
Sobre fundo claro
Preta · Monocromática
Materiais impressos em mono, watermarks e documentos.
Sobre fundo escuro
Avatar / Símbolo
Versão simbólica para perfis, favicons e selos.
Sobre fundo claro
Horizontal
Padrão para cabeçalhos e assinaturas.
Sobre fundo claro
Vertical
Composição empilhada para selos e badges.
Regra de proteção · mantenha um espaço mínimo igual à altura do símbolo “▷” em todas as direções da marca. Nunca distorça, recolora fora da paleta ou aplique sombras.
Paleta de cores
Cores que operam como um sistema.
#4B1E9E
Violeta Triafy
Cor principal · força da marca
#2E1166
Violeta Profundo
Cor secundária · profundidade e autoridade
#7C3AED
Violeta Glow
Apoio · brilho e gradientes
#A78BFA
Ametista
Apoio · cards, divisores, detalhes
#a88efa
Ciano Digital
Destaque · CTAs, links, foco
#10B981
Verde Growth
Destaque comercial · ações de venda, sucesso
#F59E0B
Âmbar Atenção
Alertas de atenção
#EF4444
Rosa Crítico
Alertas críticos · destrutivos
#F8F7FC
Branco Névoa
Neutra clara · fundos do sistema
#3A2F55
Grafite
Textos secundários · ícones
#0E0B1F
Tinta Noturna
Neutra escura · fundos escuros e tipografia
Gradiente Triafy
Marca em movimento · heros, banners, momentos de impacto
Tipografia
Espaço Grotesk + Inter + JetBrains Mono.
Fonte principal · Títulos
Aa
Space Groteskw600
Geometria moderna, técnica e premium. Usada em títulos, manchetes e display.
Fonte secundária · Texto
Aa
Interw400
Legibilidade impecável em telas. Para parágrafos, formulários, UI.
Auxiliar · Dados e métricas
0123
JetBrains Monow500
Números, códigos, métricas, etiquetas. Reforça o tom técnico do sistema.
Hierarquia tipográfica
H1 · Display · 72/80 · Space Grotesk 600
Opere com clareza.
H2 · 40/48 · Space Grotesk 600
Seu marketplace, sua gestão.
H3 · 24/32 · Space Grotesk 500
Pedidos em tempo real
Body · 16/26 · Inter 400
A Triafy une marketplace, gestão e inteligência para criar uma nova forma de vender online — direto, estratégico e orientado a crescimento.
Caption · 12/16 · JetBrains Mono 500
GMV · R$ 1.284.560,00 · +24,8%
Sistema · Instagram
A marca em quatro vozes.
Manifesto
Não é só vender online. É operar melhor.
@triafy
Post · Institucional
Fundo:Violeta Profundo#2E1166
Texto:Branco Névoa#F8F7FC
Destaque:Ciano Digital#a88efa
01 · curadoria
3 sinais de que seu produto vai escalar.
- ↳ Margem acima de 40%
- ↳ Recompra em 30 dias
- ↳ Ticket médio crescente
Post · Educativo
Fundo:Branco Névoa#F8F7FC
Texto:Tinta Noturna#0E0B1F
Destaque:Violeta Triafy#4B1E9E
Insight #014
“O vendedor que decide com dado. vende três vezes mais.”
Post · Autoridade
Fundo:Tinta Noturna#0E0B1F
Texto:Branco Névoa#F8F7FC
Destaque:Ametista#A78BFA
Lançamento
+120 produtos
com curadoria comercial.
com curadoria comercial.
Começar a vender →
Post · Comercial
Fundo:Violeta Triafy#4B1E9E
Texto:Branco Névoa#F8F7FC
Destaque:Verde Growth#10B981
Sistema Web · Seller
Uma central de comando para o vendedor.
Fundo principal
Áreas de conteúdo, dashboard
#F8F7FC
Sidebar
Navegação principal · profundidade da marca
#0E0B1F
Botão primário
Ações comerciais: cadastrar produto, criar pedido, publicar oferta
#10B981
Botão secundário
Ações de gestão · navegar, filtrar, editar
#4B1E9E
Hover · primário
Estado ativo · ação iminente
#0E9F73
Links
Navegação inline · contexto
#7C3AED
Cards
Branco com borda fria · sombra suave
#FFFFFF
Alerta positivo
Pedido aprovado, venda concluída
#10B981
Alerta atenção
Estoque baixo, prazo limite
#F59E0B
Alerta crítico
Erro de pagamento, pedido cancelado
#EF4444
app.triafy.com / login
Acesso · Seller
Entre na sua conta.
Use seu e-mail comercial cadastrado para acessar a plataforma.
app.triafy.com / dashboard
Visão geral
Bom dia, Lucas.
GMV · 30d
R$ 184.260
+24,8%
Pedidos
1.284
+12,1%
Ticket médio
R$ 143,40
−2,1%
Pedidos recentes
Ver todos →#TRF-10422
AprovadoR$ 219,00
#TRF-10421
Em separaçãoR$ 154,90
#TRF-10420
CanceladoR$ 89,00
#TRF-10419
AprovadoR$ 432,00
Oportunidade
12 novos produtos com alto potencial para sua loja.
app.triafy.com / design-system
Foundations · v1.0
Design System · Seller
Color tokens
10 / 10--ink
#0E0B1F
--violet-brand
#4B1E9E
--violet-glow
#7C3AED
--amethyst
#A88EFA
--green-growth
#10B981
--amber-warn
#F59E0B
--rose-alert
#EF4444
--mist
#F8F7FC
--card
#FFFFFF
--border
#E7E5EE
Tipografia
Display · 32 / 40Cabin · 600
Title · 20 / 28Cabin · 600
Body · 14 / 22 — Acompanhe pedidos e oportunidades.Inter · 400
Mono · 11 / Tag · LabelJetBrains · 500
Botões
Inputs & Forms
SKU-1042
Camiseta Triafy
CNPJ inválido
contato@triafy.com✓
Status badges
AprovadoEm separaçãoCanceladoCuradoriaNovoRascunho
Avatares
+8
Alertas & Toasts
Pedido aprovado
#TRF-10422 foi confirmado.
Estoque baixo
3 SKUs com menos de 5 unidades.
Falha no pagamento
Verifique a integração com a adquirente.
Elevação
shadow-none0 0 0
shadow-soft0 4 16
shadow-brand0 24 60
Radius
app.triafy.com / design-system · dark
Foundations · v1.0 · Dark
Design System · Seller
Color tokens
10 / 10--bg
#0E0B1F
--violet-brand
#4B1E9E
--violet-glow
#7C3AED
--amethyst
#A88EFA
--green-growth
#10B981
--amber-warn
#F59E0B
--rose-alert
#EF4444
--surface
#1A152E
--card
#221B3A
--border
#2D2548
Tipografia
Display · 32 / 40Cabin · 600
Title · 20 / 28Cabin · 600
Body · 14 / 22 — Acompanhe pedidos e oportunidades.Inter · 400
Mono · 11 / Tag · LabelJetBrains · 500
Botões
Inputs & Forms
SKU-1042
Camiseta Triafy
CNPJ inválido
contato@triafy.com✓
Status badges
AprovadoEm separaçãoCanceladoCuradoriaNovoRascunho
Avatares
+8
Alertas & Toasts
Pedido aprovado
#TRF-10422 foi confirmado.
Estoque baixo
3 SKUs com menos de 5 unidades.
Falha no pagamento
Verifique a integração com a adquirente.
Elevação
shadow-none0 0 0
shadow-soft0 4 16
shadow-brand0 24 60
Radius
Aplicativo Mobile · Buyer
A marca no bolso do comprador.
App · Buyer · Light
9:41•••
Olá, Marina
O que você procura hoje?
⌕Buscar produtos…
Tudo
Moda
Casa
Tech
Curadoria
Triafy Picks da semana
Ver →
Camiseta
R$ 89
Tênis
R$ 240
⌂⌕♡◉
Color tokens · App
8 / 8--bg
#F8F7FC
--surface
#FFFFFF
--ink
#0E0B1F
--brand
#4B1E9E
--accent
#7C3AED
--success
#10B981
--warn
#F59E0B
--danger
#EF4444
Tipografia · App
Title · 20 / 26Cabin · 600
Subtitle · 16 / 22Inter · 500
Body · 14 / 20Inter · 400
Caption · 11JetBrains · 500
Botões
Chips & Status
AtivoInativoEntregueA caminhoCancelado
Ícones · Tab bar
⌂⌕♡◉
Radius · Mobile
8 · 12 · 20 · fullApp · Buyer · Dark
9:41•••
Olá, Marina
O que você procura hoje?
⌕Buscar produtos…
Tudo
Moda
Casa
Tech
Curadoria
Triafy Picks da semana
Ver →
Camiseta
R$ 89
Tênis
R$ 240
⌂⌕♡◉
Color tokens · App
8 / 8--bg
#0E0B1F
--surface
#1A152E
--card
#221B3A
--brand
#7C3AED
--accent
#A88EFA
--success
#10B981
--warn
#F59E0B
--danger
#EF4444
Tipografia · App
Title · 20 / 26Cabin · 600
Subtitle · 16 / 22Inter · 500
Body · 14 / 20Inter · 400
Caption · 11JetBrains · 500
Botões
Chips & Status
AtivoInativoEntregueA caminhoCancelado
Ícones · Tab bar
⌂⌕♡◉
Radius · Mobile
8 · 12 · 20 · full