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

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

Mantel

12画面 · スマートホーム・デバイス

A connected home where the colour means a device is on

Twelve screens of a smart home app built around the one thing these apps get wrong, which is telling you what is connected rather than what is happening, with every room state, brightness, target temperature, energy cost, automation trigger and door sensor on every screen derived from one model of the house rather than asserted beside it.

PRO

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

デザインシステム

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

カラー

palette
ground
#0E0E0E
raised
#191919
sunken
#232323
line
#2E2E2E
ink
#FFFFFF
inkMuted
#9A9A9A
inkFaint
#666666
accent
#1EC8E6
onAccent
#042129
data
warm
#FF9A3C
cool
#4C8DFF
energy
#D9C24A
secure
#4FD182
alert
#FF5A4D
neutral
#333333

スケール

radius
tile12
card16
sheet24
pill999
space
gutter20
gap12
row16
section28
text
display34
title20
body15
label12
micro10
書体
Inter、4ウェイト

流れ

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

The house

4

What is on right now and how to change it. Rooms rather than a device list, a light you can actually dim, and a thermostat that shows what it is doing.

Running it

4

The half nobody designs. Scenes that say what they set, automations written as a trigger and a consequence, and what all of it costs to run.

Doors and people

4

A plan of the house with every sensor on it, everything that happened today in order, and who is allowed to open what.

Mantel、12画面のアプリ | Clevens