1500+ fertige mobile React Native App-Screens

Partner
App-Sets

Banquette

12 Screens · Restaurants und Reservierungen

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

Das Designsystem und alle 12 Screens in einem Prompt. Jeder Screen hat auch seine eigene Seite, kostenlos, wenn du nur einen willst.

Designsystem

Eine Datei, die mit dem Set ausgeliefert wird. Jeder Screen schreibt diese Werte direkt aus, damit er sich einzeln herauslösen lässt, und der Build lehnt einen Screen ab, der eine Farbe malt, die diese Datei nicht benennt.

Farben

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

Skalen

radius
tile8
card12
sheet20
pill999
space
gutter20
gap10
row16
section30
text
display30
title20
body15
label12
micro10
Schrift
Inter, 5 Schnitte

Der Ablauf

In der Reihenfolge, in der man ihnen begegnet. Das ist die Abfolge der App selbst, keine Liste von Kategorien.

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, eine App mit 12 Screens | Clevens