Pacotes
Pacer
37 telas · Fitness e treinoA 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
O design system e as 37 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
#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
Escalas
radius
none0
toggle14
notification18
space
gutter20
gap10
row16
group18
text
hero124
h146
h232
stat30
label13
O percurso
Na ordem em que alguém as encontra. É a sequência do próprio app, não uma lista de categorias.
First run
9The welcome, three slides that show the real product, five one-question steps and the plan they build, before any account.
