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画面すべてをひとつのプロンプトに。1画面だけでよければ、各画面にも無料の個別ページがあります。

デザインシステム

セットに付属する1ファイルです。各画面は単体で取り出せるようにこれらの値を自分の中に書き出しており、このファイルに名前のない色を塗る画面はビルドが弾きます。

カラー

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