Design SystemHydroPumps Service
Tipografia, cores, superfícies, componentes e padrões para uma presença digital técnica, premium e consistente.
Logo & Marca
Ícone e logo direto na interface, sem containers brancos envolvendo. Em fundos escuros, usar a versão com texto branco.
Ícone e Logos — Clara e Escura
Ícone
Logo · ClaraLogo · EscuraVariações
Ícone · LightÍcone · DarkLogo · CompactaLogo · Dark CompactaPaleta de Cores
Surface #EDF2F6 sustenta a marca com leveza técnica. Highlight #FAFCFE + Shadow #D5DEE7 criam profundidade discreta, sem competir com o azul da HydroPumps.
Surface & Neumorphic
#EDF2F6#FAFCFE#D5DEE7#18314BBlue — Brand Primary
#0F6CB8#1183D4#2597E2#6BB9EA#D8EAF5Text & Status
#172B3F#44576B#718294#059669#D97706#DC2626Neumorfismo
Profundidade com controle. Relevos e cavidades calibrados para a superfície da marca — sutil, polido, nunca pesado.
Light Surface
--nm-subtle--nm-raised--nm-raised-md--nm-raised-lg--nm-pressed--nm-pressed-mdDark Surface
--nm-dk-raised--nm-dk-pressedTipografia
Exo 2 nos títulos para conversar com o desenho técnico e angular da logo. IBM Plex Sans na interface para manter leitura, sobriedade e confiança.
52px / 80044px / 80032px / 70022px / 70017px / 60016px / 40013px / 40011px / 600 / upper13px / 500Iconografia
Ícone da marca (gota 3D) + Lucide CDN para interface. Curadoria industrial: apenas ícones relevantes para bombeamento, operação e infraestrutura.
Brand Icon
Industry
Navigation & Contact
Cards
Sistema de cards com quatro tratamentos visuais distintos: superfície, dark, pattern blue-header e full blue. Cada um com função específica na hierarquia de conteúdo.
Classic (Raised, Dark, Accent)
Manutenção de Bombas Centrífugas
Preventiva e corretiva. Balanceamento dinâmico, selos mecânicos, alinhamento a laser.
Presentes nas maiores usinas do Brasil
Itaipu, Belo Monte, Tucuruí, Jirau e mais de 10 UHEs.
Assistência em Campo
Atendimento emergencial na planta industrial. Tempo de parada mínimo.
Blue Header + Brand Line Patterns
Bombas Centrífugas
Projeto, manutenção e reparo de bombas centrífugas para alta vazão e pressão.
Assistência Técnica em Campo
Equipe especializada diretamente na sua planta industrial. Cobertura nacional.
Full Blue Cards + Brand Line Patterns
Usinas Hidrelétricas
Presentes em Itaipu, Belo Monte, Tucuruí, Jirau e mais de 10 UHEs em todo o Brasil.
Siderurgia & Mineração
Soluções robustas para processos críticos de alta temperatura e corrosão.
Petróleo & Gás
Equipamentos certificados e em conformidade com padrões API internacionais.
Blue Accent Bar (Left)
Brand Patterns — Família Visual
Números da Marca
Contadores para destaque de métricas institucionais: anos de mercado, projetos realizados, cobertura e disponibilidade. Dois tratamentos visuais: raised e inset.
Raised
Inset (Dark)
Formulários
Inputs com pressed inset para feedback tátil. Focus ring em azul primário. Estrutura para captação de contato e solicitações comerciais.
Dark (Preferido)
Light (Alternativo)
Segmentos de Atuação
Seis mercados industriais onde a HydroPumps opera com expertise técnica comprovada — de usinas hidrelétricas ao petróleo e gás.
Seções Compostas
Blocos estruturais do site: Hero para impacto imediato, CTA para conversão e Section Header para introdução limpa de cada seção de conteúdo.
Hero Banner
Soluções Especializadas em Bombeamento Industrial
Manutenção, reparo e fornecimento de peças para bombas centrífugas e verticais.
CTA Banner
Section Header
Soluções Técnicas Especializadas
Equipe qualificada e infraestrutura completa para atender todo o Brasil.
Espaçamento
Escala base 4px com 11 incrementos. Garante consistência de ritmo visual em todos os componentes e layouts do sistema.
Design Tokens
Variáveis CSS completas e prontas para uso. Compatíveis com Tailwind v4 @theme. O :root deste arquivo é a fonte de verdade do sistema visual.