Brand Guidelines

Identidade Visual

Guia completo de uso da marca CotaFlow para gráficas, designers e parceiros. Cores, tipografia, logos e regras de aplicação.

Logotipo

Versões oficiais e suas aplicações corretas

Letra C Estilizada

Representa "Cota" e "Consórcio" — o core do negócio. A forma circular remete a ciclo e continuidade.

→

Seta de Fluxo

Simboliza o "Flow" — a fluidez e agilidade das transações. Movimento ascendente indica valorização.

◇

Gradiente 3D

O efeito tridimensional transmite modernidade, tecnologia e profundidade — pilares de uma fintech.

Principal (Azul)

Uso preferencial em fundos claros

Negativa (Branca)

Fundos escuros e fotografias

Monocromática (Preta)

Impressão P&B, carimbos, gravações

Cinza Médio

Documentos internos, marcas d'água

Cinza Escuro

Alternativa para fundos neutros

Tamanho mínimo

Digital: mín. 120px

Impresso: mín. 30mm

Ícone: mín. 16px / 8mm

Ícone / Símbolo

Versão reduzida sem o texto "CotaFlow" — para favicons, avatares e aplicações pequenas

Ícone Azul

Favicons, ícones de app, avatares

Ícone Branco

Fundos escuros, ícones em navegação

Ícone Preto

Impressão P&B, carimbos pequenos

Ícone Cinza

Marcas d'água, backgrounds sutis

Ícone Cinza Claro

Fundos claros, elementos discretos

Paleta de Cores

Cores institucionais, complementares e semânticas

Primárias

Dark Navy

RGB: 10, 22, 40

CMYK: 95, 80, 45, 70

Pantone: 289 C

Navy

RGB: 12, 45, 90

CMYK: 100, 72, 22, 55

Pantone: 295 C

Primary Blue

RGB: 37, 99, 235

CMYK: 78, 56, 0, 0

Pantone: 2728 C

Light Blue

RGB: 58, 165, 224

CMYK: 62, 18, 0, 0

Pantone: 2925 C

Neutras

Background

RGB: 250, 251, 253

Surface

RGB: 255, 255, 255

Border

RGB: 226, 232, 240

Muted Text

RGB: 90, 107, 128

Semânticas (Funcionais)

Sucesso

RGB: 16, 185, 129

Verde Escuro

RGB: 5, 150, 105

Alerta

RGB: 232, 108, 0

Erro

RGB: 239, 68, 68

Gradientes

Gradientes oficiais para fundos e elementos

Principal

Dark Navy → Navy → Primary Blue

Secundário

Primary Blue → Light Blue

Texto

Navy → Primary Blue

Tipografia

Famílias tipográficas e escala de tamanhos

Fonte Display (Títulos)

Plus Jakarta Sans

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz 0123456789

Regular 400

Medium 500

SemiBold 600

Bold 700

ExtraBold 800

Fonte Body (Corpo de texto)

DM Sans

ABCDEFGHIJKLMNOPQRSTUVWXYZ

abcdefghijklmnopqrstuvwxyz 0123456789

Regular 400

Medium 500

SemiBold 600

Bold 700

Escala Tipográfica

H1 / Hero48px / ExtraBoldNegocie cotas

H2 / Seção28px / BoldComo funciona

H3 / Subtítulo20px / SemiBoldMotor de Confiança

Body16px / RegularMarketplace P2P de cotas de consórcio.

Small14px / RegularDados auditados via RPA

Caption12px / MediumABAC 2025 · Fonte: Banco Central

Fonte de apoio: Quando Plus Jakarta Sans e DM Sans não estiverem disponíveis (e-mails, Word), utilize Arial ou Helvetica como fallback.

Regras de Uso

O que pode e o que não pode ser feito com a marca

Correto

✓Usar sempre os arquivos oficiais fornecidos
✓Manter as proporções originais (não distorcer)
✓Respeitar a área de proteção mínima
✓Usar versão branca sobre fundos escuros
✓Usar versão preta para impressão monocromática
✓Manter contraste mínimo de 4.5:1 com o fundo

Incorreto

✗Alterar as cores do logotipo
✗Rotacionar ou inclinar o logo
✗Aplicar sombras, contornos ou efeitos extras
✗Usar sobre fundos que comprometam a leitura
✗Redesenhar ou recriar o ícone manualmente
✗Usar abaixo do tamanho mínimo (30mm / 120px)

Nota para gráficas: Para impressão offset ou serigrafia, solicite os arquivos em formato SVG ou AI (Adobe Illustrator) vetorizados ao time de tecnologia. Os PNGs disponíveis possuem resolução adequada para digital e impressão até formato A4.