1500+ màn hình ứng dụng di động React Native sẵn dùng

Đối tác
Bộ ứng dụng

Layover

12 màn hình · Du lịch và lưu trú

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

Design system và cả 12 màn hình trong một prompt. Mỗi màn hình cũng có trang riêng, miễn phí, nếu bạn chỉ cần một.

Design system

Một tệp, đi kèm bộ. Mỗi màn hình tự ghi các giá trị này bên trong nó để có thể tách ra dùng riêng, và bản build từ chối màn hình nào tô một màu mà tệp này không gọi tên.

Màu

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

Thang

radius
tile8
card12
sheet20
pill999
space
gutter20
gap12
row16
section30
text
display30
title20
body15
label12
micro10
Kiểu chữ
Inter, 5 độ đậm

Mạch dùng

Theo thứ tự người ta gặp chúng. Đây là trình tự của chính ứng dụng, không phải một danh sách danh mục.

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, ứng dụng 12 màn hình | Clevens