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.

Out on it

4

The hours that matter. What is left to climb, what the summit will feel like, and how much daylight the walk has against it.

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