AppFitness

Quem treina em academia sabe como os aplicativos tradicionais são chatos de usar. Telas cheias de opções confusas, botões minúsculos difíceis de clicar com a mão suada e lentidão pra carregar qualquer ficha quando a internet do celular oscila.

O AppFitness foi desenhado do zero pra resolver isso. A interface utiliza o conceito de vidro líquido (Liquid Glass), combinando elegância visual com botões grandes e navegação rápida de polegar. O aluno abre o app, vê a série do dia imediatamente e marca as repetições sem distração. O treinador ganha um painel limpo pra acompanhar a evolução dos alunos e ajustar cargas em segundos.

Design System e Engenharia de Frontend

O AppFitness foi construído com foco em estética premium e resposta instantânea:

• Design Tokens em CSS Puro: Sistema de variáveis desacoplado que controla paletas pastel de fundo, níveis de desfoque (--glass-blur), sombras translúcidas e reflexos especulares. Roda liso a 60 quadros por segundo em smartphones sem depender de bibliotecas pesadas de animação.

• Tipografia e Ergonomia: Combinação harmônica da fonte display Instrument Serif para títulos expressivos com Geist para corpo de texto, garantindo legibilidade perfeita mesmo sob luz solar direta.

• Arquitetura Reativa com TypeScript e Vite: Aplicação leve com empacotamento otimizado, suporte a funcionamento offline via Service Workers e persistência local para nunca perder o registro do treino durante quedas de conexão.

• Acessibilidade e Contraste WCAG AA: Todas as camadas de transparência foram calibradas contra a paleta de tinta escura para manter contraste adequado e conforto visual em longos períodos de uso.