바로 사용 가능한 React Native 모바일 앱 화면 1500+개

제휴
앱 세트

Skillet

화면 8개 · 요리 및 레시피

A recipe app where changing the servings changes everything

Eight screens of a cooking app built on one number stored with each recipe, the servings it was written for, with every quantity, dish size, browning batch, total cook time, cost a portion and merged shopping list quantity worked out from it against the servings you actually want.

PRO

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

디자인 시스템

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

palette
ground
#FBF7F0
surface
#FFFFFF
sunken
#F1EBE1
line
#E4DCCF
ink
#1C1917
inkMuted
#6B665C
inkFaint
#847E72
accent
#C8412B
onAccent
#FFFFFF
data
spend
#2F6BD4
stock
#1F7A4D
waiting
#7B52AB

스케일

space
gutter20
xs4
sm8
md12
lg16
xl24
xxl32
radius
sm8
md12
lg16
sheet22
control12
pill999
insetFloor
top12
bottom16
서체
Inter, 4개 굵기

흐름

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

Deciding what to cook

3

The three screens that end with a recipe open on the counter. Every price and every count on them is for the servings set in Settings, not for the number the recipe was written at.

Actually cooking it

2

One step at a time, large enough to read from the hob, then the note you leave yourself about what you changed.

The week, the shop and the servings

3

Five dinners, the merge that turns them into one shop, and the single control that rewrites every number in the app.

Skillet, 화면 8개짜리 앱 | Clevens