1500+ ready React Native mobile app screens

Affiliates
App sets

Tamper

8 screens · Wine, coffee and drinks

A coffee subscription priced by the cup

Eight screens of a specialty coffee app where the dose and the ratio are the only stored numbers, so the cups in a bag, the price of one, the delivery cadence and every step of the brew all fall out of them.

PRO

The design system and all 8 screens in one prompt. Each screen is also on its own page, free, if you only want one.

Design system

One file, shipped with the set. Every screen declares these values inline so it can be lifted out on its own, and the build refuses a screen that paints a colour this file does not name.

Colours

palette
ground
#F5EFE6
raised
#FFFFFF
sunken
#E7DFD2
line
#E0D6C6
ink
#1A1A17
inkMuted
#6B665C
inkFaint
#99938A
accent
#2F4A3A
onAccent
#F5EFE6
roast
light
#D8A15A
medium
#A9672F
dark
#4A2E1E

Scales

space
gutter20
xs4
sm8
md12
lg16
xl24
xxl32
radius
sm8
md12
lg18
control999
pill999
elevation
top12
bottom16
Typeface
Inter, 4 weights

The flow

In the order somebody meets them. This is the app's own sequence, not a list of categories.

Choosing

3

The shelf and one coffee opened up, with the price of a cup worked out from the bag.

Making it

2

The brew, timed against a ratio rather than a stopwatch, and the log it leaves behind.

Getting it

3

A basket, a plan whose cadence comes from how much you actually drink, and the settings behind both.

Tamper, a 8 screen app | Clevens