Tiffin

화면 37개 · 음식 배달

A food delivery app where every kitchen owns its own colour

Thirty-seven screens of ordering dinner from five Hackney kitchens, from the first welcome to the rider at the door, where every price, fee, VAT line, delivery time and the rider's place on a real routed drive is worked out from one menu and one clock.

PRO

디자인 시스템과 화면 37개를 프롬프트 하나에 담았습니다. 한 화면만 필요하다면 각 화면에도 무료 페이지가 따로 있습니다.

디자인 시스템

세트와 함께 제공되는 파일 하나입니다. 각 화면은 혼자서도 떼어 쓸 수 있도록 이 값들을 자기 안에 적어 두고, 이 파일에 없는 색을 칠하는 화면은 빌드가 거부합니다.

색

palette

ground

#FFFFFF

fill

#F2F2F4

fill2

#E6E6EA

line

#ECECEF

dockLine

#E2E2E7

cardEdge

#E4E4E7

skeleton

#EFEFF2

starOff

#D9D9DE

ink

#17171A

inkBody

#4A4A52

inkMuted

#5E5E66

inkFaint

#A0A0A8

inkDisabled

#8A8A92

#1E6B45

onGo

#FFFFFF

goSub

#CFE5D8

danger

#C62828

scrimOverGround

#808080

scrimOverField

#6D1D09

shadow

#000000

fields

fieldhouse

#D93A12

ponte

#2370E7

ondo

#8338EC

lupe

#E8005D

saffron

#008477

closed

#6B6B73

map

ground

#E5E5E3

attribution

#45454C

staleField

#A6462E

staleGo

#35634D

staleInk

#171719

keypad

ground

#D5D7DC

keyShadow

#A9ABB0

brands

visa

#1A1F71

googleBlue

#4285F4

googleGreen

#34A853

googleYellow

#FBBC05

googleRed

#EA4335

스케일

서체

Inter, 5개 굵기

흐름

사람이 마주치는 순서대로 놓았습니다. 카테고리 목록이 아니라 앱 자체의 순서입니다.

First run

The welcome on Fieldhouse's field, three intro slides with the bowl, the kitchens on a real map and the rider on a real route, then the location and notification primes and the door.