Brand Hub v1.1
Assets & Tokens
Avatar Referência Nacional Desde 2007

Manual de Marca & Design System

Bem-vindo ao portal oficial da marca Prosperagua. Este guia consolida o ecossistema visual, diretrizes de aplicação, área de proteção, regras de uso, tokens de design e mockups oficiais para posicionar a marca como líder incontestável em purificação de água no Brasil.

Logotipo Prosperagua Vertical Branca
O Shopping dos Purificadores · Desde 2007
01. Fundamentos

Plataforma de Marca & Storytelling

O propósito que move a Prosperagua há mais de 18 anos no mercado de purificação e tratamento de água.

Missão

Levar saúde, bem-estar, praticidade e confiança para cada cliente através de soluções completas em filtragem e purificação de água, independentemente do tamanho da demanda.

Visão

Ser reconhecida como a empresa líder e mais confiável em soluções de purificação e água de alta pureza no Brasil, impulsionando sustentabilidade, tecnologia e capacitação contínua.

Valores

Confiança & Transparência: Parceria sólida e honesta.
Atendimento Próximo: Cuidado genuíno com as necessidades do cliente.
Inovação: Tecnologia de ponta em filtragem.
Sustentabilidade: Redução do plástico e respeito à água.

Universo Visual da Marca

Território Visual: Pureza, Saúde Familiar & Tecnologia

Imagens que conectam água cristalina, famílias saudáveis, aço inoxidável e design contemporâneo.

Universo Visual Prosperagua
02. Logomarca

Diretrizes do Logotipo & Variações Oficiais

Variações principais, uso em fundos claros e versão branca obrigatória para fundos escuros.

Testar Fundo:
Marca Horizontal Prosperagua
Marca Horizontal
Uso Principal · Fundos Claros
Marca Horizontal Branca Prosperagua
Marca Horizontal Branca
Obrigatória em Fundos Escuros
Marca Vertical Prosperagua
Marca Vertical
Totens e Banners · Fundos Claros
Marca Vertical Branca Prosperagua
Marca Vertical Branca
Obrigatória em Fundos Escuros
Símbolo Avatar Prosperagua
Símbolo Circular / Avatar ("P")
Favicon · Apps · Redes Sociais · Selos
02.1 Geometria & Respiro

Área de Proteção (Safe Area)

A margem de segurança indispensável para preservar o impacto, legibilidade e integridade da marca e do símbolo.

X X X X Área de Proteção Marca Horizontal
X X X X Área de Proteção Símbolo Avatar

Módulo "X" de Referência

O módulo X corresponde à largura da haste e do aro interno do símbolo "P". Todas as 4 margens ao redor da marca e do símbolo devem ter no mínimo a dimensão 1X.

Zona de Não-Interferência

Nenhum elemento gráfico, tipográfico, foto de produto, vinco ou borda de página pode invadir a área delimitada pela caixa tracejada ao redor do logotipo ou do avatar.

Reduções Mínimas

Digital: Mínimo de 80px (horizontal) e 16px (avatar/favicon).
Impresso: Mínimo de 25mm (horizontal) e 8mm (avatar).

02.2 Governança

Exemplos de Não Utilização (Usos Proibidos)

Exemplos visuais do que NUNCA deve ser feito com a identidade visual da Prosperagua.

PROIBIDO Distorção Proibida
Não Distorcer ou Achatar

Nunca altere a proporção entre altura e largura. Mantenha sempre a escala travada (1:1).

PROIBIDO Cor Incorreta
Não Alterar as Cores

Não utilize cores não homologadas (como vermelho, verde, laranja ou degradês não oficiais).

PROIBIDO Rotação Incorreta
Não Rotacionar

O logotipo deve ser mantido sempre na horizontal original, sem inclinações arbitrárias.

PROIBIDO Sombras Pesadas
Sem Sombras Pesadas ou Chanfros

É proibido aplicar contornos fluorescentes, chanfros metálicos 3D ou sombras duras.

PROIBIDO Baixo Contraste
Logo Azul em Fundo Escuro

Em fundos escuros, utilize obrigatoriamente a Marca Vertical Branca para preservar a visibilidade.

PROIBIDO Avatar Deformado
Não Deformar o Avatar / Símbolo

Nunca distorça, rotacione o "P", inverta o degradê ou descaracterize o círculo do avatar.

03. Paleta Cromática

Cores Institucionais & Tokens

Valores exatos para impressão gráfica (CMYK/Pantone) e interfaces digitais (HEX/RGB/WCAG). Clique nos valores para copiar.

Paleta Principal (Core Identity)

WCAG AAA (12.4:1)

Prosper Navy

Azul Profundo Institucional — Solidez, confiança, tradição e autoridade desde 2007.

HEX #1F3160 Copiar
RGB 31, 49, 96 Copiar
CMYK 95, 82, 32, 22 Copiar
PANTONE 2768 C Copiar
WCAG AA s/ Navy

Aqua Pure

Azul Água Cristalina — Pureza, frescor, tecnologia e mineralização saudável.

HEX #8FC7D7 Copiar
RGB 143, 199, 215 Copiar
CMYK 42, 6, 11, 0 Copiar
PANTONE 630 C Copiar

