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

推广伙伴
整套应用

Banquette

12 屏 · 餐厅与预订

A booking app that shows you the whole night

Twelve screens of a restaurant reservation app built on the honesty most booking flows avoid, showing every slot including the ones already gone so a diner can see how busy a night actually is, with every availability figure, waitlist position, deposit and cancellation deadline derived from the covers rather than asserted beside the time.

PRO

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

设计系统

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

颜色

palette
ground
#FFFFFF
field
#F2F2F2
sunken
#E9E9E9
line
#E4E4E4
ink
#141414
inkMuted
#6B6B6B
inkFaint
#9B9B9B
accent
#E23744
onAccent
#FFFFFF
data
available
#1E8449
waitlist
#E8A33D
neutral
#C9C9C9

尺度

radius
tile8
card12
sheet20
pill999
space
gutter20
gap10
row16
section30
text
display30
title20
body15
label12
micro10
字体
Inter,5 种字重

流程

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

Finding a table

4

Four screens between wanting dinner and having a time. The slot grid shows the whole night, gone slots included, because that is what tells you whether to try earlier.

Booking it

4

Who is coming, what it costs to hold, and what happens if the plan changes. The deposit and the deadline are both arithmetic, not small print.

Around the booking

4

The parts either side of the meal. What is coming up, what is on the menu, where you will actually be sitting, and the account behind it.

Banquette,一个 12 屏的应用 | Clevens