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

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

Siding

12 màn hình · Tàu, xe điện và xe buýt

A transit app that tells you where the thirty nine minutes go

Twelve screens of a city transport app built around the thing every journey planner hides, which is that most of a trip is spent walking and waiting rather than moving, with every departure, wait, interchange, line diagram position, fare and daily cap on every screen computed from one network and one timetable rather than asserted beside them.

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
raised
#F5F6F7
sunken
#EAECEE
line
#DFE2E5
ink
#12161A
inkMuted
#5C636B
inkFaint
#878E96
accent
#173463
onAccent
#FFFFFF
network
lineRed
#E03127
lineBlue
#2E6FD9
lineOrange
#F08521
lineBrown
#8C6239
lineTeal
#0F7B8A
onTime
#177245
delayed
#B42318
neutral
#D3D7DB

Thang

radius
tile8
card14
sheet22
pill999
space
gutter20
gap12
row16
section28
text
display34
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.

Getting there

4

One trip, honestly accounted. Live departures where you are standing, the options between two points, and a journey broken into the minutes it actually costs.

The network

4

The shape of the thing. A line drawn end to end, the map it sits in, a stop and what is at it, and what is broken this morning.

Paying

4

What it costs and when it stops costing. Caps that are counted rather than promised, the tickets already held, and buying one in four taps.

Siding, ứng dụng 12 màn hình | Clevens