1500+ ready React Native mobile app screens

Affiliates
App sets

Quarto

8 screens · News and reading

An ebook reader for people who finish books

Eight screens of a reading app built on two stored numbers, a book's word count and the reader's measured pace, with every page number, minute remaining, finish date and yearly total on every screen divided out of those rather than asserted beside them. No percentage is ever stored.

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
#F4F0E7
raised
#FBF9F4
sunken
#E5DFD2
line
#D9D2C2
ink
#1C1A17
inkMuted
#4A453D
inkFaint
#6F695C
accent
#7A1F32
accentPress
#5E1626
onAccent
#FFFFFF
reading
paperPage
#F4F0E7
paperInk
#1C1A17
sepiaPage
#EDDCBE
sepiaInk
#43331F
nightPage
#14130F
nightInk
#CFC8BA
data
pace
#2F6D5F
forecast
#3D5A99
marks
yellow
#F0E0A4
rose
#EDC9CF
sky
#C9D9EE

Scales

space
gutter20
xs4
sm8
md12
lg16
xl24
xxl32
radius
sm6
md10
lg14
cover3
control12
sheet20
pill999
cover
ratio1.5
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.

Reading

3

The shelf, the page, and the sheet you pull up when the type is wrong. Three screens that a reader who finishes books spends nearly all of their time in.

Keeping what you read

3

What comes back off a book after the book: the highlights with their page numbers, the year in charts, and the search that reaches into the text.

Finding the next one

2

One book examined and a store to buy it in, both of which measure a book in the hours it will actually take this reader.

Quarto, a 8 screen app | Clevens