FightRate React Native Redesign — Direções de Design
Este pacote descarta a direção visual antiga do projeto para fins de exploração.
Não é implementação do app. É um conjunto de propostas profissionais para decidir o design system antes de reconstruir o FightRate em React Native.
Arquivos
00-index.html— visão geral comparativa das direções.01-corner-command.html— direção tática premium, estilo mesa de córner/treino real.02-athlete-lab.html— direção científica, limpa, laboratório de performance.03-fight-night.html— direção editorial/esportiva, energia de evento e combate.04-sensor-instrument.html— direção técnica, instrumentação BLE e telemetria.05-minimal-performance.html— direção minimalista premium, foco máximo em dados úteis.
Regras para próxima etapa
- Não portar o design antigo.
- Não começar React Native antes de escolher uma direção visual.
- Cada direção deve ser avaliada por:
- legibilidade durante treino;
- confiança visual;
- facilidade de virar marca;
- clareza de dados;
- qualidade em telas pequenas;
- viabilidade em React Native.
- Round é secundário. O fluxo principal é captura contínua do treino.
- O design system final deve virar tokens React Native: cores, tipografia, espaçamento, raio, bordas, elevação, estados, motion e componentes.