바로 사용 가능한 React Native 모바일 앱 화면 1500+개

제휴
앱 세트

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