1500+ telas de app mobile React Native prontas para usar

Afiliados
Conjuntos de apps

Interval

12 telas · Fitness e treino

Training measured in zones, not in minutes

Twelve screens of an interval training app built on the one measurement that makes a hard session honest, which heart rate zone the work actually happened in, with every zone boundary, time in zone, session load and weekly total on every screen derived from a maximum and a threshold rather than asserted beside the timer.

PRO

O design system e as 12 telas em um único prompt. Cada tela também tem a própria página, de graça, se você quiser só uma.

Design system

Um arquivo, incluído no conjunto. Cada tela declara esses valores inline para poder ser retirada sozinha, e o build recusa uma tela que pinte uma cor que este arquivo não nomeia.

Cores

palette
ground
#000000
raised
#121212
sunken
#1C1C1C
line
#2A2A2A
ink
#FFFFFF
inkMuted
#A0A0A0
inkFaint
#6A6A6A
accent
#C8E600
onAccent
#12160A
data
zone1
#3B6FD4
zone2
#35D6C0
zone3
#8C9440
zone4
#C2542F
zone5
#7A2320
neutral
#333333

Escalas

radius
tile10
card14
sheet22
pill999
space
gutter20
gap12
row15
section28
text
display54
title21
body15
label12
micro10
Tipografia
Inter, 5 pesos

O percurso

Na ordem em que alguém as encontra. É a sequência do próprio app, não uma lista de categorias.

Planning the work

4

Deciding what today is for. A week that balances hard against easy, a session written as rounds rather than prose, and the editor that shapes it.

Doing it

4

The four screens that exist for someone out of breath. Large figures, one decision at a time, and the zone ring that says whether the effort is landing where it was meant to.

Seeing it add up

4

What a month of this actually did. Sessions behind you, the trend they make, the watch strapped to your wrist, and the account holding it together.

Interval, um app de 12 telas | Clevens