1500+ ready React Native mobile app screens

Affiliates
App sets

Casement

8 screens · Property

What the flat actually costs a month

Eight screens of a city renting app built on four stored numbers per flat, the rent, the council tax band, the EPC rating with the floor area and the distance to work, with every bill, fare, total, verdict and ranking on every screen worked out from those rather than asserted beside 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
#FFFFFF
well
#F4F4F6
line
#E5E5EA
lineStrong
#C8C8D0
ink
#14141A
inkMuted
#545A6B
inkFaint
#70768A
accent
#591167
onAccent
#FFFFFF
over
#A2191F
parts
rent
#002D9C
tax
#1192E8
bills
#198038
travel
#FF832B
cartography
land
#EBEBF0
park
#DCE9DA
water
#CFDFEE

Scales

space
gutter18
xs4
sm8
md12
lg16
xl24
xxl32
radius
sm6
md10
lg14
sheet20
control10
pill999
insetFloor
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.

Looking

3

The three screens that narrow a city down. The price filter and the sort are both on the total a month, not the rent, which is the only decision in the app that changes what every other screen says.

Deciding

3

One flat, opened. The photographs sell it, the specification prices it, and the breakdown shows where the six hundred pounds that are not rent come from.

Taking it

2

The part with a person on the other end. A viewing in a slot the agent actually has, then the application, the referencing arithmetic and the money due on the day.

Casement, a 8 screen app | Clevens