1500+ ready React Native mobile app screens

Affiliates
App sets

Florin

8 screens · Banking

A current account that answers one question

Eight screens of a current account app built on three stored numbers, the balance, the payments still to leave this month and the day of the month, with the safe to spend figure, the daily allowance, every category total and every pot completion date worked out from them 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
raised
#F4F4F6
sunken
#E8E8ED
line
#E2E2E7
ink
#15161B
inkMuted
#5B5F6B
inkFaint
#8C8F9A
accent
#FF4F40
accentPressed
#E33D2F
onAccent
#FFFFFF
onAccentMuted
#FFD3CF
credit
#0B7F55
categories
groceries
#59A14F
eating
#B07AA1
shopping
#4E79A7
bills
#76B7B2
transport
#EDC948
other
#9C755F

Scales

space
gutter20
xs4
sm8
md12
lg16
xl24
xxl32
radius
sm8
md12
lg16
card18
control12
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.

What you have

3

The balance, the figure that matters more than the balance, and the month it came from. Everything on these three screens is the same sum shown at a different grain.

Moving it

3

Paying someone and putting money aside are the same act from the account's point of view, so both show what they do to the daily allowance before you commit.

The controls

2

The card and the switches behind it. The settings change what the other six screens say, so the screen shows the number moving as you flip them.

Florin, a 8 screen app | Clevens