Larch

37 Screens · Reisen und Unterkünfte

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

Das Designsystem und alle 37 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

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

Skalen

radius

thumb12

input14

card22

sheet26

pill999

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.

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.