{"id":2218,"date":"2026-03-06T08:34:03","date_gmt":"2026-03-06T08:34:03","guid":{"rendered":"https:\/\/saiweiglass.com\/?page_id=2218"},"modified":"2026-03-06T08:43:02","modified_gmt":"2026-03-06T08:43:02","slug":"ultra-thin-glass-thickness-selector","status":"publish","type":"page","link":"https:\/\/saiweiglass.com\/pt\/products\/ultra-thin-glass\/ultra-thin-glass-thickness-selector\/","title":{"rendered":"Seletor de espessura de vidro ultrafino"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-21c42d6\" data-block-id=\"21c42d6\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-21c42d6-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-9c519e2\" data-v=\"4\" data-block-id=\"9c519e2\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-9c519e2-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-9c519e2-inner-blocks\"><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-a0daf9b\" data-block-id=\"a0daf9b\"><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-a0daf9b-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-35f5e93\" data-v=\"4\" data-block-id=\"35f5e93\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-35f5e93-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-35f5e93-inner-blocks\"><div class=\"ct-breadcrumbs\" data-source=\"rankmath\" ><nav aria-label=\"breadcrumbs\" class=\"rank-math-breadcrumb\"><p><span class=\"last\">Home<\/span><\/p><\/nav><\/div><\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-f2e28d5\" data-block-id=\"f2e28d5\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-f2e28d5-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-97fec0e\" data-v=\"4\" data-block-id=\"97fec0e\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-97fec0e-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-97fec0e-inner-blocks\">\n<section id=\"bx-thickness-selector-v1\">\n<style>\n  :root {\n    --bx-primary: #304890;\n    --bx-accent-1: #1860A8;\n    --bx-accent-2: #1878C0;\n    --bx-accent-3: #3048A8;\n    --bx-text-main: #111827;\n    --bx-text-muted: #4B5563;\n    --bx-bg-light: #F8FAFC;\n    --bx-bg-input: #F1F5F9;\n    --bx-border: #E2E8F0;\n    --bx-font-sans: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;\n    --bx-font-mono: 'IBM Plex Mono', 'Courier New', monospace;\n  }\n\n  #bx-thickness-selector-v1 {\n    width: 100%;\n    max-width: 1280px !important;\n    margin: 0 auto !important;\n    font-family: var(--bx-font-sans);\n    color: var(--bx-text-main);\n    background-color: #ffffff;\n    box-sizing: border-box;\n  }\n\n  #bx-thickness-selector-v1 *,\n  #bx-thickness-selector-v1 *::before,\n  #bx-thickness-selector-v1 *::after {\n    box-sizing: inherit;\n  }\n\n  \/* SEO Semantic Heading Styles *\/\n  #bx-thickness-selector-v1 h2 {\n    font-size: clamp(24px, 3vw, 36px);\n    font-weight: 700;\n    color: var(--bx-primary);\n    margin: 0 0 12px 0;\n    line-height: 1.2;\n    text-align: center;\n  }\n\n  #bx-thickness-selector-v1 h3 {\n    font-size: 20px;\n    font-weight: 600;\n    color: var(--bx-text-main);\n    margin: 0 0 24px 0;\n    padding-bottom: 12px;\n    border-bottom: 2px solid var(--bx-primary);\n    display: inline-block;\n  }\n\n  #bx-thickness-selector-v1 h4 {\n    font-size: 13px;\n    font-weight: 600;\n    color: var(--bx-text-muted);\n    text-transform: uppercase;\n    letter-spacing: 0.05em;\n    margin: 0 0 8px 0;\n  }\n\n  #bx-thickness-selector-v1 .ts-header {\n    padding: 40px 5% 20px;\n    text-align: center;\n    background: #ffffff;\n  }\n\n  #bx-thickness-selector-v1 .ts-header p {\n    font-size: 16px;\n    color: var(--bx-text-muted);\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Vertical Stack Layout *\/\n  #bx-thickness-selector-v1 .ts-container {\n    display: flex;\n    flex-direction: column;\n    width: 100%;\n  }\n\n  \/* Form Section *\/\n  #bx-thickness-selector-v1 .ts-form-section {\n    padding: 20px 5% 40px;\n    background: #ffffff;\n    border-bottom: 1px solid var(--bx-border);\n  }\n\n  #bx-thickness-selector-v1 .ts-row {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));\n    gap: 24px;\n    margin-bottom: 24px;\n  }\n\n  #bx-thickness-selector-v1 .ts-field label {\n    display: block;\n    font-size: 14px;\n    font-weight: 600;\n    color: var(--bx-text-main);\n    margin-bottom: 8px;\n  }\n\n  #bx-thickness-selector-v1 .ts-field select,\n  #bx-thickness-selector-v1 .ts-field input {\n    width: 100%;\n    height: 48px;\n    padding: 0 16px;\n    background: var(--bx-bg-input);\n    border: none;\n    border-bottom: 2px solid transparent;\n    font-family: inherit;\n    font-size: 15px;\n    color: var(--bx-text-main);\n    transition: all 0.2s ease;\n    border-radius: 2px 2px 0 0;\n    appearance: none;\n    -webkit-appearance: none;\n  }\n\n  #bx-thickness-selector-v1 .ts-field select:focus,\n  #bx-thickness-selector-v1 .ts-field input:focus {\n    outline: none;\n    background: #ffffff;\n    border-bottom: 2px solid var(--bx-accent-2);\n    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);\n  }\n\n  #bx-thickness-selector-v1 .ts-field select {\n    background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23304890' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C\/polyline%3E%3C\/svg%3E\");\n    background-repeat: no-repeat;\n    background-position: right 16px center;\n  }\n\n  #bx-thickness-selector-v1 .ts-btn {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n    max-width: 320px;\n    height: 52px;\n    margin-top: 16px;\n    background: var(--bx-primary);\n    color: #ffffff;\n    border: none;\n    font-size: 16px;\n    font-weight: 600;\n    letter-spacing: 0.02em;\n    cursor: pointer;\n    transition: background 0.2s ease;\n    border-radius: 2px;\n  }\n\n  #bx-thickness-selector-v1 .ts-btn:hover {\n    background: var(--bx-accent-1);\n  }\n\n  \/* Results Section *\/\n  #bx-thickness-selector-v1 .ts-result-section {\n    padding: 40px 5%;\n    background: var(--bx-bg-light);\n  }\n\n  #bx-thickness-selector-v1 .ts-result {\n    opacity: 0;\n    visibility: hidden;\n    transform: translateY(10px);\n    transition: all 0.4s ease;\n    display: none;\n  }\n\n  #bx-thickness-selector-v1 .ts-result.active {\n    opacity: 1;\n    visibility: visible;\n    transform: translateY(0);\n    display: block;\n  }\n\n  \/* 3-Column Layout for Result Cards on Desktop *\/\n  #bx-thickness-selector-v1 .ts-rec-cards {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 24px;\n    margin-bottom: 24px;\n  }\n\n  #bx-thickness-selector-v1 .ts-rec-card {\n    background: #ffffff;\n    padding: 24px 20px;\n    border-top: 4px solid var(--bx-accent-2);\n    box-shadow: 0 2px 4px rgba(0,0,0,0.02);\n    text-align: center;\n  }\n\n  #bx-thickness-selector-v1 .ts-rec-card .ts-val {\n    font-family: var(--bx-font-mono);\n    font-size: 24px;\n    font-weight: 700;\n    color: var(--bx-primary);\n    display: block;\n    margin-top: 8px;\n  }\n\n  #bx-thickness-selector-v1 .ts-fit-container {\n    margin-bottom: 24px;\n  }\n\n  #bx-thickness-selector-v1 .ts-fit {\n    display: inline-block;\n    padding: 6px 12px;\n    font-size: 13px;\n    font-weight: 700;\n    text-transform: uppercase;\n    border-radius: 2px;\n  }\n\n  #bx-thickness-selector-v1 .ts-fit-excellent { background: rgba(24, 120, 192, 0.1); color: var(--bx-accent-2); border: 1px solid rgba(24, 120, 192, 0.2); }\n  #bx-thickness-selector-v1 .ts-fit-good { background: rgba(48, 72, 168, 0.1); color: var(--bx-accent-3); border: 1px solid rgba(48, 72, 168, 0.2); }\n\n  #bx-thickness-selector-v1 .ts-notes {\n    padding: 16px 20px;\n    background: #ffffff;\n    border: 1px solid var(--bx-border);\n    font-size: 14px;\n    line-height: 1.7;\n    color: var(--bx-text-muted);\n    margin-bottom: 32px;\n  }\n\n  #bx-thickness-selector-v1 .ts-notes strong {\n    color: var(--bx-text-main);\n  }\n\n  #bx-thickness-selector-v1 .ts-cta {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    padding: 14px 28px;\n    background: transparent;\n    color: var(--bx-primary);\n    border: 2px solid var(--bx-primary);\n    text-decoration: none;\n    font-weight: 600;\n    font-size: 15px;\n    transition: all 0.2s ease;\n    border-radius: 2px;\n  }\n\n  #bx-thickness-selector-v1 .ts-cta:hover {\n    background: var(--bx-primary);\n    color: #ffffff;\n  }\n\n  \/* Responsive Design *\/\n  @media (max-width: 992px) {\n    #bx-thickness-selector-v1 .ts-rec-cards {\n      grid-template-columns: 1fr;\n    }\n    #bx-thickness-selector-v1 .ts-rec-card {\n      border-top: none;\n      border-left: 4px solid var(--bx-accent-2);\n      text-align: left;\n    }\n    #bx-thickness-selector-v1 .ts-btn {\n      max-width: 100%;\n    }\n  }\n<\/style>\n\n  <header class=\"ts-header\">\n    <h2>Ultra-Thin Glass Thickness Selector<\/h2>\n    <p>Select your application requirements and get a recommended glass thickness range with material guidance.<\/p>\n  <\/header>\n\n  <div class=\"ts-container\">\n    <div class=\"ts-form-section\">\n      <h3>Your Requirements<\/h3>\n      \n      <div class=\"ts-row\">\n        <div class=\"ts-field\">\n          <label for=\"ts-app\">Application Type<\/label>\n          <select id=\"ts-app\">\n            <option value=\"\">&#8212; Select Application &#8212;<\/option>\n            <option value=\"display-mobile\">Smartphone \/ Tablet Display Cover<\/option>\n            <option value=\"display-foldable\">Foldable Device Display<\/option>\n            <option value=\"automotive\">Automotive Instrument Cluster \/ HUD<\/option>\n            <option value=\"industrial\">Industrial HMI Touchscreen<\/option>\n            <option value=\"medical\">Medical Device Display<\/option>\n            <option value=\"sensor\">Sensor Window \/ Optical Module<\/option>\n            <option value=\"smart-home\">Smart Home \/ IoT Panel<\/option>\n          <\/select>\n        <\/div>\n        \n        <div class=\"ts-field\">\n          <label for=\"ts-impact\">Impact Resistance Needed<\/label>\n          <select id=\"ts-impact\">\n            <option value=\"\">&#8212; Select Level &#8212;<\/option>\n            <option value=\"low\">Low (indoor, minimal contact)<\/option>\n            <option value=\"medium\">Medium (daily handling, finger touch)<\/option>\n            <option value=\"high\">High (factory floor, gloved operators)<\/option>\n            <option value=\"extreme\">Extreme (automotive thermal cycling)<\/option>\n          <\/select>\n        <\/div>\n      <\/div>\n\n      <div class=\"ts-row\">\n        <div class=\"ts-field\">\n          <label for=\"ts-bend\">Bend \/ Flex Requirement<\/label>\n          <select id=\"ts-bend\">\n            <option value=\"\">&#8212; Select &#8212;<\/option>\n            <option value=\"none\">No bending (flat panel)<\/option>\n            <option value=\"curve\">Gentle curve (>50 mm radius)<\/option>\n            <option value=\"fold\">Foldable (<5 mm radius)<\/option>\n          <\/select>\n        <\/div>\n        \n        <div class=\"ts-field\">\n          <label for=\"ts-size\">Panel Diagonal (inches)<\/label>\n          <input type=\"number\" id=\"ts-size\" min=\"1\" max=\"100\" step=\"0.1\" placeholder=\"e.g. 12.1\">\n        <\/div>\n      <\/div>\n\n      <button type=\"button\" class=\"ts-btn\" id=\"ts-calc-btn\">Get Recommendation<\/button>\n    <\/div>\n\n    <div class=\"ts-result-section\">\n      <div class=\"ts-result\" id=\"ts-result\">\n        <h3>Recommended Specification<\/h3>\n        \n        <div class=\"ts-rec-cards\">\n          <div class=\"ts-rec-card\">\n            <h4>Recommended Thickness<\/h4>\n            <span class=\"ts-val\" id=\"ts-thickness-val\">\u2014<\/span>\n          <\/div>\n          <div class=\"ts-rec-card\">\n            <h4>Suggested Material<\/h4>\n            <span class=\"ts-val\" id=\"ts-material-val\">\u2014<\/span>\n          <\/div>\n          <div class=\"ts-rec-card\">\n            <h4>Strengthening<\/h4>\n            <span class=\"ts-val\" id=\"ts-strengthen-val\">\u2014<\/span>\n          <\/div>\n        <\/div>\n\n        <div id=\"ts-fit-tag\" class=\"ts-fit-container\"><\/div>\n        <div class=\"ts-notes\" id=\"ts-notes\"><\/div>\n        \n        <a href=\"#ct-popup-787\" class=\"ts-cta\">Discuss This Spec With Our Engineers<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n\n<script>\n(function(){\n  var data = {\n    'display-mobile':  { thick: '0.3 \u2013 0.55 mm', mat: 'Aluminosilicate', str: 'Chemical (Ion Exchange)', note: 'Gorilla Glass or equivalent. Chemical strengthening provides CS >450 MPa for daily drop and scratch resistance. AR+AF coating recommended for display clarity and fingerprint resistance.', fit: 'excellent' },\n    'display-foldable': { thick: '0.03 \u2013 0.1 mm', mat: 'Aluminosilicate', str: 'Chemical (Thin Profile)', note: 'Ultra-thin glass must flex to <5 mm bend radius. Only aluminosilicate at these thicknesses achieves the required combination of flexibility and surface hardness. Polymer interlayer may be bonded underneath for shatter protection.', fit: 'excellent' },\n    'automotive':      { thick: '0.55 \u2013 1.1 mm', mat: 'Aluminosilicate', str: 'Chemical (High CS)', note: 'Must pass ISO 16750-4 thermal cycling (-40\u00b0C to +85\u00b0C). Aluminosilicate provides the best combination of optical quality, thermal stability, and impact resistance for instrument clusters and HUD elements. Interior AR coating minimizes ghosting.', fit: 'excellent' },\n    'industrial':      { thick: '0.7 \u2013 1.1 mm', mat: 'Aluminosilicate', str: 'Chemical + AG Coating', note: 'Factory environments demand impact resistance from gloved operators, chemical resistance for cleaning agents, and anti-glare treatment for high-bay lighting. AG coating tuned to 80-120 GU provides optimal readability under overhead lighting.', fit: 'excellent' },\n    'medical':         { thick: '0.7 \u2013 1.1 mm', mat: 'Borosilicate', str: 'Chemical + Biocompat.', note: 'Borosilicate chosen for chemical neutrality and stability under repeated disinfection with hydrogen peroxide wipes. Must meet ISO 10993-5 (cytotoxicity) and ISO 10993-10 (skin sensitization). AF coating rated for >5000 wipe cycles.', fit: 'excellent' },\n    'sensor':          { thick: '0.1 \u2013 0.3 mm', mat: 'Borosilicate', str: 'Chemical + AR Coating', note: 'Sensor windows for LiDAR, IR, and optical modules require minimal signal attenuation. Thinner glass reduces optical distortion. AR coating at target wavelength maximizes transmittance. Borosilicate provides thermal stability for outdoor sensor housings.', fit: 'excellent' },\n    'smart-home':      { thick: '0.5 \u2013 1.1 mm', mat: 'Soda-Lime', str: 'Chemical (Standard)', note: 'Cost-effective soda-lime glass suits smart home panels where extreme scratch resistance is not critical. Chemical strengthening provides adequate surface compression for daily touch operation. Screen-printed graphics can be applied under the surface for durable branding.', fit: 'good' }\n  };\n\n  var impactAdj = { 'low': 0, 'medium': 0, 'high': 0.1, 'extreme': 0.2 };\n  var bendNotes = {\n    'none': '',\n    'curve': ' Gentle curved forming is possible at these thicknesses \u2014 tooling required for curved panel production.',\n    'fold': ' Foldable requirement constrains thickness to \u22640.1 mm. Only aluminosilicate achieves reliable fold performance.'\n  };\n\n  document.getElementById('ts-calc-btn').addEventListener('click', function(){\n    var app = document.getElementById('ts-app').value;\n    var impact = document.getElementById('ts-impact').value;\n    var bend = document.getElementById('ts-bend').value;\n    var size = parseFloat(document.getElementById('ts-size').value) || 0;\n\n    if (!app || !impact || !bend) {\n      alert('Please select all required fields.');\n      return;\n    }\n\n    var rec = data[app];\n    if (!rec) return;\n\n    var thickText = rec.thick;\n    if (bend === 'fold' && app !== 'display-foldable') {\n      thickText = '0.03 \u2013 0.1 mm';\n      rec = { thick: thickText, mat: 'Aluminosilicate', str: 'Chemical (Thin Profile)', note: 'Foldable requirement overrides standard thickness. Only ultra-thin aluminosilicate achieves reliable fold performance at <5 mm bend radius.', fit: 'good' };\n    }\n\n    var noteExtra = '';\n    if (size > 20) {\n      noteExtra += ' Larger panels (>' + size.toFixed(1) + '\") at thin gauges may require specialized handling fixtures during production.';\n    }\n    noteExtra += bendNotes[bend] || '';\n\n    document.getElementById('ts-thickness-val').textContent = thickText;\n    document.getElementById('ts-material-val').textContent = rec.mat;\n    document.getElementById('ts-strengthen-val').textContent = rec.str;\n\n    var fitClass = rec.fit === 'excellent' ? 'ts-fit-excellent' : 'ts-fit-good';\n    var fitLabel = rec.fit === 'excellent' ? 'Excellent Fit' : 'Good Fit';\n    document.getElementById('ts-fit-tag').innerHTML = '<span class=\"ts-fit ' + fitClass + '\">' + fitLabel + '<\/span>';\n\n    document.getElementById('ts-notes').innerHTML = '<strong>Engineering Notes:<\/strong> ' + rec.note + noteExtra;\n\n    document.getElementById('ts-result').className = 'ts-result active';\n  });\n})();\n<\/script>\n<\/section>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Ultra-Thin Glass Thickness Selector Select your application requirements and get a recommended glass thickness range with material guidance. Your Requirements Application Type &#8212; Select Application &#8212;Smartphone \/ Tablet Display CoverFoldable Device DisplayAutomotive Instrument Cluster \/ HUDIndustrial HMI TouchscreenMedical Device DisplaySensor Window \/ Optical ModuleSmart Home \/ IoT Panel Impact Resistance Needed &#8212; Select Level &#8212;Low [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":2177,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-2218","page","type-page","status-publish","hentry"],"blocksy_meta":[],"_links":{"self":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages\/2218","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/comments?post=2218"}],"version-history":[{"count":0,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages\/2218\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages\/2177"}],"wp:attachment":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/media?parent=2218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}