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.