1500+ écrans d'app mobile React Native prêts à l'emploi

Affiliés
Ensembles d’apps

Mantel

12 écrans · Maison connectée et appareils

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

Le design system et les 12 écrans dans un seul prompt. Chaque écran a aussi sa propre page, gratuite, si vous n’en voulez qu’un.

Design system

Un fichier, livré avec l’ensemble. Chaque écran déclare ces valeurs en dur pour pouvoir être extrait seul, et la compilation refuse un écran qui peint une couleur que ce fichier ne nomme pas.

Couleurs

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

Échelles

radius
tile12
card16
sheet24
pill999
space
gutter20
gap12
row16
section28
text
display34
title20
body15
label12
micro10
Typographie
Inter, 4 graisses

Le parcours

Dans l’ordre où on les rencontre. C’est la séquence de l’app elle-même, pas une liste de catégories.

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, une app de 12 écrans | Clevens