Paleta Secundária & Tons de Apoio

Mineral Deep
HEX #0B132B
Ocean Flow
HEX #00779E
Cyan Vibrant
HEX #00B4D8
Ice Blue Flow
HEX #F0F8FA
04. Tipografia

Sistema Tipográfico & Hierarquia

Famílias tipográficas oficiais para logotipo, slogans, títulos e interfaces digitais.

Morsive
Uso exclusivo: Logotipo, Assinaturas Master e Títulos Display Institucionais
Avatar Fonte da Marca
prosperagua
Aplicações Oficiais: Marca Horizontal

Tipografia geométrica com forte dinâmica itálica, simbolizando o fluxo constante e ágil da água tratada.

Bebas Neue Pro
Uso: Tagline "o shopping dos purificadores", Selos, Banners e Destaques Numéricos
Fonte da Tagline
O SHOPPING DOS PURIFICADORES

Tipografia condensada e imponente que garante alto impacto visual e legibilidade mesmo em espaços reduzidos.

Plus Jakarta Sans & Inter
Uso: Textos corridos, especificações técnicas de purificadores, botões e tabelas
Fonte de UI & Leitura
Nível Tamanho / Altura Peso Exemplo Visual
H1 Heading 2.25rem (36px) / 1.2 Bold (700) Água Pura com Saúde e Vitalidade
H2 Heading 1.75rem (28px) / 1.3 SemiBold (600) Soluções para Empresas e Residências
Body Text 1.00rem (16px) / 1.6 Regular (400) Nossos purificadores possuem certificação máxima do Inmetro em retenção de cloro e eficiência bacteriológica.
Caption / Label 0.80rem (12.8px) / 1.4 Medium (500) Refil Original Classe A
05. Biblioteca UI

Design System & Componentes

Biblioteca de componentes prontos para uso em interfaces digitais, e-commerce e portais de atendimento.

Botões & Gatilhos de Ação (Buttons)
Interativo
<!-- Botão Primário Navy com Avatar Oficial -->
<button class="pa-btn pa-btn-primary">
  <img src="assets/avatar.svg" style="width:18px;height:18px;border-radius:50%;">
  <span>Comprar Purificador</span>
</button>

<!-- Botão Aqua Pure -->
<button class="pa-btn pa-btn-aqua">Agendar Instalação</button>

<!-- Botão WhatsApp Suporte -->
<button class="pa-btn pa-btn-whatsapp">Falar com Técnico</button>
Cards de Purificadores & Filtros
E-commerce UI
Avatar Mais Vendido Purificador Prosper Pure Touch
Residencial / Família

Purificador Prosper Pure Touch

  • Água Natural, Gelada e Quente
  • Retenção de Cloro Classe A (Inmetro)
  • Instalação Grátis em até 48h
Avatar Industrial Pro Central HidroFlow
Indústrias & Restaurantes

Central de Filtração HidroFlow

  • Vazão de até 3.000 L/hora
  • Retirada total de sedimentos e ferro
  • Suporte técnico preventivo periódico
Avatar Pronta Entrega Refil Carvão Ativado
Manutenção & Troca

Refil Carvão Ativado UltraPure

  • Vida útil de 6 a 9 meses
  • Compatibilidade universal
  • Alerta digital de troca via WhatsApp
Selos & Badges de Qualidade com Símbolo Oficial
Avatar Referência Desde 2007 Avatar Retenção de Cloro Classe A Avatar Água Pura & Mineralizada Avatar Garantia Oficial Prosperagua Avatar Instalação Express em 24h Avatar O Shopping dos Purificadores
07. Motion & Vídeos

Identidade em Movimento

Produções audiovisuais que traduzem a essência da marca Prosperagua — a pureza da água, a confiança do atendimento e o dinamismo da tecnologia.

Emocional & Institucional

Filme Institucional — Água que Cuida

Narrativa emocional que conecta a Prosperagua à saúde e bem-estar das famílias brasileiras. Aplicação em redes sociais, YouTube e apresentações corporativas.

Elegância & Premium

Cinemático de Produto — Linha Premium

Tratamento cinematográfico elegante para apresentação da linha premium de purificadores. Ideal para campanhas de mídia paga e materiais de ponto de venda.

08. Arquivos Oficiais

Central de Downloads & Assets

Acesso direto a todos os arquivos oficiais da marca em alta resolução (SVG e PNG), pacote ZIP completo, tokens de código e diretrizes.

★ Pacote Completo da Marca

Download do Brand Kit Completo (ZIP)

Inclui todas as 5 variações em SVG (Vetor), PNG (Alta Resolução 1920px), Tokens (JSON/CSS) e Manual de Marca.

Baixar Brand Kit (.ZIP)
Vetor SVG

Vetores Escaláveis (SVG)

Arquivos vetoriais ideais para web, impressão gráfica e design:

Raster PNG

Alta Resolução (PNG)

Imagens com fundo transparente (1920px) para apresentações e redes:

Código & Docs

Tokens & Diretrizes

Arquivos de código e manual de governança de marca: