1500+ fertige mobile React Native App-Screens

Partner
App-Sets

Mise

12 Screens · Kochen und Rezepte

A recipe app that knows when to start the barley

Twelve screens of a cooking app built on the thing recipes leave out and every cook actually struggles with, which is the order and timing of concurrent work, with every scaled quantity, start time, shopping quantity and finish time on every screen derived from the recipe and the clock rather than listed as prose.

PRO

Das Designsystem und alle 12 Screens in einem Prompt. Jeder Screen hat auch seine eigene Seite, kostenlos, wenn du nur einen willst.

Designsystem

Eine Datei, die mit dem Set ausgeliefert wird. Jeder Screen schreibt diese Werte direkt aus, damit er sich einzeln herauslösen lässt, und der Build lehnt einen Screen ab, der eine Farbe malt, die diese Datei nicht benennt.

Farben

palette
ground
#FFFFFF
field
#F2F2F2
sunken
#E9E9E9
line
#E4E4E4
ink
#141414
inkMuted
#6B6B6B
inkFaint
#9B9B9B
accent
#157145
onAccent
#FFFFFF
data
prep
#1B3C8C
over
#C4362C
neutral
#C9C9C9

Skalen

radius
tile8
card12
sheet20
pill999
space
gutter20
gap12
row16
section30
text
display30
title20
body15
label12
micro10
Schrift
Inter, 5 Schnitte

Der Ablauf

In der Reihenfolge, in der man ihnen begegnet. Das ist die Abfolge der App selbst, keine Liste von Kategorien.

Choosing

4

Deciding what to cook. Photography carries these four, with the chrome reduced to hairlines and the times and yields computed rather than asserted.

Cooking

4

The part a printed recipe cannot do. Everything measured before the heat goes on, a schedule that works backwards from when you want to eat, and timers that know about each other.

Keeping the kitchen going

4

The week around the meal. A plan, a shopping list derived from it rather than typed, what is already in the cupboard, and the account behind it.

Mise, eine App mit 12 Screens | Clevens