Want to make a simple room overview

Configuration Frontend
1

Good evening. On my dashboard i want to make a simple room overview that shows some basic states. Lights on, door/window/curtain open and music playing

I’ve cooked something up in Designer, but i have no idea how to effectively build it in HA. Was hoping someone here has done something like this before and can help me get a basic version up and running.

HA Card Preview

2

Check out Mushroom Cards installed via HACs.

3

I’ve based it off of the look of Mushroom cards, however. Mushroom does not have a card that combines this title with the chips. So i think i will need to make my own custom card, but not sure how to achieve this

4

Yes it will require customization and there are multiple ways and cards to accomplish it.

For example…
image

type: vertical-stack
cards:
  - type: custom:mushroom-light-card
    entity: you.device
    card_mod:
     style: |
       ha-card {
         background: none;
         border: none;
         }
  - type: custom:mushroom-chips-card
    chips:
     - type: template
       icon: mdi:mushroom
       icon_color: red
     - type: template
       icon: mdi:home  
       icon_color: blue
     - type: template
       icon: mdi:home  
       icon_color: blue
     - type: template
       icon: mdi:curtains
       icon_color: cyan
     - type: template
       icon: mdi:lamp 
       icon_color: green

Check out this guide