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

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

Rail

12 màn hình · Thanh toán và chuyển tiền

Payouts that tell you when the money actually lands

Twelve screens of a business payments app built on the gap every other one hides, which is the distance between a payment being sent and the money being spendable, with every settlement date, cut off time, fee, conversion and available balance on every screen derived from the rail it travels on rather than asserted as a single sent status.

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
#F4F4F5
sunken
#E9E9EA
line
#E4E4E5
ink
#121212
inkMuted
#6B6B6B
inkFaint
#9B9B9B
accent
#1B51D6
onAccent
#FFFFFF
data
arrived
#12B76A
inflight
#3E7BFA
failed
#C4362C
neutral
#C9C9C9

Thang

radius
tile8
card12
sheet20
pill999
space
gutter20
gap12
row16
section30
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.

The money

4

What is actually available as against what merely exists. Three settlement states, a ledger that separates them, and the detail behind one payment.

Paying out

4

Choosing a rail is choosing a trade between speed, cost and cut off. Four screens that put that trade in front of the person making it.

Getting paid

4

The other direction. Invoices with real ageing, the customers behind them, what the month actually collected, and the account itself.

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