Mantel
12 screens · Smart home and devicesA 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.
The design system and all 12 screens in one prompt. Each screen is also on its own page, free, if you only want one.
Design system
One file, shipped with the set. Every screen declares these values inline so it can be lifted out on its own, and the build refuses a screen that paints a colour this file does not name.
Colours
Scales
The flow
In the order somebody meets them. This is the app's own sequence, not a list of categories.
The house
4What 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
4The 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
4A plan of the house with every sensor on it, everything that happened today in order, and who is allowed to open what.
