1500+ écrans d'app mobile React Native prêts à l'emploi

Affiliés
Ensembles d’apps

Interval

12 écrans · Fitness et entraînement

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

Le design system et les 12 écrans dans un seul prompt. Chaque écran a aussi sa propre page, gratuite, si vous n’en voulez qu’un.

Design system

Un fichier, livré avec l’ensemble. Chaque écran déclare ces valeurs en dur pour pouvoir être extrait seul, et la compilation refuse un écran qui peint une couleur que ce fichier ne nomme pas.

Couleurs

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

Échelles

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

Le parcours

Dans l’ordre où on les rencontre. C’est la séquence de l’app elle-même, pas une liste de catégories.

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, une app de 12 écrans | Clevens