1500+ 个现成的 React Native 移动应用界面

推广伙伴
整套应用

Gantry

8 屏 · 火车、有轨电车与公交

Rail booking that shows the connection maths

Eight screens of a train booking app where the journey time, the change you will or will not make, the fare and the delay repay are all worked out from the legs rather than printed beside them.

PRO

设计系统加上全部 8 屏,一条提示词全带走。如果只要其中一屏,每一屏也都有自己的免费页面。

设计系统

随套装附带的一个文件。每一屏都把这些数值写在自己里面,好让它能被单独取走;构建会拒绝任何画出这个文件未命名颜色的屏幕。

颜色

palette
ground
#FFFFFF
raised
#F4F5F7
sunken
#E8EAEF
line
#E0E2E8
ink
#111318
inkMuted
#5B6170
inkFaint
#8B909E
accent
#2B5FE3
onAccent
#FFFFFF
status
onTime
#0E9F6E
late
#D93838

尺度

space
gutter20
xs4
sm8
md12
lg16
xl24
xxl32
radius
sm8
md12
lg16
control12
pill999
elevation
top12
bottom16
字体
Inter,4 种字重

流程

按人们遇到它们的先后排列。这是应用自身的顺序,不是一份分类清单。

Finding it

3

Search, results and one journey opened up, with every duration summed from its own legs.

Buying it

3

A seat, a fare and a ticket. The price breaks down into the things it is made of.

On the day

2

Where the train is, and what a railcard has actually saved.

Gantry,一个 8 屏的应用 | Clevens