1500+ 件のすぐ使える React Native モバイルアプリ画面

アフィリエイト
アプリセット

Squall

12画面 · 天気

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

デザインシステムと12画面すべてをひとつのプロンプトに。1画面だけでよければ、各画面にも無料の個別ページがあります。

デザインシステム

セットに付属する1ファイルです。各画面は単体で取り出せるようにこれらの値を自分の中に書き出しており、このファイルに名前のない色を塗る画面はビルドが弾きます。

カラー

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

スケール

radius
tile10
card16
sheet24
pill999
space
gutter20
gap12
row16
section28
text
display64
title20
body15
label12
micro10
書体
Inter、5ウェイト

流れ

人が出会う順に並べています。カテゴリーの一覧ではなく、アプリ自身の順序です。

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、12画面のアプリ | Clevens