O Sistema de
Design da Marca
Maggium

Todo valor visual vem de um token que já existe, nenhuma cor, fonte ou espaçamento inventado na hora

Cabeçalho, menu, rodapé e controle de tema são o mesmo objeto em toda página, só o rótulo muda

Nos temas escuro, entardecer e claro, cada página mantém a mesma hierarquia, componentes e legibilidade. Muda a atmosfera visual; contraste, estados e comportamento continuam previsíveis.

Cada página abre sozinha no navegador, sem servidor, sem build, sem dependência externa

No código, cada parte recebe a função que realmente exerce: título é título, botão é ação e navegação é navegação. Isso deixa a página compreensível para pessoas, leitores de tela, buscadores e IA, sem erros ou identificadores repetidos.

Nasce em 375px e cresce para 768, 1024 e 1440, regra de um breakpoint nunca vaza para outro

Animação orienta, nunca impressiona, e sempre com saída para quem não pode ver movimento

Ícone é SVG inline, emoji é proibido porque você não controla o que o cliente vê

Nada de placeholder e nada de dado que envelheceu, contador desatualizado é placeholder disfarçado

Número, case ou depoimento só entra com origem e autorização registradas

Todo texto informa, prova, diferencia ou conduz, texto que não faz nada disso sai

WCAG AA nos quatro pilares e em todas as fases de tema, não só contraste

Um H1 com a promessa principal, H2 são argumentos, H3 são detalhes, sem pular nível

Normal, hover, foco, ativo, desabilitado, carregando, erro e vazio, todos desenhados

Nenhuma página começa pelo desenho, começa pelo mapa de atenção, interesse, prova e decisão

Todo elemento justifica sua presença pelo que faz na conversão, estética serve à conversão

LCP abaixo de 2,5 segundos, cada segundo a mais é conversão perdida

Encontrável por buscador e por IA, pronta para medição e sempre com consentimento