{"id":10230,"date":"2026-07-16T03:13:22","date_gmt":"2026-07-16T03:13:22","guid":{"rendered":"https:\/\/signature4.com\/?page_id=10230"},"modified":"2026-07-18T11:46:06","modified_gmt":"2026-07-18T11:46:06","slug":"control-panels-overlays","status":"publish","type":"page","link":"https:\/\/signature4.com\/4appliance\/control-panels-overlays\/","title":{"rendered":"Control Panels &#038; Overlays"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10230\" class=\"elementor elementor-10230\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-68541952 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"68541952\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-4e144fc8\" data-id=\"4e144fc8\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-49041dec elementor-widget elementor-widget-html\" data-id=\"49041dec\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style id=\"s4-tokens\">\n:root {\n  --ink-pure:   #000000;\n  --ink-950:    #0c0c0c;\n  --ink-900:    #141414;\n  --ink-850:    #1c1c1c;\n  --ink-800:    #242424;\n  --ink-700:    #2e2e2e;\n  --ink-600:    #3a3a3a;\n\n  --paper-pure: #ffffff;\n  --paper-warm: #edede5;\n  --paper-warm-2:#e3e2d8;\n\n  --signal:        #e9e037;\n  --signal-bright: #f4ec55;\n  --signal-deep:   #cfc62c;\n  --signal-glow:   rgba(233, 224, 55, 0.28);\n\n  --fire:      #d9381e;\n  --appliance: #c9ccd2;\n\n  --text-primary:   #ffffff;\n  --text-secondary: rgba(255, 255, 255, 0.66);\n  --text-muted:     rgba(255, 255, 255, 0.45);\n  --text-faint:     rgba(255, 255, 255, 0.30);\n\n  --text-ink:        #1c1c1c;\n  --text-ink-soft:   rgba(28, 28, 28, 0.64);\n  --text-ink-muted:  rgba(28, 28, 28, 0.42);\n\n  --text-on-signal:  #161616;\n\n  --stroke-on-dark:   rgba(255, 255, 255, 0.14);\n  --stroke-on-dark-2: rgba(255, 255, 255, 0.08);\n  --stroke-on-light:  rgba(28, 28, 28, 0.16);\n  --stroke-signal:    var(--signal);\n\n  --bg-page:        var(--ink-pure);\n  --bg-surface:     var(--ink-850);\n  --bg-elevated:    var(--ink-800);\n  --bg-heritage:    var(--paper-warm);\n  --accent:         var(--signal);\n  --accent-contrast:var(--text-on-signal);\n  --divider:        var(--ink-600);\n\n  --font-sans:      \"Inter Tight\", \"Helvetica Neue\", Helvetica, Arial, sans-serif;\n  --font-signature: \"Allura\", \"Snell Roundhand\", cursive;\n\n  --fw-light:  300;\n  --fw-regular:400;\n  --fw-medium: 500;\n  --fw-semi:   600;\n  --fw-bold:   700;\n\n  --fs-display: clamp(3rem, 1.6rem + 5.6vw, 6rem);\n  --fs-h1:      clamp(2.4rem, 1.4rem + 3.6vw, 4rem);\n  --fs-h2:      clamp(1.9rem, 1.3rem + 2.4vw, 3rem);\n  --fs-h3:      clamp(1.4rem, 1.05rem + 1.3vw, 2rem);\n  --fs-h4:      clamp(1.15rem, 0.95rem + 0.7vw, 1.45rem);\n\n  --fs-lead:    clamp(1.05rem, 0.95rem + 0.5vw, 1.3rem);\n  --fs-body:    1.0625rem;\n  --fs-sm:      0.9375rem;\n  --fs-xs:      0.8125rem;\n\n  --fs-eyebrow: 0.75rem;\n  --fs-stat:    clamp(2.6rem, 1.6rem + 3.4vw, 4.25rem);\n\n  --lh-tight:  1.04;\n  --lh-snug:   1.18;\n  --lh-normal: 1.5;\n  --lh-loose:  1.65;\n\n  --ls-display:  -0.022em;\n  --ls-heading:  -0.015em;\n  --ls-body:      0em;\n  --ls-eyebrow:   0.22em;\n  --ls-ticker:    0.16em;\n\n  --space-0:  0;\n  --space-1:  0.25rem;\n  --space-2:  0.5rem;\n  --space-3:  0.75rem;\n  --space-4:  1rem;\n  --space-5:  1.5rem;\n  --space-6:  2rem;\n  --space-7:  3rem;\n  --space-8:  4rem;\n  --space-9:  6rem;\n  --space-10: 8rem;\n  --space-11: 11rem;\n\n  --section-y:    clamp(4rem, 2rem + 8vw, 9rem);\n  --section-y-lg: clamp(6rem, 3rem + 10vw, 11rem);\n\n  --container:      1280px;\n  --container-wide: 1480px;\n  --measure:        62ch;\n  --gutter:         clamp(1.25rem, 0.5rem + 3vw, 3rem);\n\n  --radius-pill: 999px;\n  --radius-0:    0px;\n  --radius-sm:   4px;\n  --radius-md:   8px;\n  --radius-lg:   14px;\n\n  --border-hair: 1px;\n  --border-cta:  1.5px;\n\n  --shadow-sm:  0 1px 2px rgba(0,0,0,0.40);\n  --shadow-md:  0 8px 24px rgba(0,0,0,0.45);\n  --shadow-lg:  0 24px 60px rgba(0,0,0,0.55);\n  --shadow-card:0 30px 80px rgba(0,0,0,0.60);\n\n  --focus-ring: 0 0 0 3px var(--signal-glow);\n\n  --scrim-bottom: linear-gradient(to top, rgba(0,0,0,0.85) 0%, rgba(0,0,0,0.55) 28%, rgba(0,0,0,0) 62%);\n  --scrim-full:   linear-gradient(to top, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0.30) 50%, rgba(0,0,0,0.55) 100%);\n  --scrim-left:   linear-gradient(to right, rgba(0,0,0,0.80) 0%, rgba(0,0,0,0.30) 45%, rgba(0,0,0,0) 75%);\n\n  --ease-out:   cubic-bezier(0.22, 1, 0.36, 1);\n  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);\n  --dur-fast:   140ms;\n  --dur-base:   240ms;\n  --dur-slow:   520ms;\n  --transition: all var(--dur-base) var(--ease-out);\n}\n\n@font-face { font-family:'Inter Tight'; font-style:normal; font-weight:300 700; font-display:swap;\n  src:url('_ds\/signature-4-design-system-42e36a41-d32e-45ae-996d-7bc5aa70a85b\/assets\/fonts\/intertight-latin.woff2') format('woff2');\n  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }\n@font-face { font-family:'Inter Tight'; font-style:normal; font-weight:300 700; font-display:swap;\n  src:url('_ds\/signature-4-design-system-42e36a41-d32e-45ae-996d-7bc5aa70a85b\/assets\/fonts\/intertight-latinext.woff2') format('woff2');\n  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }\n@font-face { font-family:'Inter Tight'; font-style:italic; font-weight:300 700; font-display:swap;\n  src:url('_ds\/signature-4-design-system-42e36a41-d32e-45ae-996d-7bc5aa70a85b\/assets\/fonts\/intertight-italic-latin.woff2') format('woff2');\n  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }\n@font-face { font-family:'Inter Tight'; font-style:italic; font-weight:300 700; font-display:swap;\n  src:url('_ds\/signature-4-design-system-42e36a41-d32e-45ae-996d-7bc5aa70a85b\/assets\/fonts\/intertight-italic-latinext.woff2') format('woff2');\n  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }\n@font-face { font-family:'Allura'; font-style:normal; font-weight:400; font-display:swap;\n  src:url('_ds\/signature-4-design-system-42e36a41-d32e-45ae-996d-7bc5aa70a85b\/assets\/fonts\/allura-latin.woff2') format('woff2');\n  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }\n@font-face { font-family:'Allura'; font-style:normal; font-weight:400; font-display:swap;\n  src:url('_ds\/signature-4-design-system-42e36a41-d32e-45ae-996d-7bc5aa70a85b\/assets\/fonts\/allura-latinext.woff2') format('woff2');\n  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF; }\n\n*, *::before, *::after { box-sizing: border-box; }\n.s4-page { font-family: var(--font-sans); background: var(--ink-pure); color: var(--text-primary); overflow-x: hidden; }\n.s4-page img { display: block; max-width: 100%; }\n.s4-page a { color: inherit; }\n\n.k-eyebrow { font-family: var(--font-sans); font-size: var(--fs-eyebrow); font-weight: var(--fw-medium);\n  letter-spacing: var(--ls-eyebrow); text-transform: uppercase; margin: 0 0 var(--space-5); color: var(--text-secondary); }\n.k-display { font-family: var(--font-sans); font-size: var(--fs-display); font-weight: var(--fw-regular); line-height: var(--lh-tight);\n  letter-spacing: var(--ls-display); margin: 0; }\n.k-h1 { font-family: var(--font-sans); font-size: var(--fs-h1); font-weight: var(--fw-regular); line-height: var(--lh-tight);\n  letter-spacing: var(--ls-display); margin: 0; }\n.k-h2 { font-family: var(--font-sans); font-size: var(--fs-h2); font-weight: var(--fw-regular); line-height: var(--lh-snug);\n  letter-spacing: var(--ls-heading); margin: 0; }\n.k-h3 { font-family: var(--font-sans); font-size: var(--fs-h3); font-weight: var(--fw-medium); line-height: var(--lh-snug);\n  letter-spacing: var(--ls-heading); margin: 0; }\n.k-h4 { font-family: var(--font-sans); font-size: var(--fs-h4); font-weight: var(--fw-regular); line-height: var(--lh-snug);\n  letter-spacing: var(--ls-heading); margin: 0; }\n.k-lead { font-family: var(--font-sans); font-size: var(--fs-lead); line-height: var(--lh-normal); color: var(--text-secondary); margin: 0; }\n.k-body { font-family: var(--font-sans); font-size: var(--fs-body); line-height: var(--lh-normal); color: var(--text-secondary); }\n.k-marker { background: var(--signal); color: var(--text-on-signal); padding: 0.02em 0.2em; box-decoration-break: clone; -webkit-box-decoration-break: clone; }\n\n.k-btn { font-family: var(--font-sans); font-weight: var(--fw-medium); letter-spacing: -0.01em; line-height: 1;\n  border-radius: var(--radius-pill); border: var(--border-cta) solid transparent; cursor: pointer;\n  display: inline-flex; align-items: center; gap: 0.5rem; transition: var(--transition); text-decoration: none; white-space: nowrap; }\n.k-btn-sm { padding: 0.5rem 1.1rem; font-size: 0.875rem; }\n.k-btn-md { padding: 0.75rem 1.6rem; font-size: 1rem; }\n.k-btn-lg { padding: 1rem 2.1rem; font-size: 1.0625rem; }\n.k-btn-primary { background: var(--signal); color: var(--text-on-signal); }\n.k-btn-primary:hover { background: var(--signal-bright); transform: translateY(-1px); }\n.k-btn-primary:active { background: var(--signal-deep); transform: translateY(0); }\n.k-btn-ghost { background: transparent; color: var(--signal); border-color: var(--signal); }\n.k-btn-ghost:hover { background: rgba(233,224,55,0.1); }\n.k-btn-dark { background: var(--ink-800); color: #fff; border-color: var(--stroke-on-dark); }\n.k-btn-dark:hover { background: var(--ink-700); }\n.k-btn-ar { color: var(--signal); }\n.k-btn-primary .k-btn-ar { color: inherit; }\n.k-btn:focus-visible { outline: none; box-shadow: var(--focus-ring); }\n\n.k-alink { font-family: var(--font-sans); font-weight: var(--fw-medium); letter-spacing: -0.01em; text-decoration: none;\n  display: inline-flex; align-items: center; gap: 0.4em; transition: var(--transition); white-space: nowrap; }\n.k-alink-light { color: var(--text-primary); }\n.k-alink-signal { color: var(--signal); }\n.k-alink-md { font-size: 1.0625rem; } .k-alink-sm { font-size: 0.9375rem; } .k-alink-lg { font-size: 1.375rem; }\n.k-ar { color: var(--signal); font-size: 0.9em; transition: transform var(--dur-base) var(--ease-out); }\n.k-alink:hover .k-ar { transform: translate(3px,-3px); }\n\n.k-badge { display: inline-flex; align-items: center; gap: 0.4em; font-family: var(--font-sans); font-size: var(--fs-xs); font-weight: var(--fw-medium);\n  letter-spacing: 0.04em; line-height: 1; padding: 0.4rem 0.85rem; border-radius: var(--radius-pill); border: 1px solid transparent; }\n.k-badge-solid { background: var(--signal); color: var(--text-on-signal); }\n.k-badge-outline { background: transparent; color: var(--signal); border-color: var(--signal); }\n.k-badge-quiet { background: var(--ink-800); color: var(--text-secondary); border-color: var(--stroke-on-dark); }\n\n.k-ph { position: relative; overflow: hidden; background: repeating-linear-gradient(135deg, #262626 0 14px, #1e1e1e 14px 28px); }\n.k-ph-light { background: repeating-linear-gradient(135deg, #dedcd2 0 14px, #e7e5db 14px 28px); }\n.k-ph-metal { background: linear-gradient(115deg, #1a1a1a 0%, #4a4a4d 38%, #6c6c70 50%, #3a3a3c 64%, #141414 100%); }\n.k-ph-label { position: absolute; top: 12px; left: 14px; font-family: ui-monospace, Menlo, monospace;\n  font-size: 11px; letter-spacing: 0.04em; color: var(--text-muted); }\n.k-ph-light .k-ph-label { color: var(--text-ink-muted); }\n\n.k-section { position: relative; }\n.k-bg-page { background: var(--ink-pure); color: var(--text-primary); }\n.k-bg-surface { background: var(--ink-850); color: var(--text-primary); }\n.k-bg-heritage { background: var(--paper-warm); color: var(--text-ink); }\n.k-bg-heritage em { color: var(--text-ink); }\n.k-pad-lg { padding-top: var(--section-y-lg); padding-bottom: var(--section-y-lg); }\n.k-pad-md { padding-top: var(--section-y); padding-bottom: var(--section-y); }\n.k-pad-sm { padding-top: var(--space-8); padding-bottom: var(--space-8); }\n.k-container { max-width: var(--container); margin: 0 auto; padding: 0 var(--gutter); width: 100%; }\n.k-section em { font-style: italic; color: var(--text-primary); }\n\n.k-reveal { opacity: 1; }\n@media (prefers-reduced-motion: no-preference) {\n  .k-reveal.is-in { animation: k-rise 0.6s var(--ease-out) both; }\n}\n@keyframes k-rise { from { transform: translateY(18px); } to { transform: none; } }\n\n.k-ticker { overflow: hidden; border-top: 1px solid var(--stroke-on-dark-2); border-bottom: 1px solid var(--stroke-on-dark-2);\n  padding: 0.95rem 0; white-space: nowrap; background: var(--ink-pure); }\n.k-ticker-track { display: inline-flex; align-items: center; gap: 1.4rem; animation: k-tick linear infinite; }\n.k-ti { font-family: var(--font-sans); font-size: var(--fs-sm); font-weight: var(--fw-medium); letter-spacing: var(--ls-ticker); text-transform: uppercase; color: var(--signal); }\n.k-bu { color: var(--signal); opacity: 0.45; }\n@keyframes k-tick { from { transform: translateX(0); } to { transform: translateX(-50%); } }\n@media (prefers-reduced-motion: reduce) { .k-ticker-track { animation: none; } }\n\n.products-menu { transition: opacity .24s cubic-bezier(0.22,1,0.36,1), transform .24s cubic-bezier(0.22,1,0.36,1), visibility .24s; }\n.products-nav:hover .products-menu, .products-nav:focus-within .products-menu { opacity:1 !important; visibility:visible !important; pointer-events:auto !important; transform:translateX(-50%) translateY(0) !important; }\n.products-nav:hover .pm-caret { transform: rotate(180deg); }\n<\/style>\n<script>\n(function () {\n  if (window.__s4RevealInit) return;\n  window.__s4RevealInit = true;\n  function scan(io) {\n    document.querySelectorAll('.k-reveal').forEach(function (el) {\n      if (!el.__s4Observed) { el.__s4Observed = true; io.observe(el); }\n    });\n  }\n  function init() {\n    var io = new IntersectionObserver(function (entries) {\n      entries.forEach(function (e) {\n        if (e.isIntersecting) { e.target.classList.add('is-in'); io.unobserve(e.target); }\n      });\n    }, { threshold: 0.12, rootMargin: '0px 0px -8% 0px' });\n    scan(io);\n    var mo = new MutationObserver(function () { scan(io); });\n    mo.observe(document.body, { childList: true, subtree: true });\n  }\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-2c45a978 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"2c45a978\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-3c9bc286\" data-id=\"3c9bc286\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-2559589 elementor-widget elementor-widget-html\" data-id=\"2559589\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"s4-page\">\n<header style=\"position:relative; display:grid; grid-template-columns:1fr 1fr; min-height:62vh; background:#000; isolation:isolate;\">\n  <div style=\"display:flex; flex-direction:column; justify-content:center; padding:clamp(2.5rem,5vw,4.5rem) clamp(2rem,4vw,3.5rem) clamp(2.5rem,5vw,4.5rem) clamp(1.5rem,4.5vw,5.5rem);\">\n    <p class=\"k-eyebrow k-reveal\" style=\"color:var(--signal);\"><a href=\"4appliance-home\/#products\" style=\"color:var(--text-muted); text-decoration:none;\">Products<\/a> &nbsp;\/&nbsp; Control Panels &amp; Overlays<\/p>\n    <h1 class=\"k-display k-reveal\" style=\"font-size:var(--fs-h1); max-width:15ch;\">Control Panels &amp; <span style=\"font-style:italic; color:var(--signal);\">Overlays<\/span><\/h1>\n    <p class=\"k-lead k-reveal\" style=\"margin-top:var(--space-5); max-width:44ch;\">The face of the machine. We build the panels, graphic overlays, and backlit interfaces your customer reads and presses every day \u2014 molded, printed, and finished to match your line.<\/p>\n    <div class=\"k-reveal\" style=\"margin-top:var(--space-7); display:flex; gap:var(--space-4); flex-wrap:wrap; align-items:center;\">\n      <button type=\"button\" data-open-quote class=\"k-btn k-btn-primary k-btn-lg\">Get a Quote<\/button>\n      <a href=\"#variants\" class=\"k-btn k-btn-ghost k-btn-lg\">See the Range<span class=\"k-btn-ar\">\u2197<\/span><\/a>\n    <\/div>\n  <\/div>\n  <div style=\"position:relative; overflow:hidden; min-height:300px;\">\n    <div style=\"position:absolute; inset:0; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/cp-hero.jpg); background-size:cover; background-position:center;\"><\/div>\n  <\/div>\n<\/header>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6951f81c elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"6951f81c\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-106e56bd\" data-id=\"106e56bd\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-290e2edb elementor-widget elementor-widget-html\" data-id=\"290e2edb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"s4-page\">\n<section style=\"padding-top:var(--section-y); padding-bottom:var(--section-y); background-color:var(--ink-850);\">\n  <div class=\"k-container\" style=\"display:grid; grid-template-columns:1fr 1.05fr; gap:clamp(2rem,5vw,5rem); align-items:center;\">\n    <div class=\"k-reveal\">\n      <p class=\"k-eyebrow\" style=\"color:var(--signal);\">Why It Matters<\/p>\n      <h2 class=\"k-h2\" style=\"max-width:15ch;\">The interface is the <span style=\"font-style:italic; color:var(--signal);\">experience<\/span><\/h2>\n      <p class=\"k-lead\" style=\"margin-top:var(--space-5); max-width:46ch;\">A control panel is where your brand meets the user's hands. We integrate the substrate, graphics, lighting, and tactile feedback into one finished assembly \u2014 legible, durable, and built to feel right.<\/p>\n      <ul style=\"list-style:none; margin:var(--space-7) 0 0; padding:0;\">\n          <li style=\"font-size:var(--fs-body); color:var(--text-secondary); padding:.85rem 0 .85rem 1.4rem; border-top:1px solid var(--stroke-on-dark); position:relative;\"><span style=\"position:absolute; left:0; color:var(--signal);\">\u2013<\/span>Substrate, graphics, and lighting integrated as one assembly<\/li>\n          <li style=\"font-size:var(--fs-body); color:var(--text-secondary); padding:.85rem 0 .85rem 1.4rem; border-top:1px solid var(--stroke-on-dark); position:relative;\"><span style=\"position:absolute; left:0; color:var(--signal);\">\u2013<\/span>Even, color-matched backlighting with no hot spots<\/li>\n          <li style=\"font-size:var(--fs-body); color:var(--text-secondary); padding:.85rem 0 .85rem 1.4rem; border-top:1px solid var(--stroke-on-dark); position:relative;\"><span style=\"position:absolute; left:0; color:var(--signal);\">\u2013<\/span>Tactile or capacitive switching engineered to feel right<\/li>\n      <\/ul>\n    <\/div>\n    <div class=\"k-reveal\" style=\"position:relative; aspect-ratio:4\/5; overflow:hidden; isolation:isolate;\">\n      <div style=\"position:absolute; inset:0; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/cp-overview.jpg); background-size:cover; background-position:center;\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-6bb59003 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"6bb59003\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-6c8e3306\" data-id=\"6c8e3306\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7987648 elementor-widget elementor-widget-html\" data-id=\"7987648\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"s4-page\">\n<section id=\"variants\" style=\"padding-top:var(--section-y); padding-bottom:var(--section-y); background-color:var(--ink-950);\">\n  <div class=\"k-container\">\n    <div style=\"display:flex; align-items:flex-end; justify-content:space-between; gap:1.5rem; flex-wrap:wrap; margin-bottom:var(--space-8);\">\n      <div class=\"k-reveal\" style=\"max-width:46ch;\">\n        <p class=\"k-eyebrow\" style=\"color:var(--signal);\">The Range<\/p>\n        <h2 class=\"k-h2\">One shop, every kind of panel &amp; overlay<\/h2>\n      <\/div>\n      <div class=\"k-reveal\" style=\"display:flex; gap:.6rem;\">\n        <button type=\"button\" id=\"range-prev\" aria-label=\"Previous\" style=\"width:46px; height:46px; border-radius:999px; border:1px solid var(--stroke-on-dark); background:transparent; color:var(--signal); font-size:1.1rem; cursor:pointer; display:flex; align-items:center; justify-content:center;\">\u2190<\/button>\n        <button type=\"button\" id=\"range-next\" aria-label=\"Next\" style=\"width:46px; height:46px; border-radius:999px; border:1px solid var(--stroke-on-dark); background:transparent; color:var(--signal); font-size:1.1rem; cursor:pointer; display:flex; align-items:center; justify-content:center;\">\u2192<\/button>\n      <\/div>\n    <\/div>\n    <div id=\"range-gallery\" class=\"line-gallery\" style=\"display:flex; gap:16px; overflow-x:auto; scroll-snap-type:x mandatory; margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); padding-left:max(var(--gutter), calc((100vw - var(--container)) \/ 2 + var(--gutter))); padding-right:25vw; scroll-padding-left:max(var(--gutter), calc((100vw - var(--container)) \/ 2 + var(--gutter)));\">\n        <article class=\"k-reveal range-tile\" style=\"position:relative; overflow:hidden; aspect-ratio:4\/5; width:clamp(360px,42vw,500px); flex:none; scroll-snap-align:start; display:flex; align-items:flex-end; isolation:isolate;\">\n          <div class=\"k-ph k-ph-metal\" style=\"position:absolute; inset:0; z-index:-3;\"><span class=\"k-ph-label\">graphic membrane overlay<\/span><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-2; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/cp-graphic-overlay.jpg); background-size:cover; background-position:center;\"><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-1; background:var(--scrim-bottom);\"><\/div>\n          <div style=\"width:100%; padding:clamp(1.6rem,2.4vw,2.2rem);\">\n            <h3 style=\"margin:0; font-size:var(--fs-h3); font-weight:var(--fw-medium); letter-spacing:-0.015em; line-height:1.05; color:#fff;\">Graphic Overlays<\/h3>\n            <p style=\"font-size:var(--fs-body); color:rgba(255,255,255,0.76); margin:.5rem 0 0; max-width:34ch;\">Printed membrane overlays with crisp, durable graphics.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"k-reveal range-tile\" style=\"position:relative; overflow:hidden; aspect-ratio:4\/5; width:clamp(360px,42vw,500px); flex:none; scroll-snap-align:start; display:flex; align-items:flex-end; isolation:isolate;\">\n          <div class=\"k-ph \" style=\"position:absolute; inset:0; z-index:-3;\"><span class=\"k-ph-label\">backlit control panel<\/span><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-2; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/cp-backlit.jpg); background-size:cover; background-position:35% center;\"><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-1; background:var(--scrim-bottom);\"><\/div>\n          <div style=\"width:100%; padding:clamp(1.6rem,2.4vw,2.2rem);\">\n            <h3 style=\"margin:0; font-size:var(--fs-h3); font-weight:var(--fw-medium); letter-spacing:-0.015em; line-height:1.05; color:#fff;\">Backlit Panels<\/h3>\n            <p style=\"font-size:var(--fs-body); color:rgba(255,255,255,0.76); margin:.5rem 0 0; max-width:34ch;\">Even edge-lit or LED-lit panels with icon legends.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"k-reveal range-tile\" style=\"position:relative; overflow:hidden; aspect-ratio:4\/5; width:clamp(360px,42vw,500px); flex:none; scroll-snap-align:start; display:flex; align-items:flex-end; isolation:isolate;\">\n          <div class=\"k-ph k-ph-metal\" style=\"position:absolute; inset:0; z-index:-3;\"><span class=\"k-ph-label\">capacitive touch glass<\/span><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-2; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/cp-capacitive.jpg); background-size:cover; background-position:center;\"><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-1; background:var(--scrim-bottom);\"><\/div>\n          <div style=\"width:100%; padding:clamp(1.6rem,2.4vw,2.2rem);\">\n            <h3 style=\"margin:0; font-size:var(--fs-h3); font-weight:var(--fw-medium); letter-spacing:-0.015em; line-height:1.05; color:#fff;\">Capacitive Touch<\/h3>\n            <p style=\"font-size:var(--fs-body); color:rgba(255,255,255,0.76); margin:.5rem 0 0; max-width:34ch;\">Glass or film touch surfaces with proximity sensing.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"k-reveal range-tile\" style=\"position:relative; overflow:hidden; aspect-ratio:4\/5; width:clamp(360px,42vw,500px); flex:none; scroll-snap-align:start; display:flex; align-items:flex-end; isolation:isolate;\">\n          <div class=\"k-ph \" style=\"position:absolute; inset:0; z-index:-3;\"><span class=\"k-ph-label\">membrane switch panel<\/span><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-2; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/cp-membrane.jpg); background-size:cover; background-position:65% center;\"><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-1; background:var(--scrim-bottom);\"><\/div>\n          <div style=\"width:100%; padding:clamp(1.6rem,2.4vw,2.2rem);\">\n            <h3 style=\"margin:0; font-size:var(--fs-h3); font-weight:var(--fw-medium); letter-spacing:-0.015em; line-height:1.05; color:#fff;\">Membrane Switches<\/h3>\n            <p style=\"font-size:var(--fs-body); color:rgba(255,255,255,0.76); margin:.5rem 0 0; max-width:34ch;\">Tactile dome switching in a sealed, wipeable face.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"k-reveal range-tile\" style=\"position:relative; overflow:hidden; aspect-ratio:4\/5; width:clamp(360px,42vw,500px); flex:none; scroll-snap-align:start; display:flex; align-items:flex-end; isolation:isolate;\">\n          <div class=\"k-ph k-ph-metal\" style=\"position:absolute; inset:0; z-index:-3;\"><span class=\"k-ph-label\">PVD control plate<\/span><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-2; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/cp-pvd.jpg); background-size:cover; background-position:center;\"><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-1; background:var(--scrim-bottom);\"><\/div>\n          <div style=\"width:100%; padding:clamp(1.6rem,2.4vw,2.2rem);\">\n            <h3 style=\"margin:0; font-size:var(--fs-h3); font-weight:var(--fw-medium); letter-spacing:-0.015em; line-height:1.05; color:#fff;\">PVD Control Plates<\/h3>\n            <p style=\"font-size:var(--fs-body); color:rgba(255,255,255,0.76); margin:.5rem 0 0; max-width:34ch;\">Metal-finish plates with interchangeable inserts.<\/p>\n          <\/div>\n        <\/article>\n        <article class=\"k-reveal range-tile\" style=\"position:relative; overflow:hidden; aspect-ratio:4\/5; width:clamp(360px,42vw,500px); flex:none; scroll-snap-align:start; display:flex; align-items:flex-end; isolation:isolate;\">\n          <div class=\"k-ph \" style=\"position:absolute; inset:0; z-index:-3;\"><span class=\"k-ph-label\">display bezel window<\/span><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-2; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/cp-display-bezel.jpg); background-size:cover; background-position:center;\"><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-1; background:var(--scrim-bottom);\"><\/div>\n          <div style=\"width:100%; padding:clamp(1.6rem,2.4vw,2.2rem);\">\n            <h3 style=\"margin:0; font-size:var(--fs-h3); font-weight:var(--fw-medium); letter-spacing:-0.015em; line-height:1.05; color:#fff;\">Display Bezels<\/h3>\n            <p style=\"font-size:var(--fs-body); color:rgba(255,255,255,0.76); margin:.5rem 0 0; max-width:34ch;\">Framed windows for screens, lenses, and indicators.<\/p>\n          <\/div>\n        <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-41fa7e4 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"41fa7e4\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1cfcfae5\" data-id=\"1cfcfae5\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-6476ffee elementor-widget elementor-widget-html\" data-id=\"6476ffee\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"s4-page\">\n<section style=\"padding-top:var(--section-y); padding-bottom:var(--section-y); background-color:var(--ink-pure);\">\n  <div class=\"k-container\" style=\"display:grid; grid-template-columns:1.05fr 1fr; gap:clamp(2rem,5vw,5rem); align-items:center;\">\n    <div class=\"k-reveal\" style=\"position:relative; min-height:560px; overflow:hidden; isolation:isolate; order:2;\">\n      <div style=\"position:absolute; inset:0; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/cp-exploded.jpg); background-size:cover; background-position:center;\"><\/div>\n    <\/div>\n    <div class=\"k-reveal\" style=\"order:1;\">\n      <p class=\"k-eyebrow\" style=\"color:var(--signal);\">How It's Built<\/p>\n      <h2 class=\"k-h2\" style=\"max-width:none; white-space:nowrap;\">Engineered layer by <span style=\"font-style:italic; color:var(--signal);\">layer<\/span><\/h2>\n      <p class=\"k-lead\" style=\"margin-top:var(--space-5); max-width:44ch;\">A panel is a stack of carefully matched layers. We mold the substrate, print the graphics, integrate the light guide, and add tactile switching \u2014 all under one roof so the layers register perfectly.<\/p>\n      <ol style=\"list-style:none; margin:var(--space-7) 0 0; padding:0;\">\n          <li style=\"display:flex; gap:1.1rem; padding:1rem 0; border-top:1px solid var(--stroke-on-dark);\">\n            <span style=\"flex:none; font-size:var(--fs-sm); font-weight:var(--fw-medium); color:var(--signal); width:1.5rem;\">01<\/span>\n            <span>\n              <span style=\"display:block; font-size:var(--fs-body); color:var(--text-primary);\">Substrate<\/span>\n              <span style=\"display:block; font-size:var(--fs-sm); color:var(--text-muted); margin-top:.2rem;\">Injection-molded or formed plate sized to your opening.<\/span>\n            <\/span>\n          <\/li>\n          <li style=\"display:flex; gap:1.1rem; padding:1rem 0; border-top:1px solid var(--stroke-on-dark);\">\n            <span style=\"flex:none; font-size:var(--fs-sm); font-weight:var(--fw-medium); color:var(--signal); width:1.5rem;\">02<\/span>\n            <span>\n              <span style=\"display:block; font-size:var(--fs-body); color:var(--text-primary);\">Graphics<\/span>\n              <span style=\"display:block; font-size:var(--fs-sm); color:var(--text-muted); margin-top:.2rem;\">Screen, digital, or in-mold printed legends and icons.<\/span>\n            <\/span>\n          <\/li>\n          <li style=\"display:flex; gap:1.1rem; padding:1rem 0; border-top:1px solid var(--stroke-on-dark);\">\n            <span style=\"flex:none; font-size:var(--fs-sm); font-weight:var(--fw-medium); color:var(--signal); width:1.5rem;\">03<\/span>\n            <span>\n              <span style=\"display:block; font-size:var(--fs-body); color:var(--text-primary);\">Light guide<\/span>\n              <span style=\"display:block; font-size:var(--fs-sm); color:var(--text-muted); margin-top:.2rem;\">Diffuser and LED layout for even, hot-spot-free glow.<\/span>\n            <\/span>\n          <\/li>\n          <li style=\"display:flex; gap:1.1rem; padding:1rem 0; border-top:1px solid var(--stroke-on-dark);\">\n            <span style=\"flex:none; font-size:var(--fs-sm); font-weight:var(--fw-medium); color:var(--signal); width:1.5rem;\">04<\/span>\n            <span>\n              <span style=\"display:block; font-size:var(--fs-body); color:var(--text-primary);\">Switching<\/span>\n              <span style=\"display:block; font-size:var(--fs-sm); color:var(--text-muted); margin-top:.2rem;\">Tactile domes, membrane, or capacitive touch sensing.<\/span>\n            <\/span>\n          <\/li>\n          <li style=\"display:flex; gap:1.1rem; padding:1rem 0; border-top:1px solid var(--stroke-on-dark);\">\n            <span style=\"flex:none; font-size:var(--fs-sm); font-weight:var(--fw-medium); color:var(--signal); width:1.5rem;\">05<\/span>\n            <span>\n              <span style=\"display:block; font-size:var(--fs-body); color:var(--text-primary);\">Finish & seal<\/span>\n              <span style=\"display:block; font-size:var(--fs-sm); color:var(--text-muted); margin-top:.2rem;\">Hardcoat, anti-fingerprint, and gasket for a sealed face.<\/span>\n            <\/span>\n          <\/li>\n      <\/ol>\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-22ed1d47 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"22ed1d47\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-794a9d29\" data-id=\"794a9d29\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-174565f4 elementor-widget elementor-widget-html\" data-id=\"174565f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"s4-page\">\n<section style=\"padding-top:var(--section-y); padding-bottom:var(--section-y); background-color:var(--ink-850);\">\n  <div class=\"k-container\">\n    <div class=\"k-reveal\" style=\"display:flex; flex-direction:column; align-items:center; text-align:center; gap:var(--space-4); margin-bottom:var(--space-8);\">\n      <div>\n        <p class=\"k-eyebrow\" style=\"color:var(--signal);\">Configure Your Panel<\/p>\n        <h2 class=\"k-h2\">The interface is yours to spec<\/h2>\n      <\/div>\n      <p class=\"k-lead\" style=\"max-width:48ch; margin:0;\">Pick an interface, a plate finish, and a backlight color \u2014 see the panel light up the way your customer will.<\/p>\n    <\/div>\n\n    <div style=\"display:grid; grid-template-columns:1fr 1.15fr; gap:clamp(1.5rem,4vw,3rem); align-items:start;\">\n\n      <!-- PREVIEW -->\n      <div class=\"k-reveal\" style=\"position:sticky; top:88px;\">\n        <div style=\"position:relative; overflow:hidden; min-height:clamp(380px,44vw,540px); display:flex; align-items:center; justify-content:center; border:1px solid var(--stroke-on-dark-2); isolation:isolate;\">\n          <span style=\"position:absolute; inset:0; z-index:-3; background:radial-gradient(circle at 50% 38%, #2a2a2c, #161617 70%);\"><\/span>\n          <!-- panel -->\n          <div id=\"cfg-panel-face\" style=\"position:relative; width:90%; aspect-ratio:16\/8; border-radius:12px; background:linear-gradient(135deg,#d6d8da,#a3a7ab 50%,#c4c7ca); box-shadow:0 26px 60px rgba(0,0,0,0.55), inset 0 2px 4px rgba(255,255,255,0.6), inset 0 -3px 6px rgba(0,0,0,0.5); transition:background .5s cubic-bezier(0.22,1,0.36,1); display:flex; align-items:center; gap:3.5%; padding:0 6%;\">\n\n            <!-- INPUT ZONE -->\n            <div style=\"flex:none; width:23%; display:flex; align-items:center; justify-content:center;\">\n              <span id=\"cfg-zone-knob\" style=\"display:flex; position:relative; width:clamp(54px,8.5vw,98px); height:clamp(54px,8.5vw,98px); border-radius:999px; background:radial-gradient(circle at 50% 34%, #56585c, #131315 74%); box-shadow:0 7px 16px rgba(0,0,0,0.55), inset 0 2px 3px rgba(255,255,255,0.4), inset 0 -5px 9px rgba(0,0,0,0.55), 0 0 0 2px rgba(233,224,55,0.9), 0 0 16px rgba(233,224,55,0.9); align-items:flex-start; justify-content:center;\">\n                <span id=\"cfg-knob-lit\" style=\"width:7%; height:30%; margin-top:8%; border-radius:999px; background:#e9e037; box-shadow:0 0 7px rgba(233,224,55,0.9);\"><\/span>\n              <\/span>\n              <span id=\"cfg-zone-buttons\" style=\"display:none; grid-template-columns:repeat(2,1fr); gap:20%; width:86%;\">\n                  <span class=\"cfg-btn-cell\" style=\"aspect-ratio:1\/1; border-radius:9px; background:rgba(0,0,0,0.32); box-shadow:inset 0 1px 2px rgba(255,255,255,0.22), 0 0 0 1.5px rgba(233,224,55,0.9), 0 0 9px rgba(233,224,55,0.9);\"><\/span>\n                  <span class=\"cfg-btn-cell\" style=\"aspect-ratio:1\/1; border-radius:9px; background:rgba(0,0,0,0.32); box-shadow:inset 0 1px 2px rgba(255,255,255,0.22), 0 0 0 1.5px rgba(233,224,55,0.9), 0 0 9px rgba(233,224,55,0.9);\"><\/span>\n                  <span class=\"cfg-btn-cell\" style=\"aspect-ratio:1\/1; border-radius:9px; background:rgba(0,0,0,0.32); box-shadow:inset 0 1px 2px rgba(255,255,255,0.22), 0 0 0 1.5px rgba(233,224,55,0.9), 0 0 9px rgba(233,224,55,0.9);\"><\/span>\n                  <span class=\"cfg-btn-cell\" style=\"aspect-ratio:1\/1; border-radius:9px; background:rgba(0,0,0,0.32); box-shadow:inset 0 1px 2px rgba(255,255,255,0.22), 0 0 0 1.5px rgba(233,224,55,0.9), 0 0 9px rgba(233,224,55,0.9);\"><\/span>\n              <\/span>\n              <span id=\"cfg-zone-touch\" style=\"display:none; flex-direction:column; gap:18%; width:92%;\">\n                <span class=\"cfg-touch-bar\" style=\"height:clamp(14px,2vw,22px); border-radius:6px; background:rgba(0,0,0,0.3); box-shadow:inset 0 0 0 1px rgba(233,224,55,0.9), 0 0 8px rgba(233,224,55,0.9);\"><\/span>\n                <span class=\"cfg-touch-bar\" style=\"height:clamp(14px,2vw,22px); border-radius:6px; background:rgba(0,0,0,0.3); box-shadow:inset 0 0 0 1px rgba(233,224,55,0.9), 0 0 8px rgba(233,224,55,0.9);\"><\/span>\n                <span class=\"cfg-touch-bar\" style=\"height:clamp(14px,2vw,22px); border-radius:6px; background:rgba(0,0,0,0.3); box-shadow:inset 0 0 0 1px rgba(233,224,55,0.9), 0 0 8px rgba(233,224,55,0.9);\"><\/span>\n              <\/span>\n            <\/div>\n\n            <!-- CYCLE LEGEND -->\n            <div style=\"flex:1; display:grid; grid-template-columns:1fr 1fr; gap:7% 9%; align-content:center;\">\n              <span style=\"display:flex; align-items:center; gap:7%;\">\n                <span class=\"cfg-legend-dot\" style=\"width:6px; height:6px; border-radius:999px; background:#e9e037; box-shadow:0 0 6px rgba(233,224,55,0.9); flex:none;\"><\/span>\n                <span class=\"cfg-legend-text\" style=\"font-size:clamp(6px,1.05vw,12px); letter-spacing:.06em; color:rgba(26,26,28,0.82); white-space:nowrap;\">COTTON<\/span>\n              <\/span>\n              <span style=\"display:flex; align-items:center; gap:7%;\">\n                <span class=\"cfg-legend-dot\" style=\"width:6px; height:6px; border-radius:999px; background:#e9e037; box-shadow:0 0 6px rgba(233,224,55,0.9); flex:none;\"><\/span>\n                <span class=\"cfg-legend-text\" style=\"font-size:clamp(6px,1.05vw,12px); letter-spacing:.06em; color:rgba(26,26,28,0.82); white-space:nowrap;\">QUICK WASH<\/span>\n              <\/span>\n              <span style=\"display:flex; align-items:center; gap:7%;\">\n                <span class=\"cfg-legend-dot\" style=\"width:6px; height:6px; border-radius:999px; background:#e9e037; box-shadow:0 0 6px rgba(233,224,55,0.9); flex:none;\"><\/span>\n                <span class=\"cfg-legend-text\" style=\"font-size:clamp(6px,1.05vw,12px); letter-spacing:.06em; color:rgba(26,26,28,0.82); white-space:nowrap;\">MIXED LOAD<\/span>\n              <\/span>\n              <span style=\"display:flex; align-items:center; gap:7%;\">\n                <span class=\"cfg-legend-dot\" style=\"width:6px; height:6px; border-radius:999px; background:#e9e037; box-shadow:0 0 6px rgba(233,224,55,0.9); flex:none;\"><\/span>\n                <span class=\"cfg-legend-text\" style=\"font-size:clamp(6px,1.05vw,12px); letter-spacing:.06em; color:rgba(26,26,28,0.82); white-space:nowrap;\">ECO 40-60<\/span>\n              <\/span>\n              <span style=\"display:flex; align-items:center; gap:7%;\">\n                <span class=\"cfg-legend-dot\" style=\"width:6px; height:6px; border-radius:999px; background:#e9e037; box-shadow:0 0 6px rgba(233,224,55,0.9); flex:none;\"><\/span>\n                <span class=\"cfg-legend-text\" style=\"font-size:clamp(6px,1.05vw,12px); letter-spacing:.06em; color:rgba(26,26,28,0.82); white-space:nowrap;\">DELICATES<\/span>\n              <\/span>\n              <span style=\"display:flex; align-items:center; gap:7%;\">\n                <span class=\"cfg-legend-dot\" style=\"width:6px; height:6px; border-radius:999px; background:#e9e037; box-shadow:0 0 6px rgba(233,224,55,0.9); flex:none;\"><\/span>\n                <span class=\"cfg-legend-text\" style=\"font-size:clamp(6px,1.05vw,12px); letter-spacing:.06em; color:rgba(26,26,28,0.82); white-space:nowrap;\">SYNTHETICS<\/span>\n              <\/span>\n              <span style=\"display:flex; align-items:center; gap:7%;\">\n                <span class=\"cfg-legend-dot\" style=\"width:6px; height:6px; border-radius:999px; background:#e9e037; box-shadow:0 0 6px rgba(233,224,55,0.9); flex:none;\"><\/span>\n                <span class=\"cfg-legend-text\" style=\"font-size:clamp(6px,1.05vw,12px); letter-spacing:.06em; color:rgba(26,26,28,0.82); white-space:nowrap;\">WOOL<\/span>\n              <\/span>\n              <span style=\"display:flex; align-items:center; gap:7%;\">\n                <span class=\"cfg-legend-dot\" style=\"width:6px; height:6px; border-radius:999px; background:#e9e037; box-shadow:0 0 6px rgba(233,224,55,0.9); flex:none;\"><\/span>\n                <span class=\"cfg-legend-text\" style=\"font-size:clamp(6px,1.05vw,12px); letter-spacing:.06em; color:rgba(26,26,28,0.82); white-space:nowrap;\">RINSE+SPIN<\/span>\n              <\/span>\n            <\/div>\n\n            <!-- LED DISPLAY -->\n            <div style=\"flex:none; width:29%; aspect-ratio:3\/2; border-radius:8px; background:linear-gradient(160deg,#0b0c0e,#191b1e); box-shadow:inset 0 2px 7px rgba(0,0,0,0.7), inset 0 0 0 1px rgba(255,255,255,0.05); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:7%; padding:7% 6%;\">\n              <span id=\"cfg-led-time\" style=\"font-family:'DS-Digital','Courier New',monospace; font-size:clamp(22px,3.6vw,44px); font-weight:700; letter-spacing:.05em; color:#e9e037; text-shadow:0 0 11px rgba(233,224,55,0.9); line-height:1;\">1:20<\/span>\n              <span id=\"cfg-led-stats\" style=\"display:flex; gap:16%; font-family:'Courier New',monospace; font-size:clamp(8px,1.35vw,16px); font-weight:700; color:#e9e037; text-shadow:0 0 8px rgba(233,224,55,0.9); line-height:1;\"><span>40\u00b0<\/span><span>2<\/span><span>90<\/span><\/span>\n              <span style=\"display:flex; gap:9%; margin-top:3%;\">\n                  <span class=\"cfg-mode-cell\" style=\"width:clamp(8px,1.25vw,15px); height:clamp(8px,1.25vw,15px); border-radius:3px; background:rgba(255,255,255,0.04); box-shadow:0 0 0 1px rgba(233,224,55,0.9), 0 0 6px rgba(233,224,55,0.9);\"><\/span>\n                  <span class=\"cfg-mode-cell\" style=\"width:clamp(8px,1.25vw,15px); height:clamp(8px,1.25vw,15px); border-radius:3px; background:rgba(255,255,255,0.04); box-shadow:0 0 0 1px rgba(233,224,55,0.9), 0 0 6px rgba(233,224,55,0.9);\"><\/span>\n                  <span class=\"cfg-mode-cell\" style=\"width:clamp(8px,1.25vw,15px); height:clamp(8px,1.25vw,15px); border-radius:3px; background:rgba(255,255,255,0.04); box-shadow:0 0 0 1px rgba(233,224,55,0.9), 0 0 6px rgba(233,224,55,0.9);\"><\/span>\n                  <span class=\"cfg-mode-cell\" style=\"width:clamp(8px,1.25vw,15px); height:clamp(8px,1.25vw,15px); border-radius:3px; background:rgba(255,255,255,0.04); box-shadow:0 0 0 1px rgba(233,224,55,0.9), 0 0 6px rgba(233,224,55,0.9);\"><\/span>\n                  <span class=\"cfg-mode-cell\" style=\"width:clamp(8px,1.25vw,15px); height:clamp(8px,1.25vw,15px); border-radius:3px; background:rgba(255,255,255,0.04); box-shadow:0 0 0 1px rgba(233,224,55,0.9), 0 0 6px rgba(233,224,55,0.9);\"><\/span>\n              <\/span>\n            <\/div>\n          <\/div>\n          <span style=\"position:absolute; left:1.2rem; bottom:1.1rem; font-size:var(--fs-xs); letter-spacing:.12em; text-transform:uppercase; color:var(--text-muted);\">Live preview<\/span>\n        <\/div>\n        <div style=\"margin-top:var(--space-5);\">\n          <h3 class=\"k-h3\" id=\"cfg-layout-name\" style=\"margin:0;\">Rotary Knobs Panel<\/h3>\n          <p id=\"cfg-spec-line\" style=\"font-size:var(--fs-sm); color:var(--text-muted); margin:.3rem 0 0;\">Brushed Stainless plate \u00b7 Rotary Knobs \u00b7 Signal Yellow backlight<\/p>\n        <\/div>\n      <\/div>\n\n      <!-- CONTROLS -->\n      <div>\n        <p class=\"k-reveal\" style=\"font-size:var(--fs-eyebrow); letter-spacing:var(--ls-eyebrow); text-transform:uppercase; color:var(--text-muted); margin:0 0 var(--space-4);\">Interface \u2014 pick one<\/p>\n        <div class=\"k-reveal\" style=\"display:flex; flex-wrap:wrap; gap:.6rem;\">\n            <button type=\"button\" class=\"opt-pill cfg-layout-pill\" data-layout-index=\"0\" style=\"font-size:var(--fs-sm); font-family:var(--font-sans); cursor:pointer; border-radius:999px; padding:.5rem .95rem; transition:var(--transition); background:var(--signal); color:var(--text-on-signal); border:1px solid var(--signal);\">Rotary Knobs<\/button>\n            <button type=\"button\" class=\"opt-pill cfg-layout-pill\" data-layout-index=\"1\" style=\"font-size:var(--fs-sm); font-family:var(--font-sans); cursor:pointer; border-radius:999px; padding:.5rem .95rem; transition:var(--transition); background:transparent; color:var(--text-secondary); border:1px solid var(--stroke-on-dark);\">Push Buttons<\/button>\n            <button type=\"button\" class=\"opt-pill cfg-layout-pill\" data-layout-index=\"2\" style=\"font-size:var(--fs-sm); font-family:var(--font-sans); cursor:pointer; border-radius:999px; padding:.5rem .95rem; transition:var(--transition); background:transparent; color:var(--text-secondary); border:1px solid var(--stroke-on-dark);\">Touch Glass<\/button>\n            <button type=\"button\" class=\"opt-pill cfg-layout-pill\" data-layout-index=\"3\" style=\"font-size:var(--fs-sm); font-family:var(--font-sans); cursor:pointer; border-radius:999px; padding:.5rem .95rem; transition:var(--transition); background:transparent; color:var(--text-secondary); border:1px solid var(--stroke-on-dark);\">Mixed<\/button>\n        <\/div>\n\n        <p class=\"k-reveal\" style=\"font-size:var(--fs-eyebrow); letter-spacing:var(--ls-eyebrow); text-transform:uppercase; color:var(--text-muted); margin:var(--space-7) 0 var(--space-4);\">Plate finish \u2014 pick one<\/p>\n        <div class=\"k-reveal\" style=\"display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:10px;\">\n            <button type=\"button\" class=\"finish-tile cfg-finish-tile\" data-finish-index=\"0\" style=\"position:relative; overflow:hidden; min-height:118px; display:flex; align-items:flex-end; isolation:isolate; cursor:pointer; padding:0; font-family:var(--font-sans); border-radius:2px; transition:transform .24s cubic-bezier(0.22,1,0.36,1), box-shadow .24s, outline-color .18s; outline:2px solid var(--signal); outline-offset:-2px; box-shadow:0 10px 28px rgba(0,0,0,0.5);\">\n              <span style=\"position:absolute; inset:0; z-index:-2; background:linear-gradient(135deg,#d6d8da,#a3a7ab 50%,#c4c7ca);\"><\/span>\n              <span style=\"position:absolute; inset:0; z-index:-1; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.02) 58%);\"><\/span>\n              <span class=\"cfg-finish-check\" style=\"position:absolute; top:.6rem; right:.6rem; width:22px; height:22px; border-radius:999px; background:var(--signal); color:var(--text-on-signal); font-size:.7rem; display:flex; align-items:center; justify-content:center; line-height:1;\">\u2713<\/span>\n              <span style=\"padding:1rem 1.1rem; text-align:left;\">\n                <span style=\"display:block; font-size:var(--fs-sm); color:#fff;\">Brushed Stainless<\/span>\n              <\/span>\n            <\/button>\n            <button type=\"button\" class=\"finish-tile cfg-finish-tile\" data-finish-index=\"1\" style=\"position:relative; overflow:hidden; min-height:118px; display:flex; align-items:flex-end; isolation:isolate; cursor:pointer; padding:0; font-family:var(--font-sans); border-radius:2px; transition:transform .24s cubic-bezier(0.22,1,0.36,1), box-shadow .24s, outline-color .18s; outline:2px solid transparent; outline-offset:-2px; box-shadow:0 1px 0 rgba(255,255,255,0.05);\">\n              <span style=\"position:absolute; inset:0; z-index:-2; background:linear-gradient(135deg,#343436,#161617 60%,#262628);\"><\/span>\n              <span style=\"position:absolute; inset:0; z-index:-1; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.02) 58%);\"><\/span>\n              <span class=\"cfg-finish-check\" style=\"position:absolute; top:.6rem; right:.6rem; width:22px; height:22px; border-radius:999px; background:var(--signal); color:var(--text-on-signal); font-size:.7rem; display:none; align-items:center; justify-content:center; line-height:1;\">\u2713<\/span>\n              <span style=\"padding:1rem 1.1rem; text-align:left;\">\n                <span style=\"display:block; font-size:var(--fs-sm); color:#fff;\">Matte Black<\/span>\n              <\/span>\n            <\/button>\n            <button type=\"button\" class=\"finish-tile cfg-finish-tile\" data-finish-index=\"2\" style=\"position:relative; overflow:hidden; min-height:118px; display:flex; align-items:flex-end; isolation:isolate; cursor:pointer; padding:0; font-family:var(--font-sans); border-radius:2px; transition:transform .24s cubic-bezier(0.22,1,0.36,1), box-shadow .24s, outline-color .18s; outline:2px solid transparent; outline-offset:-2px; box-shadow:0 1px 0 rgba(255,255,255,0.05);\">\n              <span style=\"position:absolute; inset:0; z-index:-2; background:linear-gradient(135deg,#f4f6f8,#aeb4ba 45%,#dfe3e7 60%,#82888e);\"><\/span>\n              <span style=\"position:absolute; inset:0; z-index:-1; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.02) 58%);\"><\/span>\n              <span class=\"cfg-finish-check\" style=\"position:absolute; top:.6rem; right:.6rem; width:22px; height:22px; border-radius:999px; background:var(--signal); color:var(--text-on-signal); font-size:.7rem; display:none; align-items:center; justify-content:center; line-height:1;\">\u2713<\/span>\n              <span style=\"padding:1rem 1.1rem; text-align:left;\">\n                <span style=\"display:block; font-size:var(--fs-sm); color:#fff;\">Bright Chrome<\/span>\n              <\/span>\n            <\/button>\n            <button type=\"button\" class=\"finish-tile cfg-finish-tile\" data-finish-index=\"3\" style=\"position:relative; overflow:hidden; min-height:118px; display:flex; align-items:flex-end; isolation:isolate; cursor:pointer; padding:0; font-family:var(--font-sans); border-radius:2px; transition:transform .24s cubic-bezier(0.22,1,0.36,1), box-shadow .24s, outline-color .18s; outline:2px solid transparent; outline-offset:-2px; box-shadow:0 1px 0 rgba(255,255,255,0.05);\">\n              <span style=\"position:absolute; inset:0; z-index:-2; background:linear-gradient(135deg,#5a5d62,#2e3033 60%,#46484c);\"><\/span>\n              <span style=\"position:absolute; inset:0; z-index:-1; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.02) 58%);\"><\/span>\n              <span class=\"cfg-finish-check\" style=\"position:absolute; top:.6rem; right:.6rem; width:22px; height:22px; border-radius:999px; background:var(--signal); color:var(--text-on-signal); font-size:.7rem; display:none; align-items:center; justify-content:center; line-height:1;\">\u2713<\/span>\n              <span style=\"padding:1rem 1.1rem; text-align:left;\">\n                <span style=\"display:block; font-size:var(--fs-sm); color:#fff;\">PVD Graphite<\/span>\n              <\/span>\n            <\/button>\n            <button type=\"button\" class=\"finish-tile cfg-finish-tile\" data-finish-index=\"4\" style=\"position:relative; overflow:hidden; min-height:118px; display:flex; align-items:flex-end; isolation:isolate; cursor:pointer; padding:0; font-family:var(--font-sans); border-radius:2px; transition:transform .24s cubic-bezier(0.22,1,0.36,1), box-shadow .24s, outline-color .18s; outline:2px solid transparent; outline-offset:-2px; box-shadow:0 1px 0 rgba(255,255,255,0.05);\">\n              <span style=\"position:absolute; inset:0; z-index:-2; background:linear-gradient(135deg,#fbfbf8,#dcdcd6 60%,#eeeee9);\"><\/span>\n              <span style=\"position:absolute; inset:0; z-index:-1; background:linear-gradient(to top, rgba(0,0,0,0.8), rgba(0,0,0,0.02) 58%);\"><\/span>\n              <span class=\"cfg-finish-check\" style=\"position:absolute; top:.6rem; right:.6rem; width:22px; height:22px; border-radius:999px; background:var(--signal); color:var(--text-on-signal); font-size:.7rem; display:none; align-items:center; justify-content:center; line-height:1;\">\u2713<\/span>\n              <span style=\"padding:1rem 1.1rem; text-align:left;\">\n                <span style=\"display:block; font-size:var(--fs-sm); color:#fff;\">White Glass<\/span>\n              <\/span>\n            <\/button>\n        <\/div>\n\n        <p class=\"k-reveal\" style=\"font-size:var(--fs-eyebrow); letter-spacing:var(--ls-eyebrow); text-transform:uppercase; color:var(--text-muted); margin:var(--space-7) 0 var(--space-4);\">Backlight color \u2014 pick one<\/p>\n        <div class=\"k-reveal\" style=\"display:flex; flex-wrap:wrap; gap:1rem;\">\n            <button type=\"button\" class=\"cfg-backlight-btn\" data-backlight-index=\"0\" style=\"background:none; border:none; padding:0; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:.5rem;\">\n              <span class=\"cfg-backlight-dot\" style=\"width:46px; height:46px; border-radius:999px; transition:transform .2s; box-shadow:inset 0 1px 2px rgba(255,255,255,0.3); background:#ffe7b8; outline:2px solid transparent; outline-offset:3px; border:1px solid rgba(255,255,255,0.18);\"><\/span>\n              <span class=\"cfg-backlight-label\" style=\"font-size:var(--fs-xs); color:var(--text-muted);\">Warm White<\/span>\n            <\/button>\n            <button type=\"button\" class=\"cfg-backlight-btn\" data-backlight-index=\"1\" style=\"background:none; border:none; padding:0; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:.5rem;\">\n              <span class=\"cfg-backlight-dot\" style=\"width:46px; height:46px; border-radius:999px; transition:transform .2s; box-shadow:inset 0 1px 2px rgba(255,255,255,0.3); background:#dbeeff; outline:2px solid transparent; outline-offset:3px; border:1px solid rgba(255,255,255,0.18);\"><\/span>\n              <span class=\"cfg-backlight-label\" style=\"font-size:var(--fs-xs); color:var(--text-muted);\">Cool White<\/span>\n            <\/button>\n            <button type=\"button\" class=\"cfg-backlight-btn\" data-backlight-index=\"2\" style=\"background:none; border:none; padding:0; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:.5rem;\">\n              <span class=\"cfg-backlight-dot\" style=\"width:46px; height:46px; border-radius:999px; transition:transform .2s; box-shadow:inset 0 1px 2px rgba(255,255,255,0.3); background:#5ec8ff; outline:2px solid transparent; outline-offset:3px; border:1px solid rgba(255,255,255,0.18);\"><\/span>\n              <span class=\"cfg-backlight-label\" style=\"font-size:var(--fs-xs); color:var(--text-muted);\">Ice Blue<\/span>\n            <\/button>\n            <button type=\"button\" class=\"cfg-backlight-btn\" data-backlight-index=\"3\" style=\"background:none; border:none; padding:0; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:.5rem;\">\n              <span class=\"cfg-backlight-dot\" style=\"width:46px; height:46px; border-radius:999px; transition:transform .2s; box-shadow:inset 0 1px 2px rgba(255,255,255,0.3); background:#e9e037; outline:2px solid var(--signal); outline-offset:3px; border:1px solid rgba(255,255,255,0.4);\"><\/span>\n              <span class=\"cfg-backlight-label\" style=\"font-size:var(--fs-xs); color:var(--signal);\">Signal Yellow<\/span>\n            <\/button>\n            <button type=\"button\" class=\"cfg-backlight-btn\" data-backlight-index=\"4\" style=\"background:none; border:none; padding:0; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:.5rem;\">\n              <span class=\"cfg-backlight-dot\" style=\"width:46px; height:46px; border-radius:999px; transition:transform .2s; box-shadow:inset 0 1px 2px rgba(255,255,255,0.3); background:#ff5a44; outline:2px solid transparent; outline-offset:3px; border:1px solid rgba(255,255,255,0.18);\"><\/span>\n              <span class=\"cfg-backlight-label\" style=\"font-size:var(--fs-xs); color:var(--text-muted);\">Brand Red<\/span>\n            <\/button>\n        <\/div>\n\n        <div class=\"k-reveal\" style=\"margin-top:var(--space-8); display:flex; align-items:center; gap:1rem; flex-wrap:wrap;\">\n          <button type=\"button\" data-open-quote class=\"k-btn k-btn-md k-btn-primary\">Quote This Spec<\/button>\n          <button type=\"button\" id=\"cfg-reset\" style=\"background:none; border:none; color:var(--text-muted); font-size:var(--fs-sm); cursor:pointer; text-decoration:underline; text-underline-offset:3px;\">Reset<\/button>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/section>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1f6599bf elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"1f6599bf\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-1a152583\" data-id=\"1a152583\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5fa865e3 elementor-widget elementor-widget-html\" data-id=\"5fa865e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"s4-page\">\n<section style=\"background:var(--ink-950); padding-top:var(--space-9); padding-bottom:var(--space-9); border-top:1px solid var(--stroke-on-dark-2);\">\n  <div class=\"k-container\" style=\"display:flex; align-items:center; justify-content:space-between; gap:1.5rem; flex-wrap:wrap;\">\n    <div>\n      <p class=\"k-eyebrow\" style=\"margin-bottom:.4rem;\">Next Product<\/p>\n      <a href=\"https:\/\/signature4.com\/4appliance\/range-hood-panels\/\" class=\"k-alink k-alink-light k-alink-lg\">Range Hood Panels<span class=\"k-ar\">\u2197<\/span><\/a>\n    <\/div>\n    <a href=\"https:\/\/signature4.com\/4appliance\/#products\" class=\"k-alink k-alink-light k-alink-md\">View all products<span class=\"k-ar\">\u2197<\/span><\/a>\n  <\/div>\n<\/section>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-74a2e339 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"74a2e339\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-12cecf5e\" data-id=\"12cecf5e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-259a0fba elementor-widget elementor-widget-html\" data-id=\"259a0fba\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"s4-page\">\n<div id=\"quote-modal-backdrop\" style=\"display:none; position:fixed; inset:0; z-index:100; background:rgba(0,0,0,0.7); backdrop-filter:blur(6px); align-items:center; justify-content:center; padding:var(--gutter);\">\n  <div id=\"quote-modal-box\" style=\"width:100%; max-width:520px; background:var(--ink-850); border:1px solid var(--stroke-on-dark); border-radius:var(--radius-lg); padding:clamp(1.75rem,4vw,2.5rem); position:relative;\">\n    <button type=\"button\" id=\"quote-modal-close\" aria-label=\"Close\" style=\"position:absolute; top:1rem; right:1rem; background:none; border:none; color:var(--text-muted); font-size:1.4rem; cursor:pointer; line-height:1;\">\u00d7<\/button>\n    <div id=\"quote-form-view\">\n      <p class=\"k-eyebrow\" style=\"color:var(--signal); text-align:left;\">Start a Project<\/p>\n      <h3 class=\"k-h3\" style=\"margin:0 0 .4rem;\">Tell us what you're making.<\/h3>\n      <p style=\"font-size:var(--fs-sm); color:var(--text-secondary); margin:0 0 var(--space-6);\">We move ideas <span style=\"font-style:italic; color:var(--signal);\">Fourward<\/span> \u2014 molded, printed, lit, assembled.<\/p>\n      <div style=\"margin-bottom:var(--space-4);\">\n        <label style=\"display:block; font-size:var(--fs-xs); letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted); margin-bottom:.4rem;\">Name<\/label>\n        <input id=\"qf-name\" placeholder=\"Jordan Maker\" style=\"width:100%; background:var(--ink-900); border:1px solid var(--stroke-on-dark); border-radius:var(--radius-sm); color:#fff; font-family:var(--font-sans); font-size:var(--fs-body); padding:.7rem .85rem;\">\n      <\/div>\n      <div style=\"margin-bottom:var(--space-4);\">\n        <label style=\"display:block; font-size:var(--fs-xs); letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted); margin-bottom:.4rem;\">Company<\/label>\n        <input id=\"qf-company\" placeholder=\"Acme Appliance\" style=\"width:100%; background:var(--ink-900); border:1px solid var(--stroke-on-dark); border-radius:var(--radius-sm); color:#fff; font-family:var(--font-sans); font-size:var(--fs-body); padding:.7rem .85rem;\">\n      <\/div>\n      <div style=\"margin-bottom:var(--space-4);\">\n        <label style=\"display:block; font-size:var(--fs-xs); letter-spacing:.08em; text-transform:uppercase; color:var(--text-muted); margin-bottom:.4rem;\">Project details<\/label>\n        <textarea id=\"qf-details\" rows=\"3\" placeholder=\"Volumes, interface, lighting, finishes\u2026\" style=\"width:100%; background:var(--ink-900); border:1px solid var(--stroke-on-dark); border-radius:var(--radius-sm); color:#fff; font-family:var(--font-sans); font-size:var(--fs-body); padding:.7rem .85rem; resize:vertical;\"><\/textarea>\n      <\/div>\n      <div style=\"margin-top:var(--space-5); display:flex; gap:var(--space-3);\">\n        <button type=\"button\" id=\"qf-submit\" class=\"k-btn k-btn-md k-btn-primary\" style=\"opacity:.5; cursor:not-allowed;\">Submit RFQ<\/button>\n        <button type=\"button\" id=\"qf-cancel\" class=\"k-btn k-btn-md k-btn-dark\">Cancel<\/button>\n      <\/div>\n    <\/div>\n    <div id=\"quote-sent-view\" style=\"display:none; text-align:center; padding:var(--space-6) 0;\">\n      <div style=\"width:56px; height:56px; border-radius:999px; background:var(--signal); color:var(--text-on-signal); display:flex; align-items:center; justify-content:center; font-size:1.7rem; margin:0 auto var(--space-4);\">\u2197<\/div>\n      <h3 class=\"k-h3\" style=\"margin:0 0 .4rem;\">Thanks, <span id=\"qf-first-name\">there<\/span>.<\/h3>\n      <p style=\"font-size:var(--fs-sm); color:var(--text-secondary); margin:0 0 var(--space-6);\">A real human will be in touch about your control panel project.<\/p>\n      <button type=\"button\" id=\"qf-done\" class=\"k-btn k-btn-md k-btn-primary\">Done<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n(function () {\n  var layouts = [{\"t\":\"Rotary Knobs\",\"kind\":\"knob\"},{\"t\":\"Push Buttons\",\"kind\":\"button\"},{\"t\":\"Touch Glass\",\"kind\":\"touch\"},{\"t\":\"Mixed\",\"kind\":\"mixed\"}];\n  var finishes = [{\"t\":\"Brushed Stainless\",\"swatch\":\"linear-gradient(135deg,#d6d8da,#a3a7ab 50%,#c4c7ca)\",\"dark\":false},{\"t\":\"Matte Black\",\"swatch\":\"linear-gradient(135deg,#343436,#161617 60%,#262628)\",\"dark\":true},{\"t\":\"Bright Chrome\",\"swatch\":\"linear-gradient(135deg,#f4f6f8,#aeb4ba 45%,#dfe3e7 60%,#82888e)\",\"dark\":false},{\"t\":\"PVD Graphite\",\"swatch\":\"linear-gradient(135deg,#5a5d62,#2e3033 60%,#46484c)\",\"dark\":true},{\"t\":\"White Glass\",\"swatch\":\"linear-gradient(135deg,#fbfbf8,#dcdcd6 60%,#eeeee9)\",\"dark\":false}];\n  var backlights = [{\"t\":\"Warm White\",\"c\":\"#ffe7b8\",\"glow\":\"rgba(255,231,184,0.85)\"},{\"t\":\"Cool White\",\"c\":\"#dbeeff\",\"glow\":\"rgba(219,238,255,0.85)\"},{\"t\":\"Ice Blue\",\"c\":\"#5ec8ff\",\"glow\":\"rgba(94,200,255,0.9)\"},{\"t\":\"Signal Yellow\",\"c\":\"#e9e037\",\"glow\":\"rgba(233,224,55,0.9)\"},{\"t\":\"Brand Red\",\"c\":\"#ff5a44\",\"glow\":\"rgba(255,90,68,0.9)\"}];\n\n  var state = { layout: 0, finish: 0, backlight: 3 };\n\n  function $(sel, ctx) { return (ctx || document).querySelector(sel); }\n  function $all(sel, ctx) { return Array.prototype.slice.call((ctx || document).querySelectorAll(sel)); }\n\n  function renderConfigurator() {\n    var li = Math.min(state.layout, layouts.length - 1);\n    var fi = Math.min(state.finish, finishes.length - 1);\n    var bli = Math.min(state.backlight, backlights.length - 1);\n    var layout = layouts[li], finish = finishes[fi], backlight = backlights[bli];\n    var lit = backlight.c, glow = backlight.glow;\n    var inkColor = finish.dark ? 'rgba(245,245,242,0.9)' : 'rgba(26,26,28,0.82)';\n    var kind = layout.kind;\n    var showKnob = (kind === 'knob' || kind === 'mixed');\n    var showButtons = (kind === 'button');\n    var showTouch = (kind === 'touch');\n\n    var face = document.getElementById('cfg-panel-face');\n    if (face) face.style.background = finish.swatch;\n\n    var zk = document.getElementById('cfg-zone-knob');\n    if (zk) zk.style.display = showKnob ? 'flex' : 'none';\n    var zb = document.getElementById('cfg-zone-buttons');\n    if (zb) zb.style.display = showButtons ? 'grid' : 'none';\n    var zt = document.getElementById('cfg-zone-touch');\n    if (zt) zt.style.display = showTouch ? 'flex' : 'none';\n\n    if (zk) zk.style.boxShadow = '0 7px 16px rgba(0,0,0,0.55), inset 0 2px 3px rgba(255,255,255,0.4), inset 0 -5px 9px rgba(0,0,0,0.55), 0 0 0 2px ' + glow + ', 0 0 16px ' + glow;\n    var kl = document.getElementById('cfg-knob-lit');\n    if (kl) { kl.style.background = lit; kl.style.boxShadow = '0 0 7px ' + glow; }\n\n    $all('.cfg-btn-cell').forEach(function (el) {\n      el.style.boxShadow = 'inset 0 1px 2px rgba(255,255,255,0.22), 0 0 0 1.5px ' + glow + ', 0 0 9px ' + glow;\n    });\n    $all('.cfg-touch-bar').forEach(function (el) {\n      el.style.boxShadow = 'inset 0 0 0 1px ' + glow + ', 0 0 8px ' + glow;\n    });\n    $all('.cfg-legend-dot').forEach(function (el) {\n      el.style.background = lit;\n      el.style.boxShadow = '0 0 6px ' + glow;\n    });\n    $all('.cfg-legend-text').forEach(function (el) {\n      el.style.color = inkColor;\n    });\n    var lt = document.getElementById('cfg-led-time');\n    if (lt) { lt.style.color = lit; lt.style.textShadow = '0 0 11px ' + glow; }\n    var ls = document.getElementById('cfg-led-stats');\n    if (ls) { ls.style.color = lit; ls.style.textShadow = '0 0 8px ' + glow; }\n    $all('.cfg-mode-cell').forEach(function (el) {\n      el.style.boxShadow = '0 0 0 1px ' + glow + ', 0 0 6px ' + glow;\n    });\n\n    var nameEl = document.getElementById('cfg-layout-name');\n    if (nameEl) nameEl.textContent = layout.t + ' Panel';\n    var specEl = document.getElementById('cfg-spec-line');\n    if (specEl) specEl.textContent = finish.t + ' plate \u00b7 ' + layout.t + ' \u00b7 ' + backlight.t + ' backlight';\n\n    $all('.cfg-layout-pill').forEach(function (el) {\n      var i = parseInt(el.getAttribute('data-layout-index'), 10);\n      var sel = (i === li);\n      el.style.background = sel ? 'var(--signal)' : 'transparent';\n      el.style.color = sel ? 'var(--text-on-signal)' : 'var(--text-secondary)';\n      el.style.borderColor = sel ? 'var(--signal)' : 'var(--stroke-on-dark)';\n    });\n    $all('.cfg-finish-tile').forEach(function (el) {\n      var i = parseInt(el.getAttribute('data-finish-index'), 10);\n      var sel = (i === fi);\n      el.style.outlineColor = sel ? 'var(--signal)' : 'transparent';\n      el.style.boxShadow = sel ? '0 10px 28px rgba(0,0,0,0.5)' : '0 1px 0 rgba(255,255,255,0.05)';\n      var check = el.querySelector('.cfg-finish-check');\n      if (check) check.style.display = sel ? 'flex' : 'none';\n    });\n    $all('.cfg-backlight-btn').forEach(function (el) {\n      var i = parseInt(el.getAttribute('data-backlight-index'), 10);\n      var sel = (i === bli);\n      var dot = el.querySelector('.cfg-backlight-dot');\n      var label = el.querySelector('.cfg-backlight-label');\n      if (dot) {\n        dot.style.outlineColor = sel ? 'var(--signal)' : 'transparent';\n        dot.style.borderColor = sel ? 'rgba(255,255,255,0.4)' : 'rgba(255,255,255,0.18)';\n      }\n      if (label) label.style.color = sel ? 'var(--signal)' : 'var(--text-muted)';\n    });\n  }\n\n  $all('.cfg-layout-pill').forEach(function (el) {\n    el.addEventListener('click', function () {\n      state.layout = parseInt(el.getAttribute('data-layout-index'), 10);\n      renderConfigurator();\n    });\n  });\n  $all('.cfg-finish-tile').forEach(function (el) {\n    el.addEventListener('click', function () {\n      state.finish = parseInt(el.getAttribute('data-finish-index'), 10);\n      renderConfigurator();\n    });\n  });\n  $all('.cfg-backlight-btn').forEach(function (el) {\n    el.addEventListener('click', function () {\n      state.backlight = parseInt(el.getAttribute('data-backlight-index'), 10);\n      renderConfigurator();\n    });\n  });\n  var resetBtn = document.getElementById('cfg-reset');\n  if (resetBtn) resetBtn.addEventListener('click', function () {\n    state = { layout: 0, finish: 0, backlight: 3 };\n    renderConfigurator();\n  });\n\n  \/\/ Range gallery prev\/next\n  var prevBtn = document.getElementById('range-prev');\n  var nextBtn = document.getElementById('range-next');\n  function scrollRange(dir) {\n    var el = document.getElementById('range-gallery');\n    if (!el) return;\n    var c = el.firstElementChild;\n    var amt = (c ? c.getBoundingClientRect().width : 360) + 16;\n    el.scrollLeft += dir * amt;\n  }\n  if (prevBtn) prevBtn.addEventListener('click', function () { scrollRange(-1); });\n  if (nextBtn) nextBtn.addEventListener('click', function () { scrollRange(1); });\n\n  \/\/ Quote modal\n  var form = { name: '', company: '', details: '' };\n  var sent = false;\n  var backdrop = document.getElementById('quote-modal-backdrop');\n  var box = document.getElementById('quote-modal-box');\n  var formView = document.getElementById('quote-form-view');\n  var sentView = document.getElementById('quote-sent-view');\n  var nameInput = document.getElementById('qf-name');\n  var companyInput = document.getElementById('qf-company');\n  var detailsInput = document.getElementById('qf-details');\n  var submitBtn = document.getElementById('qf-submit');\n  var firstNameSpan = document.getElementById('qf-first-name');\n\n  function updateSubmitState() {\n    var valid = !!(form.name.trim() && form.company.trim());\n    if (submitBtn) submitBtn.style.cssText = valid ? '' : 'opacity:.5; cursor:not-allowed;';\n    return valid;\n  }\n\n  function openModal() {\n    sent = false;\n    if (formView) formView.style.display = '';\n    if (sentView) sentView.style.display = 'none';\n    if (backdrop) backdrop.style.display = 'flex';\n  }\n  function closeModal() {\n    if (backdrop) backdrop.style.display = 'none';\n  }\n\n  $all('[data-open-quote]').forEach(function (el) {\n    el.addEventListener('click', openModal);\n  });\n  var closeBtn = document.getElementById('quote-modal-close');\n  if (closeBtn) closeBtn.addEventListener('click', closeModal);\n  var cancelBtn = document.getElementById('qf-cancel');\n  if (cancelBtn) cancelBtn.addEventListener('click', closeModal);\n  var doneBtn = document.getElementById('qf-done');\n  if (doneBtn) doneBtn.addEventListener('click', closeModal);\n  if (backdrop) backdrop.addEventListener('click', closeModal);\n  if (box) box.addEventListener('click', function (e) { e.stopPropagation(); });\n  document.addEventListener('keydown', function (e) {\n    if (e.key === 'Escape' && backdrop && backdrop.style.display !== 'none') closeModal();\n  });\n\n  if (nameInput) nameInput.addEventListener('input', function (e) { form.name = e.target.value; updateSubmitState(); });\n  if (companyInput) companyInput.addEventListener('input', function (e) { form.company = e.target.value; updateSubmitState(); });\n  if (detailsInput) detailsInput.addEventListener('input', function (e) { form.details = e.target.value; });\n\n  if (submitBtn) submitBtn.addEventListener('click', function () {\n    if (!updateSubmitState()) return;\n    sent = true;\n    if (firstNameSpan) firstNameSpan.textContent = (form.name.trim().split(' ')[0] || 'there');\n    if (formView) formView.style.display = 'none';\n    if (sentView) sentView.style.display = 'block';\n  });\n\n  renderConfigurator();\n})();\n<\/script>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-53c66279 elementor-section-full_width elementor-section-height-default elementor-section-height-default wpr-particle-no wpr-jarallax-no wpr-parallax-no wpr-sticky-section-no wpr-column-slider-no wpr-equal-height-no\" data-id=\"53c66279\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-31cb574e\" data-id=\"31cb574e\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-62060225 elementor-widget elementor-widget-html\" data-id=\"62060225\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"s4-page\">\n<footer style=\"background:var(--ink-950); border-top:1px solid var(--stroke-on-dark-2); padding-top:var(--space-9);\">\n  <div class=\"k-container\" style=\"display:grid; grid-template-columns:2fr 1fr 1fr 1.4fr; gap:var(--space-7); padding-bottom:var(--space-8);\">\n    <div>\n      <div style=\"margin-bottom:var(--space-4);\"><img decoding=\"async\" src=\"https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/4appliance-nav.png\" alt=\"4 Appliance\" style=\"height:22px; display:block;\"><\/div>\n      <p style=\"font-size:var(--fs-sm); color:var(--text-secondary); max-width:28ch; margin:0;\">Manufactured to Perform. Finished to Impress.<\/p>\n    <\/div>\n    <div>\n      <p style=\"font-size:var(--fs-eyebrow); letter-spacing:var(--ls-eyebrow); text-transform:uppercase; color:var(--text-muted); margin:0 0 var(--space-4);\">Navigate<\/p>\n      <a href=\"4appliance-home\/\" style=\"display:block; font-size:var(--fs-sm); color:var(--text-secondary); text-decoration:none; padding:.3rem 0;\">Overview<\/a>\n      <a href=\"4appliance-home\/#products\" style=\"display:block; font-size:var(--fs-sm); color:var(--text-secondary); text-decoration:none; padding:.3rem 0;\">Products<\/a>\n      <a href=\"https:\/\/signature4.com\/4appliance\/case-studies\/\" style=\"display:block; font-size:var(--fs-sm); color:var(--text-secondary); text-decoration:none; padding:.3rem 0;\">Case Studies<\/a>\n      <a href=\"4appliance-home\/4appliance-resources\" style=\"display:block; font-size:var(--fs-sm); color:var(--text-secondary); text-decoration:none; padding:.3rem 0;\">Resources<\/a>\n    <\/div>\n    <div>\n      <p style=\"font-size:var(--fs-eyebrow); letter-spacing:var(--ls-eyebrow); text-transform:uppercase; color:var(--text-muted); margin:0 0 var(--space-4);\">Markets<\/p>\n      <a href=\"https:\/\/signature4.com\/4fireoverview\/\" style=\"display:block; font-size:var(--fs-sm); color:var(--text-secondary); text-decoration:none; padding:.3rem 0;\">4 Fire<\/a>\n      <a href=\"4appliance-home\/\" style=\"display:block; font-size:var(--fs-sm); color:var(--text-secondary); text-decoration:none; padding:.3rem 0;\">4 Appliance<\/a>\n      <a href=\"https:\/\/signature4.com\/4appliance-home\/4appliance-capabilities\/\" style=\"display:block; font-size:var(--fs-sm); color:var(--text-secondary); text-decoration:none; padding:.3rem 0;\">Capabilities<\/a>\n    <\/div>\n    <div>\n      <p style=\"font-size:var(--fs-eyebrow); letter-spacing:var(--ls-eyebrow); text-transform:uppercase; color:var(--text-muted); margin:0 0 var(--space-4);\">Coldwater, Ohio<\/p>\n      <p style=\"font-size:var(--fs-sm); color:var(--text-secondary); margin:0;\">149 Harvest Drive \u00b7 EST. 2000<br>One small town. One big operation.<\/p>\n    <\/div>\n  <\/div>\n  <div class=\"k-container\" style=\"display:flex; justify-content:space-between; padding:var(--space-5) 0; border-top:1px solid var(--stroke-on-dark-2); font-size:var(--fs-xs); color:var(--text-muted);\">\n    <span>\u00a9 2026 Signature 4. All rights reserved.<\/span>\n    <span>Terms \u00b7 Privacy \u00b7 Site Credits<\/span>\n  <\/div>\n<\/footer>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Products &nbsp;\/&nbsp; Control Panels &amp; Overlays Control Panels &amp; Overlays The face of the machine. We build the panels, graphic overlays, and backlit interfaces your customer reads and presses every day \u2014 molded, printed, and finished to match your line. Get a Quote See the Range\u2197 Why It Matters The interface is the experience A control panel is where your brand meets the user&#8217;s hands. We integrate the substrate, graphics, lighting, and tactile feedback into one finished assembly \u2014 legible, durable, and built to feel right. \u2013Substrate, graphics, and lighting integrated as one assembly \u2013Even, color-matched backlighting with no hot spots \u2013Tactile or capacitive switching engineered to feel right The Range One shop, every kind of panel &amp; overlay \u2190 \u2192 graphic membrane overlay Graphic Overlays Printed membrane overlays with crisp, durable graphics. backlit control panel Backlit Panels Even edge-lit or LED-lit panels with icon legends. capacitive touch glass Capacitive Touch Glass or film touch surfaces with proximity sensing. membrane switch panel Membrane Switches Tactile dome switching in a sealed, wipeable face. PVD control plate PVD Control Plates Metal-finish plates with interchangeable inserts. display bezel window Display Bezels Framed windows for screens, lenses, and indicators. How It&#8217;s Built Engineered layer by layer A panel is a stack of carefully matched layers. We mold the substrate, print the graphics, integrate the light guide, and add tactile switching \u2014 all under one roof so the layers register perfectly. 01 Substrate Injection-molded or formed plate sized to your opening. 02 Graphics Screen, digital, or in-mold printed legends and icons. 03 Light guide Diffuser and LED layout for even, hot-spot-free glow. 04 Switching Tactile domes, membrane, or capacitive touch sensing. 05 Finish &#038; seal Hardcoat, anti-fingerprint, and gasket for a sealed face. Configure Your Panel The interface is yours to spec Pick an interface, a plate finish, and a backlight color \u2014 see the panel light up the way your customer will. COTTON QUICK WASH MIXED LOAD ECO 40-60 DELICATES SYNTHETICS WOOL RINSE+SPIN 1:20 40\u00b0290 Live preview Rotary Knobs Panel Brushed Stainless plate \u00b7 Rotary Knobs \u00b7 Signal Yellow backlight Interface \u2014 pick one Rotary Knobs Push Buttons Touch Glass Mixed Plate finish \u2014 pick one \u2713 Brushed Stainless \u2713 Matte Black \u2713 Bright Chrome \u2713 PVD Graphite \u2713 White Glass Backlight color \u2014 pick one Warm White Cool White Ice Blue Signal Yellow Brand Red Quote This Spec Reset Next Product Range Hood Panels\u2197 View all products\u2197 \u00d7 Start a Project Tell us what you&#8217;re making. We move ideas Fourward \u2014 molded, printed, lit, assembled. Name Company Project details Submit RFQ Cancel \u2197 Thanks, there. A real human will be in touch about your control panel project. Done Manufactured to Perform. Finished to Impress. Navigate Overview Products Case Studies Resources Markets 4 Fire 4 Appliance Capabilities Coldwater, Ohio 149 Harvest Drive \u00b7 EST. 2000One small town. One big operation. \u00a9 2026 Signature 4. All rights reserved. Terms \u00b7 Privacy \u00b7 Site Credits<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-10230","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/pages\/10230","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/comments?post=10230"}],"version-history":[{"count":5,"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/pages\/10230\/revisions"}],"predecessor-version":[{"id":11807,"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/pages\/10230\/revisions\/11807"}],"wp:attachment":[{"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/media?parent=10230"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}