01 — Estrutura da Marca
Marca-mãe & Produto
Pag
Marca-mãe
Núcleo principal da marca. Representa o ecossistema completo de soluções, inovação, tecnologia e evolução financeira. É o centro da experiência.
pag.finance
pag.finance
Produto / Canal técnico
Enquanto a Pag conversa sobre inovação e soluções, o pag.finance aprofunda, explica e estrutura. Essa divisão organiza a comunicação e fortalece a autoridade da marca.
02 — Logo
Variações do Logo
O logo pode ser aplicado em diferentes fundos. Use sempre uma das combinações abaixo para garantir legibilidade e consistência da marca.
Logomarca — 6 variações de fundo
Fundo Branco
Fundo Violet
Fundo CinzaFundo Mint
Fundo PretoFundo Purple/pag_color_1.svg / .png
Fundo branco ou cinza claro
/pag_white_2.svg / .png
Fundo preto ou escuro
/pag_white_1.svg / .png
Fundo colorido (violet, mint, purple)
/logo.svg · /logo.png
Símbolo — uso isolado
Usado em contextos onde a marca já é reconhecida: ícone de app, favicon, avatar de rede social, selos. O gradiente segue sempre a direção teal → violet.
/logo_gray.svg
Zona de proteção & uso monocromático
A zona de proteção mínima (linha roxa tracejada) equivale à altura da letra "P" do wordmark. Nenhum elemento externo deve entrar nessa área. Em contextos monocromáticos, use /logo_gray.svg.
Referência completa de arquivos — /public
Ícone / Símbolo
/logo.svg
Símbolo colorido vetorial — favicons, avatares, ícone de app
/logo.png
Símbolo colorido raster — uso web em tamanhos fixos
/logo_gray.svg
Símbolo monocromático — contextos disabled, zona de proteção
Logomarca completa
/pag_white_2.svg · .png
Fundo escuro — símbolo colorido + texto branco
/pag_white_1.svg · .png
Fundo colorido — símbolo + texto totalmente brancos
/pag_gray_1.svg · .png
Fundo claro — símbolo colorido + texto preto
03 — Cores
Paleta de Cores
Clique em qualquer swatch para copiar o HEX. A paleta foi construída para comunicar tecnologia, fluidez e transformação financeira.
04 — Tipografia
Nimbus Sans
Sans
Weight 300
Weight 400
Weight 700
A Nimbus Sans possui desenho limpo, estrutura equilibrada e excelente legibilidade em diferentes escalas, garantindo consistência tanto em ambientes digitais quanto em materiais institucionais.
Hierarquia tipográfica
05 — Aplicações
Exemplos de Uso
Cartão de Visita
ANDRE
STRAUBE
ANDRE
STRAUBE
Aplicativo Mobile
ConectarPague contas no Brasil
com criptomoedas
Taxas transparentes e liquidação instantânea.
Sinalização / Vitrine
PAGUE CONTAS NO BRASIL
✓ CORRETO
✗ INCORRETO