Наборы
Pacer
37 экранов · Фитнес и тренировкиA 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
Дизайн-система и все 37 экранов в одном промпте. У каждого экрана есть и своя бесплатная страница, если нужен только один.
Дизайн-система
Один файл, идущий вместе с набором. Каждый экран выписывает эти значения внутри себя, чтобы его можно было забрать по отдельности, а сборка отклоняет экран, который красит цветом, не названным в этом файле.
Цвета
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
Шкалы
radius
none0
toggle14
notification18
space
gutter20
gap10
row16
group18
text
hero124
h146
h232
stat30
label13
Порядок
В том порядке, в каком с ними встречаются. Это последовательность самого приложения, а не список категорий.
First run
9The welcome, three slides that show the real product, five one-question steps and the plan they build, before any account.
