1500+ màn hình ứng dụng di động React Native sẵn dùng

Đối tác
Bộ ứng dụng

Mantel

12 màn hình · Nhà thông minh và thiết bị

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

Design system và cả 12 màn hình trong một prompt. Mỗi màn hình cũng có trang riêng, miễn phí, nếu bạn chỉ cần một.

Design system

Một tệp, đi kèm bộ. Mỗi màn hình tự ghi các giá trị này bên trong nó để có thể tách ra dùng riêng, và bản build từ chối màn hình nào tô một màu mà tệp này không gọi tên.

Màu

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

Thang

radius
tile12
card16
sheet24
pill999
space
gutter20
gap12
row16
section28
text
display34
title20
body15
label12
micro10
Kiểu chữ
Inter, 4 độ đậm

Mạch dùng

Theo thứ tự người ta gặp chúng. Đây là trình tự của chính ứng dụng, không phải một danh sách danh mục.

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, ứng dụng 12 màn hình | Clevens