1500+ fertige mobile React Native App-Screens

Partner
App-Sets

Bothy

12 Screens · Wandern und Outdoor

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

Das Designsystem und alle 12 Screens in einem Prompt. Jeder Screen hat auch seine eigene Seite, kostenlos, wenn du nur einen willst.

Designsystem

Eine Datei, die mit dem Set ausgeliefert wird. Jeder Screen schreibt diese Werte direkt aus, damit er sich einzeln herauslösen lässt, und der Build lehnt einen Screen ab, der eine Farbe malt, die diese Datei nicht benennt.

Farben

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

Skalen

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

Der Ablauf

In der Reihenfolge, in der man ihnen begegnet. Das ist die Abfolge der App selbst, keine Liste von Kategorien.

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, eine App mit 12 Screens | Clevens