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 屏，一条提示词全带走。如果只要其中一屏，每一屏也都有自己的免费页面。

设计系统

随套装附带的一个文件。每一屏都把这些数值写在自己里面，好让它能被单独取走；构建会拒绝任何画出这个文件未命名颜色的屏幕。

颜色

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.