Better Web Interface

Desenhe a web como um sistema, não como páginas soltas. Mesma hierarquia, ritmo e significado visual em todo o produto — desktop e mobile web.

Complementa design-system (tokens/componentes de produto), react-component-engineering (API de componentes) e storybook-docs (documentação viva). Identidade e anti-genérico de IA: frontend-design. Nav de topo: better-headers. Formulários: better-forms. Mobile nativo: better-mobile-interface.

Resultado esperado

• Hierarquia óbvia em poucos segundos; uma ação primária clara por view.
• Espaçamento, tipo, raio e cor consistentes entre rotas e breakpoints.
• Light/dark (se o produto tiver) com os mesmos roles semânticos.
• Responsivo sem “versão mobile” inventada com outros padrões.
• Acessível: contraste, foco, teclado, prefers-reduced-motion.

Antes de desenhar