1500+ 件のすぐ使える React Native モバイルアプリ画面

アフィリエイト
アプリセット

Layover

12画面 · 旅行・宿泊

A trip planner that adds up

Twelve screens of a multi city trip planner built on the parts a photograph cannot show, which are the connections between legs, the hours a timezone quietly takes, and whether the whole thing is still inside its budget, with every duration, arrival time, running total and packing count derived from the itinerary rather than typed beside it.

PRO

デザインシステムと12画面すべてをひとつのプロンプトに。1画面だけでよければ、各画面にも無料の個別ページがあります。

デザインシステム

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

カラー

palette
ground
#FFFFFF
field
#F2F2F2
sunken
#E9E9E9
line
#E4E4E4
ink
#141414
inkMuted
#6B6B6B
inkFaint
#9B9B9B
accent
#E8734A
onAccent
#FFFFFF
data
booked
#1E8449
transit
#2F6BFF
alert
#C4362C
neutral
#C9C9C9

スケール

radius
tile8
card12
sheet20
pill999
space
gutter20
gap12
row16
section30
text
display30
title20
body15
label12
micro10
書体
Inter、5ウェイト

流れ

人が出会う順に並べています。カテゴリーの一覧ではなく、アプリ自身の順序です。

The trip

4

The shape of nine days across three cities. A timeline rather than a gallery, because the useful question is what connects to what.

Getting there and staying

4

The bookings that make a plan real. Flights and trains compared on time rather than on price alone, somewhere to sleep, the payment, and the papers.

While you are there

4

What a planner owes you once the trip has started. What is left in the budget, what the clock is doing, and whether you packed the adaptor.

Layover、12画面のアプリ | Clevens