diff --git a/firmware/components/display-classic.yaml b/firmware/components/display-classic.yaml
index 3fbb09a..851e397 100644
--- a/firmware/components/display-classic.yaml
+++ b/firmware/components/display-classic.yaml
@@ -7,10 +7,148 @@ lvgl:
   pages:
     - id: page_home
       widgets:
+        - label:
+            align: top_left
+            x: 70
+            y: 20
+            text: "-- --"          # static placeholder clock — live time is a fast-follow, no time: component this pass
+            text_font: montserrat_16
         - obj:
-            width: 100%
-            height: 510px
-            pad_all: 16
+            id: mode_toggle
+            align: top_mid
+            y: 12
+            width: 400px
+            height: 44px
+            radius: 22
+            bg_color: 0x333333
+            border_width: 0
+            outline_width: 0
+            pad_all: 4
+            scrollable: false
+            layout:
+              type: flex
+              flex_flow: row
+              flex_align_cross: center
+              flex_align_track: center
+              flex_align_main: space_evenly
+            widgets:
+              - button:
+                  width: 120px
+                  height: 36px
+                  radius: 18
+                  bg_color: 0xFFFFFF
+                  widgets:
+                    - label:
+                        text: "Temp"
+                        text_color: 0x000000
+                        text_font: montserrat_16
+              - button:
+                  width: 120px
+                  height: 36px
+                  radius: 18
+                  bg_opa: transp
+                  widgets:
+                    - label:
+                        text: "Status"
+                        text_font: montserrat_16
+              - button:
+                  width: 120px
+                  height: 36px
+                  radius: 18
+                  bg_opa: transp
+                  widgets:
+                    - label:
+                        text: "My Home"
+                        text_font: montserrat_16
+        - label:
+            align: top_right
+            x: -16
+            y: 20
+            text: "Firecrest"
+            text_font: montserrat_16
+        - arc:
+            id: dial_bg_arc
+            align: center
+            y: -20
+            width: 400px
+            height: 400px
+            start_angle: 315
+            end_angle: 225
+            min_value: 0
+            max_value: 1
+            value: 0
+            adjustable: false
+            main:
+              arc_color: 0x444444
+              arc_width: 10
+            indicator:
+              arc_opa: transp
+            knob:
+              arc_opa: transp
+        - arc:
+            id: heat_arc
+            align: center
+            y: -20
+            width: 400px
+            height: 400px
+            start_angle: 315
+            end_angle: 225
+            min_value: 60
+            max_value: 90
+            value: 70
+            adjustable: true
+            main:
+              arc_opa: transp
+            indicator:
+              arc_color: 0xFF3B30
+              arc_width: 10
+            knob:
+              bg_color: 0xFF3B30
+            on_value:
+              then:
+                - climate.control:
+                    id: main_thermostat
+                    target_temperature_low: !lambda "return x;"
+                - lvgl.label.update:
+                    id: heat_to_value_label
+                    text:
+                      format: "%.0f"
+                      args: ["x"]
+        - arc:
+            id: cool_arc
+            align: center
+            y: -20
+            width: 400px
+            height: 400px
+            start_angle: 315
+            end_angle: 225
+            mode: REVERSE
+            min_value: 60
+            max_value: 90
+            value: 75
+            adjustable: true
+            main:
+              arc_opa: transp
+            indicator:
+              arc_color: 0x0A84FF
+              arc_width: 10
+            knob:
+              bg_color: 0x0A84FF
+            on_value:
+              then:
+                - climate.control:
+                    id: main_thermostat
+                    target_temperature_high: !lambda "return x;"
+                - lvgl.label.update:
+                    id: cool_to_value_label
+                    text:
+                      format: "%.0f"
+                      args: ["x"]
+        - obj:
+            align: center
+            y: -40
+            width: 200px
+            height: size_content
             border_width: 0
             outline_width: 0
             scrollable: false
@@ -19,20 +157,65 @@ lvgl:
               flex_flow: column
               flex_align_cross: center
               flex_align_track: center
-              flex_align_main: space_evenly
+              flex_align_main: center
             widgets:
+              - label:
+                  id: home_mode_label
+                  text: "Mode: --"
+                  text_font: montserrat_20
               - label:
                   id: home_temp_label
                   text: "-- °C"
                   text_font: montserrat_48
-              - label:
-                  id: home_mode_label
-                  text: "Mode: --"
-                  text_font: montserrat_28
+        - button:
+            align: bottom_left
+            x: 24
+            y: -24
+            width: 90px
+            height: 90px
+            radius: 45
+            on_click:
+              climate.control:
+                id: main_thermostat
+                preset: away
+            widgets:
               - label:
                   align: center
-                  text: "Classic Home layout — coming in Task 3"
+                  y: -10
+                  text: "Away"
                   text_font: montserrat_16
+        - button:
+            align: bottom_mid
+            x: -110
+            y: -24
+            width: 90px
+            height: 60px
+            radius: 30
+            widgets:
+              - label:
+                  id: heat_to_value_label
+                  align: center
+                  text: "70"
+                  text_font: montserrat_20
+        - button:
+            align: bottom_mid
+            x: 110
+            y: -24
+            width: 90px
+            height: 60px
+            radius: 30
+            widgets:
+              - label:
+                  id: cool_to_value_label
+                  align: center
+                  text: "75"
+                  text_font: montserrat_20
+        - label:
+            align: bottom_right
+            x: -24
+            y: -24
+            text: "-- °"       # outside temp stub — weather data source deferred per design spec
+            text_font: montserrat_20
     - id: page_sensors
       widgets:
         - obj: