Release 1.0 • Outubro 2026 Design System Oficial

Manual de Identidade Visual
& Brand Assets Kit

Guia executivo completo da marca IntegraCapital.app. Aqui você encontra a vetorização exata, paleta de cores corporativa com códigos Hex/RGB/CMYK, sistema tipográfico e arquivos para uso profissional em materiais impressos, dashboards e redes sociais.

Acessar Arquivos Vetoriais (.SVG) Ver Códigos de Cores

01. Geometria & Construção

O Símbolo Isométrico Prismático

Construído sob uma malha isométrica rigorosa de 30 graus, o símbolo transmite robustez contábil, estabilidade financeira e sofisticação tecnológica.

Malha Isométrica • 3 Camadas de Dados

Camada Superior (Prisma de Lucro & Projeção)

Preenchida com o gradiente dinâmico ciano-azul (#38bdf8 $\rightarrow$ #2563eb), simbolizando a visão de futuro, inteligência de margem e o fechamento do Dia de Ouro empresarial.

Camada Intermediária (Fluxo de Caixa Contínuo)

Fita estrutural em traço branco sólido que representa a movimentação diária de receitas, conciliação e categorias de centros de custo.

Base Blindada (Banco Local & Segurança Telegram)

A fundação da marca reflete a soberania dos dados: banco SQLite offline, sem dependência de nuvens de terceiros e com integridade criptográfica.

02. Anatomia do Lockup

O Logotipo Horizontal Completo

O lockup principal reúne 5 elementos desenhados com proporções milimétricas para garantir legibilidade máxima tanto em favicons quanto em outdoors.

Símbolo

Box squircle com elevação e prisma isométrico em 3 tiers.

"Integra"

Tipografia Inter 900 Black em Slate Profundo (#0f172a).

"Capital"

Gradiente corporativo ciano para azul royal (#0284c7 $\rightarrow$ #2563eb).

Badge ".app"

Pílula translúcida com borda luminosa, reforçando a plataforma SaaS moderna.

🟢 Live Pulse

Ponto verde pulsante que indica software sempre online e conectado.

03. Paleta Cromática

Cores Institucionais & Design Tokens

Clique no botão de qualquer cartão para copiar o código HEX instantaneamente para a sua área de transferência.

#0284c7

Capital Blue

Cor Principal da Marca / Destaques

HEX#0284C7

RGB2, 132, 199

CMYK99, 34, 0, 22

#2563eb

Integra Deep Blue

Fundo de Ícones / Gradientes Fortes

HEX#2563EB

RGB37, 99, 235

CMYK84, 58, 0, 8

#38bdf8

Cyan Glow Accent

Prisma de Topo / Brilho Neon Dark

HEX#38BDF8

RGB56, 189, 248

CMYK77, 24, 0, 3

#0f172a

Enterprise Dark Slate

Tipografia Principal / Fundo Dark

HEX#0F172A

RGB15, 23, 42

CMYK64, 45, 0, 84

#10b981

Status Live Green

Ponto de Status / Backup Validado

HEX#10B981

RGB16, 185, 129

CMYK91, 0, 30, 27

#f0f7ff

Executive Blue Surface

Fundo de Header / Cards de Destaque

HEX#F0F7FF

RGB240, 247, 255

CMYK6, 3, 0, 0

04. Tipografia do Sistema

Fontes Oficiais: Inter & JetBrains Mono

Utilizamos a família Inter para comunicação corporativa e interfaces, e JetBrains Mono para valores financeiros, métricas tabulares e logs de segurança.

Fonte Primária da Marca

Inter (Google Fonts)

Ver no Google Fonts ↗

IntegraCapital.app

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz 0123456789

400 • Regular (Corpo de Texto)

Fluxo de caixa diário

600 • SemiBold (Subtítulos)

Relatório Consolidado

800 • ExtraBold (Títulos)

Centros de Custo

900 • Black (Logotipo)

IntegraCapital

Fonte Numérica & Dados

JetBrains Mono

Ver no Google Fonts ↗

R$ 440.000,00

0 1 2 3 4 5 6 7 8 9 . , % + - / * = [ ] { } $ € £

Caracteres monoespaçados perfeitos para alinhamento vertical de colunas de balanço, DRE e logs de backup sem desalinhamentos de decimais.

05. Variações Oficiais

Modelos & Aplicações em Diferentes Fundos

Utilize cada variação conforme o contraste da mídia. Todas foram vetorizadas em SVG puro com curvas ultra-nítidas.

06. Kit de Arquivos Oficiais

Download dos Vetores em Alta Definição

Arquivos prontos para importar diretamente no Figma, Adobe Illustrator, Canva, CorelDraw ou código web.

Símbolo Isométrico Oficial

Ícone do prisma tridimensional completo com gradiente e elevação.

Baixar .SVG

Logo Horizontal (Fundo Claro)

Lockup completo com ícone, wordmark dual-tone, badge .app e subtítulo.

Baixar .SVG

Logo Horizontal (Fundo Escuro)

Lockup adaptado para contrastar em superfícies escuras com ciano luminoso.

Baixar .SVG

App Icon (512x512)

Ícone squircle para PWA, macOS Dock, Android e avatar do Bot no Telegram.

Baixar .SVG

Favicon para Navegador (48x48)

Otimizado para manter máxima nitidez em abas de navegadores web.

Baixar .SVG

Monocromático Preto

Para carimbos, documentos fiscais, recibos e impressão monocromática.

Baixar .SVG

07. Boas Práticas

Diretrizes de Aplicação da Marca

Para garantir a consistência e o prestígio da marca IntegraCapital.app, siga as diretrizes abaixo.

Recomendado (Do's)

Manter sempre a margem mínima de respiro equivalente à altura do ícone ao redor do logotipo.
Utilizar a versão Dark Glow sempre que o fundo tiver luminosidade inferior a 30%.
Preservar o indicador verde de Live Pulse (#10b981) em plataformas digitais ativas.
Utilizar arquivos vetoriais em formato .SVG para garantir resolução infinita em qualquer tela retina ou 4K.

Não Fazer (Don'ts)

Não distorcer as proporções horizontais ou verticais do logotipo ao redimensionar (mantenha o Shift pressionado).
Não alterar as cores do gradiente de "Capital" para tons que fujam da paleta corporativa ciano-azul.
Não aplicar efeitos retrô, chanfros 3D adicionais ou sombras pesadas desnecessárias no logotipo.
Não aplicar o logotipo primário (com texto escuro) sobre fundos pretos sem o contraste adequado.

Manual de Identidade Visual
& Brand Assets Kit

O Símbolo Isométrico Prismático