1500+ ready React Native mobile app screens

Affiliates
App sets

Fixture

12 screens · Sports and scores

A scores app you can read in three seconds

Twelve screens of a football scores and fixtures app built for the way it is actually used, glanced at during a match with one hand, where every table position, goal difference, form run, expected goals figure and title race probability is derived from the results rather than asserted beside them.

PRO

The design system and all 12 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
#0C0C0C
raised
#161616
sunken
#1F1F1F
line
#2B2B2B
ink
#FFFFFF
inkMuted
#A0A0A0
inkFaint
#6A6A6A
accent
#FFFFFF
onAccent
#0C0C0C
data
win
#22C55E
draw
#8A8A8A
loss
#EA3943
caution
#F5C518
dismissal
#D92B20
home
#2F6BFF
away
#FF8A3D
neutral
#333333

Scales

radius
tile8
card12
sheet20
pill999
space
gutter18
gap10
row14
section26
text
display42
title19
body14.5
label12
micro10
Typeface
Inter, 5 weights

The flow

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

What is on

4

The glance. Four screens built to be read in three seconds while something is happening, with the live state doing the work rather than a banner saying live.

The season

4

The long shape. A table whose every column is computed from results, the form behind it, what is still to play, and what that means for the race.

Following

4

The parts that make it yours. A club, the people in it, what you want to be told about, and the account behind it.

Fixture, a 12 screen app | Clevens