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画面すべてをひとつのプロンプトに。1画面だけでよければ、各画面にも無料の個別ページがあります。

デザインシステム

セットに付属する1ファイルです。各画面は単体で取り出せるようにこれらの値を自分の中に書き出しており、このファイルに名前のない色を塗る画面はビルドが弾きます。

カラー

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