1500+ gotowych ekranów aplikacji mobilnych React Native

Partnerzy
Zestawy aplikacji

Interval

12 ekranów · Fitness i trening

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

System projektowy i wszystkie 12 ekranów w jednym promptcie. Każdy ekran ma też własną stronę, za darmo, jeśli chcesz tylko jeden.

System projektowy

Jeden plik, dostarczany razem z zestawem. Każdy ekran wypisuje te wartości u siebie, żeby dało się go wyjąć samodzielnie, a build odrzuca ekran malujący kolor, którego ten plik nie nazywa.

Kolory

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

Skale

radius
tile10
card14
sheet22
pill999
space
gutter20
gap12
row15
section28
text
display54
title21
body15
label12
micro10
Krój pisma
Inter, 5 odmiany

Przebieg

W kolejności, w jakiej się je napotyka. To sekwencja samej aplikacji, a nie lista kategorii.

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, aplikacja na 12 ekranów | Clevens