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 屏,一条提示词全带走。如果只要其中一屏,每一屏也都有自己的免费页面。

设计系统

随套装附带的一个文件。每一屏都把这些数值写在自己里面,好让它能被单独取走;构建会拒绝任何画出这个文件未命名颜色的屏幕。

颜色

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