Card editorial
Modelo para artigos, data, categoria e link de leitura.
Design System
Guia de estilos e componentes padronizados da Trixe. Focado em tipografia forte, botões arredondados e cores institucionais.
Cores
Paleta de cores oficial da marca.
Trixe Dark#0B1C1F
Trixe Teal#009094
Trixe Dark Teal#003638
Trixe Light Cyan#A2F9FF
Trixe White#FFFFFF
Trixe Gray#585858
Trixe Light Gray#F4F4F7
Tipografia
Fontes e hierarquia de texto organizadas para legibilidade.
Fonte Primária
Griff / Playfair Display
Display Italic
Heading 1
Heading 2
Fonte Secundária
Inter
O cenário atual tem muita complexidade e pouca transparência para as marcas saberem onde investir.
A abordagem da Trixe começa com dados precisos para conhecer seu público, não apenas segmentá-lo.
Navegação principal
Botões & Links
Variações usadas no site.
Inputs & Forms
Campos usados nos formulários de contato.
Seu nome
Seu e-mail
WhatsApp / Telefone
Conte-nos o contexto do seu desafio corporativo
Cards & Listas
Estruturas de conteúdo para blog, portfólio e serviços.
Card de portfólio
Estrutura para cliente, setor, plataforma e título.
Card de serviço
Ícone, título, descrição e chamada para conversão.
Espaçamento & Grid
Escala visual de espaçamento.
Componentes Avançados
Listas e módulos recorrentes.
01
Service Row / accordion visual para listas de ofertas.
↗︎02
Blog card com imagem 4:3, metadados e link editorial.
↗︎03
Case hero com metadados e imagem em tela cheia.
↗︎