1500+ ready React Native mobile app screens

Affiliates
App sets

Ballast

12 screens · Insurance

Insurance where the verdict is the loudest thing on the screen

Twelve screens of a personal insurance app built around the two questions the category never answers plainly, which are what is actually covered and where a claim has got to, with every premium, excess, sub limit, settlement, saving and elapsed day on every screen computed from one policy model 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
#FFFFFF
raised
#F6F6F7
sunken
#EDEDEF
line
#E2E2E5
ink
#101013
inkMuted
#63636B
inkFaint
#8E8E96
accent
#D6006F
onAccent
#FFFFFF
verdict
covered
#1E9E5A
excluded
#C43D2E
review
#D98200
neutral
#D5D5DA

Scales

radius
tile10
card16
sheet24
pill999
space
gutter20
gap12
row16
section28
text
display34
title20
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.

The cover

4

What is insured and for how much. Three policies, the perils each one answers for, and a premium that moves when you move the excess.

When it goes wrong

4

The half of insurance people actually meet. Filing, then a real position in a real queue, then a settlement that shows its own arithmetic.

The paperwork

4

Everything scheduled by name and value, what has been paid and what is next, the documents, and the account behind all of it.

Ballast, a 12 screen app | Clevens