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

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.