Larch

37画面 · 旅行・宿泊

A stays app that sells the place, not the room

Thirty-seven screens of a cabin and lake house booking app in the Immersive direction, with every stay photographed full bleed, real satellite maps of the Trossachs with price pins at real addresses and the drive from Glasgow routed by OSRM, a real chart of the reviews, and every total computed from the nightly rate.

PRO

デザインシステムと37画面すべてをひとつのプロンプトに。1画面だけでよければ、各画面にも無料の個別ページがあります。

デザインシステム

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

カラー

palette

ground

#FFFFFF

fill

#F2F2F4

fill2

#E7E7EA

line

#E4E4E7

ink

#0E120E

inkMuted

#5E625D

inkFaint

#A3A6A2

accent

#173F2F

onAccent

#FFFFFF

onAccentSoft

#D3DED7

charcoal

#262926

red

#C0322B

online

#2E9E5B

photoGround

#0E120E

black

#000000

onPhoto

#E6E6E6

onPhotoQuiet

#D9D9D9

data

star

#E3A535

you

#2F6FE4

surfaces

mapGround

#E8E8E8

attribution

#3F433E

skeletonHero

#E4E4E7

skeletonOnHero

#D6D6DA

skeleton

#EEEEF0

keypad

#D5D7DC

keyEdge

#A9ABB0

brandMarks

googleBlue

#4285F4

googleGreen

#34A853

googleYellow

#FBBC05

googleRed

#EA4335

visa

#1A1F71

mastercardRed

#EB001B

mastercardOrange

#FF5A00

mastercardYellow

#F79E1B

スケール

radius

thumb12

input14

card22

sheet26

pill999

書体

Inter、5ウェイト

流れ

人が出会う順に並べています。カテゴリーの一覧ではなく、アプリ自身の順序です。

First run

Opening the app for the first time: the brand photograph, three slides that each show a real product view, and two permission primes that show the reason before the ask.