1500+ готовых экранов мобильных приложений на React Native

Партнёрам
Наборы приложений

Interval

12 экранов · Фитнес и тренировки

Training measured in zones, not in minutes

Twelve screens of an interval training app built on the one measurement that makes a hard session honest, which heart rate zone the work actually happened in, with every zone boundary, time in zone, session load and weekly total on every screen derived from a maximum and a threshold rather than asserted beside the timer.

PRO

Дизайн-система и все 12 экранов в одном промпте. У каждого экрана есть и своя бесплатная страница, если нужен только один.

Дизайн-система

Один файл, идущий вместе с набором. Каждый экран выписывает эти значения внутри себя, чтобы его можно было забрать по отдельности, а сборка отклоняет экран, который красит цветом, не названным в этом файле.

Цвета

palette
ground
#000000
raised
#121212
sunken
#1C1C1C
line
#2A2A2A
ink
#FFFFFF
inkMuted
#A0A0A0
inkFaint
#6A6A6A
accent
#C8E600
onAccent
#12160A
data
zone1
#3B6FD4
zone2
#35D6C0
zone3
#8C9440
zone4
#C2542F
zone5
#7A2320
neutral
#333333

Шкалы

radius
tile10
card14
sheet22
pill999
space
gutter20
gap12
row15
section28
text
display54
title21
body15
label12
micro10
Шрифт
Inter, 5 начертания

Порядок

В том порядке, в каком с ними встречаются. Это последовательность самого приложения, а не список категорий.

Planning the work

4

Deciding what today is for. A week that balances hard against easy, a session written as rounds rather than prose, and the editor that shapes it.

Doing it

4

The four screens that exist for someone out of breath. Large figures, one decision at a time, and the zone ring that says whether the effort is landing where it was meant to.

Seeing it add up

4

What a month of this actually did. Sessions behind you, the trend they make, the watch strapped to your wrist, and the account holding it together.

Interval, приложение из 12 экранов | Clevens