{"id":10258,"date":"2026-07-16T03:23:24","date_gmt":"2026-07-16T03:23:24","guid":{"rendered":"https:\/\/signature4.com\/?page_id=10258"},"modified":"2026-07-18T11:42:58","modified_gmt":"2026-07-18T11:42:58","slug":"logo-badges-nameplates","status":"publish","type":"page","link":"https:\/\/signature4.com\/4appliance\/logo-badges-nameplates\/","title":{"rendered":"Logo Badges &#038; Nameplates"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10258\" class=\"elementor elementor-10258\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1db4eab4 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=\"1db4eab4\" 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-6f9d64ac\" data-id=\"6f9d64ac\" 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-60199c53 elementor-widget elementor-widget-html\" data-id=\"60199c53\" 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-2b75d861 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=\"2b75d861\" 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-307bd1e6\" data-id=\"307bd1e6\" 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-cb7022e elementor-widget elementor-widget-html\" data-id=\"cb7022e\" 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; Logo Badges &amp; Nameplates<\/p>\n    <h1 class=\"k-display k-reveal\" style=\"font-size:var(--fs-h1); max-width:15ch;\">Logo Badges &amp; <span style=\"font-style:italic; color:var(--signal);\">Nameplates<\/span><\/h1>\n    <p class=\"k-lead k-reveal\" style=\"margin-top:var(--space-5); max-width:44ch;\">The mark that says who made it. We cast, stamp, etch, and finish dimensional badges and nameplates that carry your brand on every unit \u2014 and hold their color and shine for years.<\/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\" onclick=\"s4OpenQuote()\" 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\/badge-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-27618921 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=\"27618921\" 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-1f25f48f\" data-id=\"1f25f48f\" 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-3fe47363 elementor-widget elementor-widget-html\" data-id=\"3fe47363\" 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;\">Your brand, built to <span style=\"font-style:italic; color:var(--signal);\">last<\/span><\/h2>\n      <p class=\"k-lead\" style=\"margin-top:var(--space-5); max-width:46ch;\">A badge is your signature on the product \u2014 the first thing a customer reads and the last thing they forget. We build nameplates with dimensional depth and color-matched backfill that survive heat, cleaning, and years of handling.<\/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>Cast and stamped construction with real dimensional depth<\/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>Color-matched backfill held consistent run to run<\/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>Adhesive, stud, or snap mounting to fit your line<\/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\/badge-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-223ab350 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=\"223ab350\" 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-4e2486c7\" data-id=\"4e2486c7\" 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-7ce29ae9 elementor-widget elementor-widget-html\" data-id=\"7ce29ae9\" 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 badge &amp; nameplate<\/h2>\n      <\/div>\n      <div class=\"k-reveal\" style=\"display:flex; gap:.6rem;\">\n        <button onclick=\"s4RangePrev()\" 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 onclick=\"s4RangeNext()\" 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))); scrollbar-width:none;\">\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\">cast aluminum badge<\/span><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-2; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/cast-badges.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;\">Cast Badges<\/h3>\n            <p style=\"font-size:var(--fs-body); color:rgba(255,255,255,0.76); margin:.5rem 0 0; max-width:34ch;\">Dimensional cast aluminum or zinc with depth and weight.<\/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\">stamped nameplate<\/span><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-2; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/stamped-nameplates.jpg); background-size:cover; background-position:55% 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;\">Stamped Nameplates<\/h3>\n            <p style=\"font-size:var(--fs-body); color:rgba(255,255,255,0.76); margin:.5rem 0 0; max-width:34ch;\">Crisp stamped metal plates, brushed or polished.<\/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\">domed emblem label<\/span><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-2; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/domed-labels.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;\">Domed Labels<\/h3>\n            <p style=\"font-size:var(--fs-body); color:rgba(255,255,255,0.76); margin:.5rem 0 0; max-width:34ch;\">Poly-domed emblems with a glassy, durable finish.<\/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\">etched metal plate<\/span><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-2; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/etched-plates.jpg); background-size:cover; background-position:72% 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;\">Etched Plates<\/h3>\n            <p style=\"font-size:var(--fs-body); color:rgba(255,255,255,0.76); margin:.5rem 0 0; max-width:34ch;\">Chemically etched detail with paint-filled recesses.<\/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\">backlit logo badge<\/span><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-2; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/backlit-badges.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;\">Backlit Badges<\/h3>\n            <p style=\"font-size:var(--fs-body); color:rgba(255,255,255,0.76); margin:.5rem 0 0; max-width:34ch;\">Translucent marks lit from behind for night presence.<\/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\">dimensional brand letters<\/span><\/div>\n          <div style=\"position:absolute; inset:0; z-index:-2; background-image:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/dimensional-letters.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;\">Dimensional Letters<\/h3>\n            <p style=\"font-size:var(--fs-body); color:rgba(255,255,255,0.76); margin:.5rem 0 0; max-width:34ch;\">Individual cut or cast letters for a built-up logo.<\/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-ad9fce5 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=\"ad9fce5\" 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-383b3a53\" data-id=\"383b3a53\" 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-6e002c4c elementor-widget elementor-widget-html\" data-id=\"6e002c4c\" 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\/badge-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 badge looks simple and is anything but. We cast or stamp the substrate, finish it, fill the recesses with color, and add the mounting \u2014 all under one roof, so the layers are built to work together.<\/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;\">Cast aluminum, stamped steel, or stainless \u2014 sized to your spec.<\/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);\">Decorative finish<\/span>\n              <span style=\"display:block; font-size:var(--fs-sm); color:var(--text-muted); margin-top:.2rem;\">Anodize, plate, or brush the plate to match your brand.<\/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);\">Backfill color<\/span>\n              <span style=\"display:block; font-size:var(--fs-sm); color:var(--text-muted); margin-top:.2rem;\">Recessed areas paint-filled and color-matched.<\/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);\">Protective layer<\/span>\n              <span style=\"display:block; font-size:var(--fs-sm); color:var(--text-muted); margin-top:.2rem;\">Optional clear coat or poly dome for years of durability.<\/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);\">Mounting<\/span>\n              <span style=\"display:block; font-size:var(--fs-sm); color:var(--text-muted); margin-top:.2rem;\">PSA adhesive, studs, or snap features applied in-house.<\/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-3bdcbf75 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=\"3bdcbf75\" 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-e5c4216\" data-id=\"e5c4216\" 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-78b85c5a elementor-widget elementor-widget-html\" data-id=\"78b85c5a\" 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 Badge<\/p>\n        <h2 class=\"k-h2\">The look is yours to spec<\/h2>\n      <\/div>\n      <p class=\"k-lead\" style=\"max-width:48ch; margin:0;\">Pick a shape, a plate finish, and a backfill color \u2014 every combination is cast, finished, and color-matched in-house.<\/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          <div id=\"s4-badge\" class=\"preview-badge\" style=\"position:relative; overflow:hidden; width:clamp(220px,30vw,330px); display:flex; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,0.18); box-shadow:0 26px 60px rgba(0,0,0,0.55), inset 0 3px 4px rgba(255,255,255,0.75), inset 0 -3px 5px rgba(0,0,0,0.55), inset 3px 0 4px rgba(255,255,255,0.3), inset -3px 0 4px rgba(0,0,0,0.32); transition:border-radius .4s cubic-bezier(0.22,1,0.36,1), background .5s cubic-bezier(0.22,1,0.36,1), aspect-ratio .4s; background:linear-gradient(135deg,#f4f6f8,#aeb4ba 45%,#dfe3e7 60%,#82888e); aspect-ratio:5 \/ 2; border-radius:18px;\">\n            <span id=\"s4-badge-edge\" style=\"position:absolute; inset:4px; z-index:0; border-radius:18px; box-shadow:inset 0 1px 1px rgba(255,255,255,0.55), inset 0 -1px 2px rgba(0,0,0,0.45), inset 0 0 0 1px rgba(0,0,0,0.12); pointer-events:none; transition:box-shadow .35s, inset .35s;\"><\/span>\n            <span id=\"s4-badge-texture\" style=\"position:absolute; inset:0; z-index:0; background-image:none; background-size:auto; mix-blend-mode:overlay; opacity:0; pointer-events:none; transition:opacity .35s;\"><\/span>\n            <span class=\"badge-shine\" style=\"position:absolute; top:0; bottom:0; left:0; width:36%; background:linear-gradient(90deg, transparent, rgba(255,255,255,0.55), transparent); z-index:2;\"><\/span>\n            <span id=\"s4-badge-mask\" style=\"position:relative; z-index:1; width:70%; aspect-ratio:250.28 \/ 28.09; -webkit-mask:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/4-appliance-mark.svg) center \/ contain no-repeat; mask:url(https:\/\/signature4.com\/wp-content\/uploads\/2026\/07\/4-appliance-mark.svg) center \/ contain no-repeat; background-color:#1a1a1a; filter:drop-shadow(0 1px 0 rgba(255,255,255,0.18));\"><\/span>\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 \u00b7 hover for shine<\/span>\n        <\/div>\n        <div style=\"margin-top:var(--space-5);\">\n          <h3 id=\"s4-shape-name\" class=\"k-h3\" style=\"margin:0;\">Rounded Plate<\/h3>\n          <p id=\"s4-spec-line\" style=\"font-size:var(--fs-sm); color:var(--text-muted); margin:.3rem 0 0;\">Bright Chrome plate \u00b7 Smooth texture \u00b7 Beveled edge \u00b7 Satin Black backfill<\/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);\">Shape \u2014 pick one<\/p>\n        <div class=\"k-reveal\" style=\"display:flex; flex-wrap:wrap; gap:.6rem;\">\n            <button onclick=\"s4SetShape(0)\" class=\"opt-pill\" data-group=\"shape\" data-idx=\"0\" 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);\">Rectangle<\/button>\n            <button onclick=\"s4SetShape(1)\" class=\"opt-pill\" data-group=\"shape\" data-idx=\"1\" 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);\">Rounded<\/button>\n            <button onclick=\"s4SetShape(2)\" class=\"opt-pill\" data-group=\"shape\" data-idx=\"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);\">Pill<\/button>\n            <button onclick=\"s4SetShape(3)\" class=\"opt-pill\" data-group=\"shape\" data-idx=\"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);\">Oval<\/button>\n            <button onclick=\"s4SetShape(4)\" class=\"opt-pill\" data-group=\"shape\" data-idx=\"4\" 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);\">Circle<\/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);\">Texture \u2014 pick one<\/p>\n        <div class=\"k-reveal\" style=\"display:flex; flex-wrap:wrap; gap:.6rem;\">\n            <button onclick=\"s4SetTexture(0)\" class=\"opt-pill\" data-group=\"texture\" data-idx=\"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);\">Smooth<\/button>\n            <button onclick=\"s4SetTexture(1)\" class=\"opt-pill\" data-group=\"texture\" data-idx=\"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);\">Brushed<\/button>\n            <button onclick=\"s4SetTexture(2)\" class=\"opt-pill\" data-group=\"texture\" data-idx=\"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);\">Spun<\/button>\n            <button onclick=\"s4SetTexture(3)\" class=\"opt-pill\" data-group=\"texture\" data-idx=\"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);\">Knurled<\/button>\n            <button onclick=\"s4SetTexture(4)\" class=\"opt-pill\" data-group=\"texture\" data-idx=\"4\" 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);\">Hammered<\/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);\">Edge profile \u2014 pick one<\/p>\n        <div class=\"k-reveal\" style=\"display:flex; flex-wrap:wrap; gap:.6rem;\">\n            <button onclick=\"s4SetEdge(0)\" class=\"opt-pill\" data-group=\"edge\" data-idx=\"0\" 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);\">Flat<\/button>\n            <button onclick=\"s4SetEdge(1)\" class=\"opt-pill\" data-group=\"edge\" data-idx=\"1\" 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);\">Beveled<\/button>\n            <button onclick=\"s4SetEdge(2)\" class=\"opt-pill\" data-group=\"edge\" data-idx=\"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);\">Bullnose<\/button>\n            <button onclick=\"s4SetEdge(3)\" class=\"opt-pill\" data-group=\"edge\" data-idx=\"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);\">Diamond-Cut<\/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 onclick=\"s4SetFinish(0)\" class=\"finish-tile\" data-idx=\"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,#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=\"s4-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;\">Bright Chrome<\/span>\n              <\/span>\n            <\/button>\n            <button onclick=\"s4SetFinish(1)\" class=\"finish-tile\" data-idx=\"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,#dadbdc,#a6a8aa 50%,#c9cbcc);\"><\/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=\"s4-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;\">Brushed Aluminum<\/span>\n              <\/span>\n            <\/button>\n            <button onclick=\"s4SetFinish(2)\" class=\"finish-tile\" data-idx=\"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,#e6c98a,#a07c3c 50%,#cda85e);\"><\/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=\"s4-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;\">Brushed Brass<\/span>\n              <\/span>\n            <\/button>\n            <button onclick=\"s4SetFinish(3)\" class=\"finish-tile\" data-idx=\"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,#3a3a3c,#161617 55%,#2a2a2c);\"><\/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=\"s4-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;\">Black Anodized<\/span>\n              <\/span>\n            <\/button>\n            <button onclick=\"s4SetFinish(4)\" class=\"finish-tile\" data-idx=\"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,#cfd2d6,#9a9ea3 50%,#bcc0c4);\"><\/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=\"s4-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 Stainless<\/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);\">Backfill color \u2014 pick one<\/p>\n        <div class=\"k-reveal\" style=\"display:flex; flex-wrap:wrap; gap:1rem;\">\n            <button onclick=\"s4SetBackfill(0)\" style=\"background:none; border:none; padding:0; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:.5rem;\">\n              <span class=\"color-dot\" data-idx=\"0\" style=\"width:46px; height:46px; border-radius:999px; transition:transform .2s; box-shadow:inset 0 1px 2px rgba(255,255,255,0.3); background:#1a1a1a; outline:2px solid var(--signal); outline-offset:3px; border:1px solid rgba(255,255,255,0.4);\"><\/span>\n              <span class=\"s4-backfill-label\" style=\"font-size:var(--fs-xs); color:var(--signal);\">Satin Black<\/span>\n            <\/button>\n            <button onclick=\"s4SetBackfill(1)\" style=\"background:none; border:none; padding:0; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:.5rem;\">\n              <span class=\"color-dot\" data-idx=\"1\" style=\"width:46px; height:46px; border-radius:999px; transition:transform .2s; box-shadow:inset 0 1px 2px rgba(255,255,255,0.3); background:#f2f2ee; outline:2px solid transparent; outline-offset:3px; border:1px solid rgba(255,255,255,0.18);\"><\/span>\n              <span class=\"s4-backfill-label\" style=\"font-size:var(--fs-xs); color:var(--text-muted);\">Bright White<\/span>\n            <\/button>\n            <button onclick=\"s4SetBackfill(2)\" style=\"background:none; border:none; padding:0; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:.5rem;\">\n              <span class=\"color-dot\" data-idx=\"2\" style=\"width:46px; height:46px; border-radius:999px; transition:transform .2s; box-shadow:inset 0 1px 2px rgba(255,255,255,0.3); background:#d9381e; outline:2px solid transparent; outline-offset:3px; border:1px solid rgba(255,255,255,0.18);\"><\/span>\n              <span class=\"s4-backfill-label\" style=\"font-size:var(--fs-xs); color:var(--text-muted);\">Brand Red<\/span>\n            <\/button>\n            <button onclick=\"s4SetBackfill(3)\" style=\"background:none; border:none; padding:0; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:.5rem;\">\n              <span class=\"color-dot\" data-idx=\"3\" 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 transparent; outline-offset:3px; border:1px solid rgba(255,255,255,0.18);\"><\/span>\n              <span class=\"s4-backfill-label\" style=\"font-size:var(--fs-xs); color:var(--text-muted);\">Signal Yellow<\/span>\n            <\/button>\n            <button onclick=\"s4SetBackfill(4)\" style=\"background:none; border:none; padding:0; cursor:pointer; display:flex; flex-direction:column; align-items:center; gap:.5rem;\">\n              <span class=\"color-dot\" data-idx=\"4\" style=\"width:46px; height:46px; border-radius:999px; transition:transform .2s; box-shadow:inset 0 1px 2px rgba(255,255,255,0.3); background:#23314f; outline:2px solid transparent; outline-offset:3px; border:1px solid rgba(255,255,255,0.18);\"><\/span>\n              <span class=\"s4-backfill-label\" style=\"font-size:var(--fs-xs); color:var(--text-muted);\">Deep Navy<\/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\" onclick=\"s4QuoteThis()\" class=\"k-btn k-btn-primary k-btn-md\">Quote This Spec<\/button>\n          <button onclick=\"s4ResetSpec()\" 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-41e47753 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=\"41e47753\" 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-54d32c4d\" data-id=\"54d32c4d\" 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-27a066ad elementor-widget elementor-widget-html\" data-id=\"27a066ad\" 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\/control-panels-overlays\/\" class=\"k-alink k-alink-light k-alink-lg\">Control Panels &amp; Overlays<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-4214de87 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=\"4214de87\" 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-5237843f\" data-id=\"5237843f\" 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-48337712 elementor-widget elementor-widget-html\" data-id=\"48337712\" 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=\"s4-quote-modal\" onclick=\"s4CloseQuote()\" 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 onclick=\"event.stopPropagation()\" 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 onclick=\"s4CloseQuote()\" 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=\"s4-quote-form-view\" style=\"display:block;\">\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 cast, finished, color-matched.<\/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=\"s4-name\" oninput=\"s4UpdateSubmitStyle()\" 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=\"s4-company\" oninput=\"s4UpdateSubmitStyle()\" 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=\"s4-details\" rows=\"3\" placeholder=\"Volumes, materials, finishes, mounting\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 id=\"s4-submit-btn\" onclick=\"s4Submit()\" class=\"k-btn k-btn-md k-btn-primary\" style=\"opacity:.5; cursor:not-allowed;\">Submit RFQ<\/button>\n        <button onclick=\"s4CloseQuote()\" class=\"k-btn k-btn-md k-btn-dark\">Cancel<\/button>\n      <\/div>\n    <\/div>\n    <div id=\"s4-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=\"s4-sent-firstname\">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 logo badge &amp; nameplate project.<\/p>\n      <button onclick=\"s4CloseQuote()\" class=\"k-btn k-btn-md k-btn-primary\">Done<\/button>\n    <\/div>\n  <\/div>\n<\/div>\n<script>\n(function () {\n  if (window.__s4LbnInit) return;\n  window.__s4LbnInit = true;\n\n  var s4Shapes = [{\"t\":\"Rectangle\",\"aspect\":\"5 \/ 2\",\"radius\":\"4px\"},{\"t\":\"Rounded\",\"aspect\":\"5 \/ 2\",\"radius\":\"18px\"},{\"t\":\"Pill\",\"aspect\":\"5 \/ 2\",\"radius\":\"999px\"},{\"t\":\"Oval\",\"aspect\":\"5 \/ 3\",\"radius\":\"50%\"},{\"t\":\"Circle\",\"aspect\":\"1 \/ 1\",\"radius\":\"50%\"}];\n  var s4Finishes = [{\"t\":\"Bright Chrome\",\"swatch\":\"linear-gradient(135deg,#f4f6f8,#aeb4ba 45%,#dfe3e7 60%,#82888e)\"},{\"t\":\"Brushed Aluminum\",\"swatch\":\"linear-gradient(135deg,#dadbdc,#a6a8aa 50%,#c9cbcc)\"},{\"t\":\"Brushed Brass\",\"swatch\":\"linear-gradient(135deg,#e6c98a,#a07c3c 50%,#cda85e)\"},{\"t\":\"Black Anodized\",\"swatch\":\"linear-gradient(135deg,#3a3a3c,#161617 55%,#2a2a2c)\"},{\"t\":\"PVD Stainless\",\"swatch\":\"linear-gradient(135deg,#cfd2d6,#9a9ea3 50%,#bcc0c4)\"}];\n  var s4Backfills = [{\"t\":\"Satin Black\",\"c\":\"#1a1a1a\"},{\"t\":\"Bright White\",\"c\":\"#f2f2ee\"},{\"t\":\"Brand Red\",\"c\":\"#d9381e\"},{\"t\":\"Signal Yellow\",\"c\":\"#e9e037\"},{\"t\":\"Deep Navy\",\"c\":\"#23314f\"}];\n  var s4Textures = [{\"t\":\"Smooth\",\"bg\":\"none\",\"size\":\"auto\",\"op\":0},{\"t\":\"Brushed\",\"bg\":\"repeating-linear-gradient(90deg, rgba(255,255,255,0.5) 0px, rgba(0,0,0,0.28) 1px, rgba(255,255,255,0.32) 2px)\",\"size\":\"3px 100%\",\"op\":0.5},{\"t\":\"Spun\",\"bg\":\"repeating-conic-gradient(from 0deg at 50% 50%, rgba(255,255,255,0.42) 0deg, rgba(0,0,0,0.26) 0.7deg, rgba(255,255,255,0.28) 1.4deg)\",\"size\":\"auto\",\"op\":0.45},{\"t\":\"Knurled\",\"bg\":\"repeating-linear-gradient(45deg, rgba(255,255,255,0.4) 0px, rgba(0,0,0,0.3) 2px, rgba(255,255,255,0.25) 4px), repeating-linear-gradient(-45deg, rgba(255,255,255,0.3) 0px, rgba(0,0,0,0.22) 2px, rgba(255,255,255,0.2) 4px)\",\"size\":\"7px 7px\",\"op\":0.55},{\"t\":\"Hammered\",\"bg\":\"radial-gradient(circle at 30% 30%, rgba(255,255,255,0.5), rgba(0,0,0,0.32) 60%), radial-gradient(circle at 70% 70%, rgba(255,255,255,0.4), rgba(0,0,0,0.28) 60%)\",\"size\":\"18px 18px\",\"op\":0.5}];\n  var s4Edges = [{\"t\":\"Flat\",\"inset\":\"0px\",\"shadow\":\"inset 0 0 0 1.5px rgba(0,0,0,0.28)\"},{\"t\":\"Beveled\",\"inset\":\"4px\",\"shadow\":\"inset 0 1px 1px rgba(255,255,255,0.55), inset 0 -1px 2px rgba(0,0,0,0.45), inset 0 0 0 1px rgba(0,0,0,0.12)\"},{\"t\":\"Bullnose\",\"inset\":\"3px\",\"shadow\":\"inset 0 3px 7px rgba(255,255,255,0.6), inset 0 -4px 9px rgba(0,0,0,0.5)\"},{\"t\":\"Diamond-Cut\",\"inset\":\"5px\",\"shadow\":\"inset 0 0 0 2px rgba(255,255,255,0.9), inset 0 0 0 3px rgba(0,0,0,0.32), inset 0 0 6px rgba(255,255,255,0.4)\"}];\n\n  var s4State = { shape: 1, finish: 0, backfill: 0, texture: 0, edge: 1 };\n\n  function s4Render() {\n    var shape = s4Shapes[s4State.shape];\n    var finish = s4Finishes[s4State.finish];\n    var backfill = s4Backfills[s4State.backfill];\n    var texture = s4Textures[s4State.texture];\n    var edge = s4Edges[s4State.edge];\n\n    var badge = document.getElementById('s4-badge');\n    if (badge) { badge.style.background = finish.swatch; badge.style.aspectRatio = shape.aspect; badge.style.borderRadius = shape.radius; }\n    var edgeEl = document.getElementById('s4-badge-edge');\n    if (edgeEl) { edgeEl.style.inset = edge.inset; edgeEl.style.borderRadius = shape.radius; edgeEl.style.boxShadow = edge.shadow; }\n    var texEl = document.getElementById('s4-badge-texture');\n    if (texEl) { texEl.style.backgroundImage = texture.bg; texEl.style.backgroundSize = texture.size; texEl.style.opacity = texture.op; }\n    var maskEl = document.getElementById('s4-badge-mask');\n    if (maskEl) { maskEl.style.backgroundColor = backfill.c; }\n    var nameEl = document.getElementById('s4-shape-name');\n    if (nameEl) { nameEl.textContent = shape.t + ' Plate'; }\n    var specEl = document.getElementById('s4-spec-line');\n    if (specEl) { specEl.textContent = finish.t + ' plate \u00b7 ' + texture.t + ' texture \u00b7 ' + edge.t + ' edge \u00b7 ' + backfill.t + ' backfill'; }\n\n    ['shape', 'texture', 'edge'].forEach(function (group) {\n      var idx = s4State[group];\n      document.querySelectorAll('.opt-pill[data-group=\"' + group + '\"]').forEach(function (btn) {\n        var i = parseInt(btn.getAttribute('data-idx'), 10);\n        var sel = i === idx;\n        btn.style.background = sel ? 'var(--signal)' : 'transparent';\n        btn.style.color = sel ? 'var(--text-on-signal)' : 'var(--text-secondary)';\n        btn.style.borderColor = sel ? 'var(--signal)' : 'var(--stroke-on-dark)';\n      });\n    });\n\n    document.querySelectorAll('.finish-tile').forEach(function (btn) {\n      var i = parseInt(btn.getAttribute('data-idx'), 10);\n      var sel = i === s4State.finish;\n      btn.style.outlineColor = sel ? 'var(--signal)' : 'transparent';\n      btn.style.boxShadow = sel ? '0 10px 28px rgba(0,0,0,0.5)' : '0 1px 0 rgba(255,255,255,0.05)';\n      var chk = btn.querySelector('.s4-finish-check');\n      if (chk) chk.style.display = sel ? 'flex' : 'none';\n    });\n\n    document.querySelectorAll('.color-dot').forEach(function (dot) {\n      var i = parseInt(dot.getAttribute('data-idx'), 10);\n      var sel = i === s4State.backfill;\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      var lbl = dot.parentElement.querySelector('.s4-backfill-label');\n      if (lbl) lbl.style.color = sel ? 'var(--signal)' : 'var(--text-muted)';\n    });\n  }\n\n  window.s4SetShape = function (i) { s4State.shape = i; s4Render(); };\n  window.s4SetTexture = function (i) { s4State.texture = i; s4Render(); };\n  window.s4SetEdge = function (i) { s4State.edge = i; s4Render(); };\n  window.s4SetFinish = function (i) { s4State.finish = i; s4Render(); };\n  window.s4SetBackfill = function (i) { s4State.backfill = i; s4Render(); };\n  window.s4ResetSpec = function () { s4State = { shape: 1, finish: 0, backfill: 0, texture: 0, edge: 1 }; s4Render(); };\n\n  window.s4OpenQuote = function () {\n    var modal = document.getElementById('s4-quote-modal');\n    if (!modal) return;\n    modal.style.display = 'flex';\n    var formView = document.getElementById('s4-quote-form-view');\n    var sentView = document.getElementById('s4-quote-sent-view');\n    if (formView) formView.style.display = 'block';\n    if (sentView) sentView.style.display = 'none';\n  };\n  window.s4CloseQuote = function () {\n    var modal = document.getElementById('s4-quote-modal');\n    if (modal) modal.style.display = 'none';\n  };\n  window.s4QuoteThis = function () { window.s4OpenQuote(); };\n\n  window.s4UpdateSubmitStyle = function () {\n    var name = document.getElementById('s4-name');\n    var company = document.getElementById('s4-company');\n    var btn = document.getElementById('s4-submit-btn');\n    if (!name || !company || !btn) return;\n    var valid = !!(name.value.trim() && company.value.trim());\n    btn.style.opacity = valid ? '' : '.5';\n    btn.style.cursor = valid ? '' : 'not-allowed';\n  };\n\n  window.s4Submit = function () {\n    var name = document.getElementById('s4-name');\n    var company = document.getElementById('s4-company');\n    if (!name || !company) return;\n    var valid = !!(name.value.trim() && company.value.trim());\n    if (!valid) return;\n    var firstName = (name.value.trim().split(' ')[0]) || 'there';\n    var fnEl = document.getElementById('s4-sent-firstname');\n    if (fnEl) fnEl.textContent = firstName;\n    var formView = document.getElementById('s4-quote-form-view');\n    var sentView = document.getElementById('s4-quote-sent-view');\n    if (formView) formView.style.display = 'none';\n    if (sentView) sentView.style.display = 'block';\n  };\n\n  window.s4RangePrev = function () {\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 -= amt;\n  };\n  window.s4RangeNext = function () {\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 += amt;\n  };\n\n  document.addEventListener('keydown', function (e) { if (e.key === 'Escape') window.s4CloseQuote(); });\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', s4Render);\n  } else {\n    s4Render();\n  }\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<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Products &nbsp;\/&nbsp; Logo Badges &amp; Nameplates Logo Badges &amp; Nameplates The mark that says who made it. We cast, stamp, etch, and finish dimensional badges and nameplates that carry your brand on every unit \u2014 and hold their color and shine for years. Get a Quote See the Range\u2197 Why It Matters Your brand, built to last A badge is your signature on the product \u2014 the first thing a customer reads and the last thing they forget. We build nameplates with dimensional depth and color-matched backfill that survive heat, cleaning, and years of handling. \u2013Cast and stamped construction with real dimensional depth \u2013Color-matched backfill held consistent run to run \u2013Adhesive, stud, or snap mounting to fit your line The Range One shop, every kind of badge &amp; nameplate \u2190 \u2192 cast aluminum badge Cast Badges Dimensional cast aluminum or zinc with depth and weight. stamped nameplate Stamped Nameplates Crisp stamped metal plates, brushed or polished. domed emblem label Domed Labels Poly-domed emblems with a glassy, durable finish. etched metal plate Etched Plates Chemically etched detail with paint-filled recesses. backlit logo badge Backlit Badges Translucent marks lit from behind for night presence. dimensional brand letters Dimensional Letters Individual cut or cast letters for a built-up logo. How It&#8217;s Built Engineered layer by layer A badge looks simple and is anything but. We cast or stamp the substrate, finish it, fill the recesses with color, and add the mounting \u2014 all under one roof, so the layers are built to work together. 01 Substrate Cast aluminum, stamped steel, or stainless \u2014 sized to your spec. 02 Decorative finish Anodize, plate, or brush the plate to match your brand. 03 Backfill color Recessed areas paint-filled and color-matched. 04 Protective layer Optional clear coat or poly dome for years of durability. 05 Mounting PSA adhesive, studs, or snap features applied in-house. Configure Your Badge The look is yours to spec Pick a shape, a plate finish, and a backfill color \u2014 every combination is cast, finished, and color-matched in-house. Live preview \u00b7 hover for shine Rounded Plate Bright Chrome plate \u00b7 Smooth texture \u00b7 Beveled edge \u00b7 Satin Black backfill Shape \u2014 pick one Rectangle Rounded Pill Oval Circle Texture \u2014 pick one Smooth Brushed Spun Knurled Hammered Edge profile \u2014 pick one Flat Beveled Bullnose Diamond-Cut Plate finish \u2014 pick one \u2713 Bright Chrome \u2713 Brushed Aluminum \u2713 Brushed Brass \u2713 Black Anodized \u2713 PVD Stainless Backfill color \u2014 pick one Satin Black Bright White Brand Red Signal Yellow Deep Navy Quote This Spec Reset Next Product Control Panels &amp; Overlays\u2197 View all products\u2197 \u00d7 Start a Project Tell us what you&#8217;re making. We move ideas Fourward \u2014 cast, finished, color-matched. Name Company Project details Submit RFQ Cancel \u2197 Thanks, there. A real human will be in touch about your logo badge &amp; nameplate project. Done<\/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-10258","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/pages\/10258","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=10258"}],"version-history":[{"count":5,"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/pages\/10258\/revisions"}],"predecessor-version":[{"id":11801,"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/pages\/10258\/revisions\/11801"}],"wp:attachment":[{"href":"https:\/\/signature4.com\/4appliance\/wp-json\/wp\/v2\/media?parent=10258"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}