1500+ 件のすぐ使える React Native モバイルアプリ画面

アフィリエイト
アプリセット

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画面すべてをひとつのプロンプトに。1画面だけでよければ、各画面にも無料の個別ページがあります。

デザインシステム

セットに付属する1ファイルです。各画面は単体で取り出せるようにこれらの値を自分の中に書き出しており、このファイルに名前のない色を塗る画面はビルドが弾きます。

カラー

palette
ground
#131316
raised
#1C1C21
sunken
#26262D
line
#33333C
ink
#FFFFFF
inkMuted
#A0A0AA
inkFaint
#6C6C77
accent
#FC6719
onAccent
#131316
zones
z1
#6EA8D8
z2
#2F6FE0
z3
#1FAD6A
z4
#EFC02E
z5
#E23A5E
z6
#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

3

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

What it actually was

2

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

Choosing what is next

3

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

Flywheel、8画面のアプリ | Clevens