Packs
Pacer
37 écrans · Fitness et entraînementA running app built to be read at arm's length
Thirty seven screens of a running app in the Kinetic direction, from first open to settings, where every map is a real map of a Roundhay Park loop in Leeds, every chart is drawn from data, and every distance, pace, climb and total is worked out from the route, its elevation and its splits.
PRO
Le design system et les 37 é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
#0A0A0A
surface
#161616
raised
#222222
line
#262626
grid
#1E1E1E
card
#1C1C1C
mapGround
#0E0E0E
mapGroundSummary
#121212
avatar
#2A2A2A
ahead
#333333
dim
#3A3A3A
band
#4A4A4A
past
#5A5A5A
ink
#FFFFFF
inkSoft
#D4D4D4
inkMuted
#A8A8A8
inkFaint
#8C8C8C
volt
#D7FF3F
onVolt
#0A0A0A
onVoltMuted
#2E3A0A
danger
#D73A41
onDanger
#FFFFFF
alert
#FF6B6B
zones
z1
#6E8BFF
z2
#3FD08B
z3
#FFC53D
z4
#FF8A3D
z5
#FF4D5E
brand
appleButton
#FFFFFF
appleInk
#000000
googleBlue
#4285F4
googleGreen
#34A853
googleYellow
#FBBC05
googleRed
#EA4335
Échelles
radius
none0
toggle14
notification18
space
gutter20
gap10
row16
group18
text
hero124
h146
h232
stat30
label13
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.
First run
9The welcome, three slides that show the real product, five one-question steps and the plan they build, before any account.
