번들
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.
