PMS — Manual de Estilo e Design (v4.2)
Princípio Central
O Portal Melhor Saber não é um site comum.
É uma infraestrutura de percepção, leitura e decisão.
Cada escolha foi definida com base em:
- Padrões dos maiores portais globais
- Neurociência cognitiva
- Teoria das cores aplicada à conversão
- Engenharia de leitura digital
Nada é aleatório.
Tudo é intencional.
1. Filosofia do Design
Clareza gera confiança
Interfaces limpas reduzem esforço mental.
Hierarquia guia o cérebro
O usuário não lê, ele escaneia.
Contraste direciona atenção
O olho segue o que se destaca.
Consistência gera autoridade
Padrão repetido fortalece a marca.
2. Sistema de Cores
O PMS utiliza três pilares:
Autoridade (Verde Petróleo)
Confiança, estabilidade, inteligência.
Ação (Verde CTA)
Cliques, decisões, conversão.
Sofisticação (Dourado + Champanhe)
Valor, exclusividade, percepção premium.
Fundamento científico:
Verde → segurança e progresso
Escuro → credibilidade
Claro → conforto visual
Dourado → percepção de valor
Resultado: interface que guia e converte.
3. Sistema Tipográfico
Escaneabilidade máxima com esforço mínimo
Base:
Fonte Inter
Sistema clamp responsivo
Hierarquia progressiva
Peso de 800 a 400
Como o cérebro lê:
Impacto → seleção → profundidade
Decisões:
Títulos grandes
Baseados em Apple, Stripe e portais globais
Objetivo: capturar atenção
Texto principal em 16px
Menor esforço, maior retenção
Texto mínimo em 11px
Uso exclusivo para metadados
Ajustes finos:
Letter-spacing controlado
Line-height progressivo
Equilíbrio de peso
4. Sistema Responsivo
Uso de clamp()
Permite:
- Menos complexidade
- Fluidez entre telas
- Melhor performance
Funcionamento:
Mínimo (mobile)
Escala fluida
Máximo (desktop)
5. Experiência e Comportamento
O PMS foi projetado para:
- Reduzir esforço de leitura
- Aumentar permanência
- Facilitar decisão
Efeitos:
Leitura mais rápida
Menos fadiga
Mais retenção
Mais conversão
6. Padrão Global e Diferencial
Segue:
Boas práticas globais
Legibilidade
Estrutura moderna
Diferencia:
Clareza agressiva
Sistema simples (MISMIC)
Foco em conversão
7. Visão de Longo Prazo
O PMS é:
- Escalável
- Automatizável
- Consistente
- Atemporal
Objetivo:
- Máquina de conteúdo
- Ativo digital contínuo
- Autoridade automatizada
Conclusão
O PMS não é apenas design.
É:
- Engenharia de percepção
- Arquitetura de atenção
- Sistema de decisão
Fluxo:
Olhar → leitura → ação
Fechamento
- Sistema coerente
- Base científica válida
- Alinhado ao mercado global
- Pronto para escalar