1500+ ready React Native mobile app screens

Affiliates
App sets

Bothy

12 screens · Hiking and the outdoors

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

The design system and all 12 screens in one prompt. Each screen is also on its own page, free, if you only want one.

Design system

One file, shipped with the set. Every screen declares these values inline so it can be lifted out on its own, and the build refuses a screen that paints a colour this file does not name.

Colours

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

Scales

radius
tile10
card16
sheet24
pill999
space
gutter20
gap12
row16
section28
text
display32
title20
body15
label12
micro10
Typeface
Inter, 5 weights

The flow

In the order somebody meets them. This is the app's own sequence, not a list of categories.

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, a 12 screen app | Clevens