1500+ fertige mobile React Native App-Screens

Partner
App-Sets

Squall

12 Screens · Wetter

A forecast that shows its working

Twelve screens of a weather app built on the idea that a forecast should be able to explain itself, with every feels like figure, dew point, cloud base, rainfall total, daylight length, pressure trend and weekly mean on every screen computed from real meteorological formulas against one day's observations rather than asserted beside them.

PRO

Das Designsystem und alle 12 Screens in einem Prompt. Jeder Screen hat auch seine eigene Seite, kostenlos, wenn du nur einen willst.

Designsystem

Eine Datei, die mit dem Set ausgeliefert wird. Jeder Screen schreibt diese Werte direkt aus, damit er sich einzeln herauslösen lässt, und der Build lehnt einen Screen ab, der eine Farbe malt, die diese Datei nicht benennt.

Farben

palette
ground
#FFFFFF
raised
#F5F6F7
sunken
#EBEDEF
line
#E0E3E6
ink
#101214
inkMuted
#5E656B
inkFaint
#8A9096
accent
#1B6CA8
onAccent
#FFFFFF
scale
cold
#6FA8D0
mild
#C6CBD0
warm
#C4453A
rain
#2E7FB8
wind
#6B7B85
uv
#D9902B
neutral
#DCDFE2

Skalen

radius
tile10
card16
sheet24
pill999
space
gutter20
gap12
row16
section28
text
display64
title20
body15
label12
micro10
Schrift
Inter, 5 Schnitte

Der Ablauf

In der Reihenfolge, in der man ihnen begegnet. Das ist die Abfolge der App selbst, keine Liste von Kategorien.

Right now

4

What it is doing outside and what that actually feels like. The hour ahead, the rain that is coming, and the wind that is doing most of the work.

The week

4

Seven days on one shared scale, a day opened to its own detail, the map behind it, and the warnings that matter.

Why it says that

4

The half no weather app shows. The observations behind the number, how right it has been lately, the places you watch, and the account.

Squall, eine App mit 12 Screens | Clevens