29 lines
1.4 KiB
Markdown
29 lines
1.4 KiB
Markdown
# 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
|
|
|
|
1. Não portar o design antigo.
|
|
2. Não começar React Native antes de escolher uma direção visual.
|
|
3. 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.
|
|
4. Round é secundário. O fluxo principal é captura contínua do treino.
|
|
5. O design system final deve virar tokens React Native: cores, tipografia, espaçamento, raio, bordas, elevação, estados, motion e componentes.
|