1500+ ready React Native mobile app screens

Affiliates
App sets

Apron

12 screens · Flights and aviation

Charter operations from quote to logbook

Twelve screens of a charter flight operations app built around the one thing an operator actually sells, a specific aircraft on a specific leg, with every quote line, weight figure, fuel burn and duty hour on every screen derived from the leg rather than asserted beside it.

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
#0A0A0A
raised
#151515
sunken
#1D1D1D
line
#2A2A2A
ink
#FFFFFF
inkMuted
#A0A0A0
inkFaint
#6A6A6A
accent
#F5C518
onAccent
#161000
data
track
#2F6BFF
delay
#FF5A4D
clear
#27C26B
neutral
#333333

Scales

radius
tile9
card13
sheet22
pill999
space
gutter20
gap12
row15
section28
text
display32
title21
body15
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.

Planning the leg

4

Where a request becomes a priced, flyable leg. A route on a map, the fleet that can take it, and a quote whose every line can be checked.

Before the wheels turn

4

The four things that have to be true before a release is signed. Who is on board, whether it balances, what the weather is doing, and the sign off itself.

In the air and after

4

The leg as it runs and what it leaves behind. A live track, the fuel and cost it burned, the logbook it wrote, and the duty it spent.

Apron, a 12 screen app | Clevens