← Voltar ao menu do Projeto Piraju

Projeto Piraju · identidade visual

Design System Piraju

Cores, tipografia, logo e regras de composição · tokens.json · README.md

Logo

Cores

navy-950#0e1b33Azul-marinho mais profundo. Fundo dos cartões escuros (Missão, Visão, Valores).
navy-900#12233fAzul-marinho da marca. Fundo da capa e do encerramento, cabeçalho de tabelas, faixas escuras e cor dos títulos sobre creme.
gold-700#8c6b22Dourado escuro. Rótulos em maiúsculas e ícones sobre fundo creme (4,5:1 sobre cream-100).
gold-500#c9a24bDourado da marca sobre azul-marinho: rótulos da capa, títulos de faixas e cartões escuros.
gold-400#f2bf3aDourado vivo. Títulos dos cartões escuros quando precisam de mais brilho. Só sobre navy-950/900.
cream-100#f7f5f0Fundo padrão dos slides e páginas.
cream-50#fdfcfaFundo dos cartões claros sobre cream-100.
sand-200#efebe2Faixas de destaque suaves e linha de total em tabelas.
sand-300#e2ded4Borda de 1px dos cartões claros.
sand-400#d8d2c4Texto secundário sobre azul-marinho.
slate-600#4b5563Texto de apoio dentro de cartões claros.
slate-500#6b7280Rodapés e notas a partir de 24px (4,4:1 sobre cream-100; não usar em texto pequeno).
green-700#1f6f63Verde de apoio. Uso pontual em destaques secundários; nunca como cor principal.

Tipografia

GrupoEstiloTamanho / pesoUso
Títulosdisplay104px / 400Título da capa (canvas 1920×1080).
Títulosclosing80px / 400Frase do encerramento.
Títulostitle56px / 400Título de cada slide, em Title Case.
Títulosfigure56px / 400Números grandes dos cartões.
Textosubtitle36px / 400Subtítulo da capa.
Textocard-title28px / 600Título de cartão, em minúsculas.
Textolead28px / 400Parágrafo de abertura.
Textobody26px / 400Texto corrido de cartões e tabelas.
Textosmall24px / 400Notas, rodapés e itens de lista. Nunca menor que 24px no canvas de slide.
Textolabel24px / 400Rótulo acima do título, em maiúsculas e dourado.
E comercialampersand28px / 400Todo "&" da marca é composto em Times New Roman, no mesmo tamanho e cor do texto ao redor.

Regras

Piraju

Holding de tecnologia e inovação. Este é o sistema visual da Piraju Tecnologia Distribuição & Marketing, extraído do Sumário Executivo enviado a fundos de investimento estrangeiros (outubro de 2026). Use-o como base para pesquisa de mercado, branding, site e novas apresentações.

Tom de voz

Cores

A marca vive entre dois polos: azul-marinho (navy-900, navy-950) e creme (cream-100), com o dourado como único acento.

Situação Fundo Texto Acento
Página ou slide padrão cream-100 navy-900 gold-700
Cartão claro cream-50 com borda 1px sand-300 navy-900 / slate-600 gold-700
Capa, encerramento, faixas navy-900 cream-100 / sand-400 gold-500
Cartões escuros (Missão, Visão, Valores) navy-950 cream-100 gold-400

Tipografia

Composição

Iconografia

Um único ícone: o play, em dourado (gold-700 sobre creme, gold-500/gold-400 sobre azul-marinho), 36–44px, no topo de cada cartão. Não misture outros ícones nem emojis.

A marca é o logotipo “Piraju” em traço branco sobre fundo transparente. O arco de pontos dourados não é usado como elemento gráfico fora do logotipo: não o reproduza em capas, faixas ou páginas.

Aplicações