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

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

Bothy

12 экранов · Походы и активный отдых

A walking app that tells you what the ground is actually like

Twelve screens of a hill walking app built around the question every trails app answers badly, which is whether you can actually do this walk today, with every distance, ascent, estimated time, way type share, summit temperature, daylight margin and yearly total on every screen computed from one route and one log rather than asserted beside them.

PRO

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

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

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

Цвета

palette
ground
#FFFFFF
raised
#F5F4F1
sunken
#EBEAE5
line
#E1DFD9
ink
#141613
inkMuted
#62655C
inkFaint
#8D9086
accent
#5F7D2E
onAccent
#FFFFFF
terrain
road
#6E737A
gravel
#C08A3E
path
#3F6B4A
rough
#8C5A46
steep
#C4453A
neutral
#D9D7D1

Шкалы

radius
tile10
card16
sheet24
pill999
space
gutter20
gap12
row16
section28
text
display32
title20
body15
label12
micro10
Шрифт
Inter, 5 начертания

Порядок

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

Finding a walk

4

Choosing where to go. Filters that are about effort rather than mood, a route page that shows the climb and the surface, and the line of it on the ground.

Afterwards

4

What it came to. One walk broken into its climbs, a year of walking added up, and the shelf of routes still waiting.

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