Larch

37 écrans · Voyages et séjours

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

Le design system et les 37 écrans dans un seul prompt. Chaque écran a aussi sa propre page, gratuite, si vous n’en voulez qu’un.

Design system

Un fichier, livré avec l’ensemble. Chaque écran déclare ces valeurs en dur pour pouvoir être extrait seul, et la compilation refuse un écran qui peint une couleur que ce fichier ne nomme pas.

Couleurs

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

Échelles

radius

thumb12

input14

card22

sheet26

pill999

Typographie

Inter, 5 graisses

Le parcours

Dans l’ordre où on les rencontre. C’est la séquence de l’app elle-même, pas une liste de catégories.

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.