O app deve parecer uma peça de equipamento no canto do tatame: forte, confiável e legível de longe. Poucos elementos. Dados grandes. Ação primária óbvia.
Âmbar sinaliza leitura auxiliar; vermelho é ação, pico ou risco. Nada de azul SaaS, nada de verde fitness genérico.
Telas principais
O mesmo sistema aplicado a seis momentos reais do produto.
Coloque a cinta, toque uma vez e largue o celular.
0-10 min
10-31 min
31-47 min
Hoje · 47 min · pico 183
Seg · 61 min · alta carga
Sex · 42 min
Carga cardiovascular alta. Amanhã: técnica leve ou descanso ativo.
Design book visual
Escuro com propósito
A tela ativa usa fundo escuro para reduzir distração no treino. O vermelho não é decoração; é ação, intensidade e risco.
Número primeiro
Display condensado/forte para BPM. Labels pequenos, uppercase e espaçados. Texto longo só no pós-treino.
Material físico
Painéis grandes com raio generoso; campos técnicos com raio médio; badges redondos para estados.
Componentes
Contraste claro para ação crítica.
Motion e uso no React Native
Animação mínima: pulso discreto no status ativo e transições de número. Nada de blur pesado.
Entrada em lista com fade/translate curto. A densidade vem da hierarquia, não de cards infinitos.
Logs e características com expansão progressiva. Dados técnicos precisam de ordem e monospace pontual.