Bundles
Pacer
37 Screens · Fitness und TrainingA 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
Das Designsystem und alle 37 Screens in einem Prompt. Jeder Screen hat auch seine eigene Seite, kostenlos, wenn du nur einen willst.
Designsystem
Eine Datei, die mit dem Set ausgeliefert wird. Jeder Screen schreibt diese Werte direkt aus, damit er sich einzeln herauslösen lässt, und der Build lehnt einen Screen ab, der eine Farbe malt, die diese Datei nicht benennt.
Farben
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
Skalen
radius
none0
toggle14
notification18
space
gutter20
gap10
row16
group18
text
hero124
h146
h232
stat30
label13
Der Ablauf
In der Reihenfolge, in der man ihnen begegnet. Das ist die Abfolge der App selbst, keine Liste von Kategorien.
First run
9The welcome, three slides that show the real product, five one-question steps and the plan they build, before any account.
