Flywheel

화면 8개 · 피트니스 및 트레이닝

An indoor cycling app where every watt is arithmetic

Eight screens of an indoor training app built on one stored number and a list of intervals. Every target, zone, intensity factor, stress score and weekly total on every screen is worked out from an FTP of 268 watts rather than written beside it.

PRO

디자인 시스템과 화면 8개를 프롬프트 하나에 담았습니다. 한 화면만 필요하다면 각 화면에도 무료 페이지가 따로 있습니다.

디자인 시스템

세트와 함께 제공되는 파일 하나입니다. 각 화면은 혼자서도 떼어 쓸 수 있도록 이 값들을 자기 안에 적어 두고, 이 파일에 없는 색을 칠하는 화면은 빌드가 거부합니다.

색

palette

ground

#131316

raised

#1C1C21

sunken

#26262D

line

#33333C

ink

#FFFFFF

inkMuted

#A0A0AA

inkFaint

#6C6C77

accent

#FC6719

onAccent

#131316

zones

#6EA8D8

#2F6FE0

#1FAD6A

#EFC02E

#E23A5E

#9B5DE5

스케일

zoneBounds

z10.55

z20.75

z30.9

z41.05

z51.2

z63

space

gutter20

xs4

sm8

md12

lg16

xl24

xxl32

radius

sm6

md10

lg14

control12

pill999

insetFloor

top12

bottom16

서체

Inter, 4개 굵기

흐름

사람이 마주치는 순서대로 놓았습니다. 카테고리 목록이 아니라 앱 자체의 순서입니다.

Getting on the bike

The three screens between opening the app and turning the pedals, each one narrower than the last.

What it actually was

The ride against the workout that asked for it, and the numbers that move because of it.

Choosing what is next

The block, the library it draws from, and the plan that gates the whole thing.