1500+ 个现成的 React Native 移动应用界面

推广伙伴
整套应用

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