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

Affiliés
Ensembles d’apps

Flywheel

8 écrans · Fitness et entraînement

An indoor cycling app where every watt is arithmetic

Eight screens of an indoor training app built on one stored number and a list of intervals. Every target, zone, intensity factor, stress score and weekly total on every screen is worked out from an FTP of 268 watts rather than written beside it.

PRO

Le design system et les 8 é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
#131316
raised
#1C1C21
sunken
#26262D
line
#33333C
ink
#FFFFFF
inkMuted
#A0A0AA
inkFaint
#6C6C77
accent
#FC6719
onAccent
#131316
zones
z1
#6EA8D8
z2
#2F6FE0
z3
#1FAD6A
z4
#EFC02E
z5
#E23A5E
z6
#9B5DE5

Échelles

zoneBounds
z10.55
z20.75
z30.9
z41.05
z51.2
z63
space
gutter20
xs4
sm8
md12
lg16
xl24
xxl32
radius
sm6
md10
lg14
control12
pill999
insetFloor
top12
bottom16
Typographie
Inter, 4 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.

Getting on the bike

3

The three screens between opening the app and turning the pedals, each one narrower than the last.

What it actually was

2

The ride against the workout that asked for it, and the numbers that move because of it.

Choosing what is next

3

The block, the library it draws from, and the plan that gates the whole thing.

Flywheel, une app de 8 écrans | Clevens