{"id":5018,"date":"2026-03-24T08:27:20","date_gmt":"2026-03-24T08:27:20","guid":{"rendered":"https:\/\/saiweiglass.com\/?page_id=5018"},"modified":"2026-03-24T08:29:06","modified_gmt":"2026-03-24T08:29:06","slug":"ag-specification-selector","status":"publish","type":"page","link":"https:\/\/saiweiglass.com\/pt\/capabilities\/ag-etching\/ag-specification-selector\/","title":{"rendered":"Seletor de especifica\u00e7\u00f5es AG"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-ef3380d\" data-block-id=\"ef3380d\"><style>.stk-ef3380d {margin-bottom:18px !important;}<\/style><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-ef3380d-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-462cd29\" data-v=\"4\" data-block-id=\"462cd29\"><style>.stk-462cd29-container{margin-top:30px !important;margin-right:30px !important;margin-bottom:30px !important;margin-left:30px !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-462cd29-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-462cd29-inner-blocks\">\n<h1>AG Specification Selector<\/h1>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-63ba690\" data-block-id=\"63ba690\"><style>.stk-63ba690 {margin-bottom:18px !important;}<\/style><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-63ba690-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-4011d3e\" data-v=\"4\" data-block-id=\"4011d3e\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-4011d3e-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-4011d3e-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-9f784a6\" data-block-id=\"9f784a6\"><style>.stk-9f784a6 {margin-bottom:18px !important;}<\/style><div class=\"stk-row stk-inner-blocks has-text-align-center stk-block-content stk-content-align stk-9f784a6-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-793cc8b\" data-v=\"4\" data-block-id=\"793cc8b\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-793cc8b-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-793cc8b-inner-blocks\">\n<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>AG Specification Selector | SaiweiGlass<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&#038;display=swap\" rel=\"stylesheet\">\n<style>\n:root {\n  --c0: #1a2340;\n  --c1: #FFFFFF;\n  --c2: #304890;\n  --c3: #1860A8;\n  --c4: #1878C0;\n  --c5: #3048A8;\n  --c-bg: #F0F4FA;\n  --c-border: #D0D9EB;\n}\n*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\nbody { font-family: 'Inter', sans-serif; background: var(--c-bg); color: var(--c0); line-height: 1.6; }\n.tool-container { max-width: 960px; margin: 0 auto; padding: 24px 16px; }\n.tool-header { text-align: center; margin-bottom: 32px; }\n.tool-header h1 { font-size: 28px; font-weight: 800; color: var(--c0); margin-bottom: 8px; }\n.tool-header p { font-size: 15px; color: #5a6a8a; max-width: 600px; margin: 0 auto; }\n.card { background: var(--c1); border: 1px solid var(--c-border); border-radius: 16px; padding: 32px; margin-bottom: 24px; box-shadow: 0 2px 12px rgba(26,35,64,0.06); }\n.input-grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px; }\n@media (max-width:690px) { .input-grid { grid-template-columns: 1fr; } }\n.form-group { display: flex; flex-direction: column; gap: 8px; }\n.form-group label { font-size: 13px; font-weight: 600; color: var(--c2); text-transform: uppercase; letter-spacing: 0.5px; }\n.form-group select {\n  padding: 12px 16px; border: 2px solid var(--c-border); border-radius: 10px;\n  font-family: 'Inter', sans-serif; font-size: 15px; color: var(--c0);\n  background: var(--c1); cursor: pointer; transition: border-color 0.2s;\n  appearance: none; -webkit-appearance: none;\n  background-image: url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23304890' stroke-width='2' fill='none'\/%3E%3C\/svg%3E\");\n  background-repeat: no-repeat; background-position: right 14px center;\n}\n.form-group select:focus { outline: none; border-color: var(--c3); box-shadow: 0 0 0 3px rgba(24,96,168,0.12); }\n\n.results-section { display: none; animation: fadeSlideUp 0.5s ease; }\n.results-section.visible { display: block; }\n@keyframes fadeSlideUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }\n\n.results-header { display: flex; align-items: center; gap: 12px; margin-bottom: 24px; padding-bottom: 16px; border-bottom: 2px solid var(--c-bg); }\n.results-header .grade-badge {\n  display: inline-flex; align-items: center; gap: 8px;\n  background: linear-gradient(135deg, var(--c3), var(--c4)); color: var(--c1);\n  padding: 8px 20px; border-radius: 40px; font-weight: 700; font-size: 16px;\n}\n.results-header .grade-badge svg { width: 20px; height: 20px; fill: currentColor; }\n.results-header h2 { font-size: 20px; font-weight: 700; color: var(--c0); }\n\n.specs-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px; margin-bottom: 28px; }\n.spec-card {\n  background: var(--c-bg); border-radius: 12px; padding: 20px; text-align: center;\n  border: 1px solid var(--c-border); transition: transform 0.2s, box-shadow 0.2s;\n}\n.spec-card:hover { transform: translateY(-2px); box-shadow: 0 4px 16px rgba(26,35,64,0.1); }\n.spec-card .spec-label { font-size: 12px; font-weight: 600; color: var(--c2); text-transform: uppercase; letter-spacing: 0.5px; margin-bottom: 8px; }\n.spec-card .spec-value { font-size: 22px; font-weight: 800; color: var(--c3); }\n.spec-card .spec-unit { font-size: 13px; font-weight: 500; color: #5a6a8a; margin-top: 2px; }\n\n.treatments-section { margin-bottom: 28px; }\n.treatments-section h3 { font-size: 15px; font-weight: 700; color: var(--c0); margin-bottom: 12px; }\n.treatment-tags { display: flex; flex-wrap: wrap; gap: 10px; }\n.treatment-tag {\n  display: inline-flex; align-items: center; gap: 6px; padding: 8px 16px;\n  border-radius: 8px; font-size: 14px; font-weight: 500;\n  border: 2px solid var(--c-border); color: var(--c0); background: var(--c1); cursor: default;\n}\n.treatment-tag.recommended {\n  border-color: var(--c3); background: rgba(24,120,192,0.06); color: var(--c3);\n}\n.treatment-tag .check { width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; }\n.treatment-tag.recommended .check { background: var(--c3); color: var(--c1); }\n.treatment-tag:not(.recommended) .check { background: var(--c-border); color: #8a96b0; }\n\n.cta-area { text-align: center; padding-top: 8px; }\n.cta-btn {\n  display: inline-flex; align-items: center; gap: 10px;\n  padding: 16px 40px; border: none; border-radius: 12px;\n  background: linear-gradient(135deg, var(--c3), var(--c4)); color: var(--c1);\n  font-family: 'Inter', sans-serif; font-size: 16px; font-weight: 700;\n  cursor: pointer; text-decoration: none; transition: transform 0.2s, box-shadow 0.2s;\n  box-shadow: 0 4px 20px rgba(24,96,168,0.3);\n}\n.cta-btn:hover { transform: translateY(-2px); box-shadow: 0 6px 28px rgba(24,96,168,0.4); }\n.cta-btn svg { width: 18px; height: 18px; fill: currentColor; }\n\n.note-bar { display: flex; align-items: flex-start; gap: 10px; margin-top: 20px; padding: 14px 18px; background: rgba(48,72,144,0.06); border-radius: 10px; border-left: 4px solid var(--c2); }\n.note-bar p { font-size: 13px; color: #5a6a8a; }\n.note-bar strong { color: var(--c2); }\n<\/style>\n<\/head>\n<body>\n<div class=\"tool-container\">\n  <div class=\"tool-header\">\n    <h1>AG Specification Selector<\/h1>\n    <p>Select your application parameters below and we will recommend the optimal anti-glare etching specification for your project.<\/p>\n  <\/div>\n\n  <div class=\"card\">\n    <div class=\"input-grid\">\n      <div class=\"form-group\">\n        <label>Application<\/label>\n        <select id=\"application\">\n          <option value=\"\">&#8212; Select Application &#8212;<\/option>\n          <option value=\"consumer-electronics\">Consumer Electronics<\/option>\n          <option value=\"medical-device\">Medical Device<\/option>\n          <option value=\"industrial-hmi\">Industrial HMI<\/option>\n          <option value=\"automotive\">Automotive<\/option>\n          <option value=\"outdoor-kiosk\">Outdoor Kiosk<\/option>\n          <option value=\"smart-home\">Smart Home<\/option>\n        <\/select>\n      <\/div>\n      <div class=\"form-group\">\n        <label>Display Resolution<\/label>\n        <select id=\"resolution\">\n          <option value=\"\">&#8212; Select Resolution &#8212;<\/option>\n          <option value=\"standard\">Standard (1080p)<\/option>\n          <option value=\"high\">High (2K)<\/option>\n          <option value=\"ultra-high\">Ultra-High (4K\/OLED)<\/option>\n        <\/select>\n      <\/div>\n      <div class=\"form-group\">\n        <label>Environment<\/label>\n        <select id=\"environment\">\n          <option value=\"\">&#8212; Select Environment &#8212;<\/option>\n          <option value=\"indoor-controlled\">Indoor Controlled<\/option>\n          <option value=\"indoor-bright\">Indoor Bright<\/option>\n          <option value=\"outdoor\">Outdoor<\/option>\n          <option value=\"harsh-industrial\">Harsh Industrial<\/option>\n        <\/select>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"card results-section\" id=\"results\">\n    <div class=\"results-header\">\n      <div class=\"grade-badge\" id=\"gradeBadge\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M12 2L9.19 8.63 2 9.24l5.46 4.73L5.82 21 12 17.27 18.18 21l-1.64-7.03L22 9.24l-7.19-.61z\"\/><\/svg>\n        <span id=\"gradeText\">Medium AG<\/span>\n      <\/div>\n      <h2>Recommended Specification<\/h2>\n    <\/div>\n\n    <div class=\"specs-grid\">\n      <div class=\"spec-card\">\n        <div class=\"spec-label\">Haze Range<\/div>\n        <div class=\"spec-value\" id=\"hazeVal\">10-20<\/div>\n        <div class=\"spec-unit\">%<\/div>\n      <\/div>\n      <div class=\"spec-card\">\n        <div class=\"spec-label\">Gloss Range<\/div>\n        <div class=\"spec-value\" id=\"glossVal\">80-100<\/div>\n        <div class=\"spec-unit\">GU (60&deg;)<\/div>\n      <\/div>\n      <div class=\"spec-card\">\n        <div class=\"spec-label\">Roughness Ra<\/div>\n        <div class=\"spec-value\" id=\"roughnessVal\">0.08<\/div>\n        <div class=\"spec-unit\">&mu;m<\/div>\n      <\/div>\n      <div class=\"spec-card\">\n        <div class=\"spec-label\">Transmittance<\/div>\n        <div class=\"spec-value\" id=\"transmittanceVal\">&ge;92<\/div>\n        <div class=\"spec-unit\">%<\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"treatments-section\">\n      <h3>Recommended Additional Treatments<\/h3>\n      <div class=\"treatment-tags\" id=\"treatmentTags\">\n        <div class=\"treatment-tag recommended\" data-treatment=\"ar\">\n          <span class=\"check\">&#10003;<\/span> AR Coating\n        <\/div>\n        <div class=\"treatment-tag\" data-treatment=\"af\">\n          <span class=\"check\">&#8212;<\/span> AF Coating\n        <\/div>\n        <div class=\"treatment-tag\" data-treatment=\"cs\">\n          <span class=\"check\">&#8212;<\/span> Chemical Strengthening\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"note-bar\">\n      <p><strong>Note:<\/strong> These recommendations are based on typical project requirements. Our engineers will fine-tune the specification to your exact needs after consultation.<\/p>\n    <\/div>\n\n    <div class=\"cta-area\">\n      <a href=\"#ct-popup-787\" class=\"cta-btn\">\n        <svg viewBox=\"0 0 24 24\"><path d=\"M20 4H4c-1.1 0-2 .9-2 2v12c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z\"\/><\/svg>\n        Request a Quote for This Specification\n      <\/a>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\nconst SPECS = {\n  'consumer-electronics': {\n    'standard':    { 'indoor-controlled': 'ultra-light', 'indoor-bright': 'light',      'outdoor': 'medium', 'harsh-industrial': 'medium' },\n    'high':        { 'indoor-controlled': 'ultra-light', 'indoor-bright': 'ultra-light', 'outdoor': 'light',  'harsh-industrial': 'light' },\n    'ultra-high':  { 'indoor-controlled': 'ultra-light', 'indoor-bright': 'ultra-light', 'outdoor': 'light',  'harsh-industrial': 'light' }\n  },\n  'medical-device': {\n    'standard':    { 'indoor-controlled': 'light',       'indoor-bright': 'light',       'outdoor': 'medium', 'harsh-industrial': 'medium' },\n    'high':        { 'indoor-controlled': 'ultra-light', 'indoor-bright': 'light',       'outdoor': 'light',  'harsh-industrial': 'light' },\n    'ultra-high':  { 'indoor-controlled': 'ultra-light', 'indoor-bright': 'ultra-light', 'outdoor': 'light',  'harsh-industrial': 'light' }\n  },\n  'industrial-hmi': {\n    'standard':    { 'indoor-controlled': 'light',  'indoor-bright': 'medium', 'outdoor': 'heavy',  'harsh-industrial': 'heavy' },\n    'high':        { 'indoor-controlled': 'light',  'indoor-bright': 'light',  'outdoor': 'medium', 'harsh-industrial': 'medium' },\n    'ultra-high':  { 'indoor-controlled': 'ultra-light', 'indoor-bright': 'light', 'outdoor': 'light', 'harsh-industrial': 'light' }\n  },\n  'automotive': {\n    'standard':    { 'indoor-controlled': 'light',  'indoor-bright': 'medium', 'outdoor': 'medium', 'harsh-industrial': 'heavy' },\n    'high':        { 'indoor-controlled': 'light',  'indoor-bright': 'light',  'outdoor': 'medium', 'harsh-industrial': 'medium' },\n    'ultra-high':  { 'indoor-controlled': 'ultra-light', 'indoor-bright': 'light', 'outdoor': 'light', 'harsh-industrial': 'light' }\n  },\n  'outdoor-kiosk': {\n    'standard':    { 'indoor-controlled': 'medium', 'indoor-bright': 'medium', 'outdoor': 'heavy',  'harsh-industrial': 'heavy' },\n    'high':        { 'indoor-controlled': 'light',  'indoor-bright': 'medium', 'outdoor': 'medium', 'harsh-industrial': 'heavy' },\n    'ultra-high':  { 'indoor-controlled': 'light',  'indoor-bright': 'light',  'outdoor': 'medium', 'harsh-industrial': 'medium' }\n  },\n  'smart-home': {\n    'standard':    { 'indoor-controlled': 'ultra-light', 'indoor-bright': 'light',      'outdoor': 'medium', 'harsh-industrial': 'medium' },\n    'high':        { 'indoor-controlled': 'ultra-light', 'indoor-bright': 'ultra-light', 'outdoor': 'light',  'harsh-industrial': 'light' },\n    'ultra-high':  { 'indoor-controlled': 'ultra-light', 'indoor-bright': 'ultra-light', 'outdoor': 'light',  'harsh-industrial': 'light' }\n  }\n};\n\nconst GRADE_DATA = {\n  'ultra-light': { label: 'Ultra Light AG', haze: '2-8',   gloss: '100-120', roughness: '0.03-0.06', transmittance: '>=94' },\n  'light':       { label: 'Light AG',       haze: '8-18',  gloss: '80-100',  roughness: '0.06-0.10', transmittance: '>=92' },\n  'medium':      { label: 'Medium AG',      haze: '18-30', gloss: '60-80',   roughness: '0.10-0.18', transmittance: '>=90' },\n  'heavy':       { label: 'Heavy AG',       haze: '30-50', gloss: '40-60',   roughness: '0.18-0.30', transmittance: '>=88' }\n};\n\nconst TREATMENT_RULES = {\n  'consumer-electronics': { ar: true,  af: true,  cs: true },\n  'medical-device':       { ar: true,  af: true,  cs: true },\n  'industrial-hmi':       { ar: false, af: true,  cs: true },\n  'automotive':           { ar: true,  af: true,  cs: true },\n  'outdoor-kiosk':        { ar: true,  af: true,  cs: true },\n  'smart-home':           { ar: true,  af: true,  cs: false }\n};\n\nconst ENV_TREATMENT_BOOST = {\n  'indoor-controlled': { ar: false, af: false, cs: false },\n  'indoor-bright':     { ar: true,  af: false, cs: false },\n  'outdoor':           { ar: true,  af: true,  cs: true },\n  'harsh-industrial':  { ar: false, af: true,  cs: true }\n};\n\nfunction calculate() {\n  const app = document.getElementById('application').value;\n  const res = document.getElementById('resolution').value;\n  const env = document.getElementById('environment').value;\n  const resultsEl = document.getElementById('results');\n\n  if (!app || !res || !env) { resultsEl.classList.remove('visible'); return; }\n\n  const grade = SPECS[app][res][env];\n  const data = GRADE_DATA[grade];\n  const appTreat = TREATMENT_RULES[app];\n  const envTreat = ENV_TREATMENT_BOOST[env];\n\n  document.getElementById('gradeText').textContent = data.label;\n  document.getElementById('hazeVal').textContent = data.haze;\n  document.getElementById('glossVal').textContent = data.gloss;\n  document.getElementById('roughnessVal').textContent = data.roughness;\n  document.getElementById('transmittanceVal').innerHTML = data.transmittance.replace('>=', '&ge;');\n\n  const treatments = { ar: appTreat.ar || envTreat.ar, af: appTreat.af || envTreat.af, cs: appTreat.cs || envTreat.cs };\n  document.querySelectorAll('.treatment-tag').forEach(tag => {\n    const key = tag.dataset.treatment;\n    if (treatments[key]) {\n      tag.classList.add('recommended');\n      tag.querySelector('.check').innerHTML = '&#10003;';\n    } else {\n      tag.classList.remove('recommended');\n      tag.querySelector('.check').innerHTML = '&#8212;';\n    }\n  });\n\n  resultsEl.classList.remove('visible');\n  void resultsEl.offsetWidth;\n  resultsEl.classList.add('visible');\n}\n\ndocument.getElementById('application').addEventListener('change', calculate);\ndocument.getElementById('resolution').addEventListener('change', calculate);\ndocument.getElementById('environment').addEventListener('change', calculate);\n<\/script>\n<\/body>\n<\/html>\n\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>AG Specification Selector | SaiweiGlass AG Specification Selector Select your application parameters below and we will recommend the optimal anti-glare etching specification for your project. Application &#8212; Select Application &#8212;Consumer ElectronicsMedical DeviceIndustrial HMIAutomotiveOutdoor KioskSmart Home Display Resolution &#8212; Select Resolution &#8212;Standard (1080p)High (2K)Ultra-High (4K\/OLED) Environment &#8212; Select Environment &#8212;Indoor ControlledIndoor BrightOutdoorHarsh Industrial Medium AG Recommended [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":4784,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-5018","page","type-page","status-publish","hentry"],"blocksy_meta":{"has_hero_section":"disabled","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6}},"_links":{"self":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages\/5018","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\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/comments?post=5018"}],"version-history":[{"count":0,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages\/5018\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/pages\/4784"}],"wp:attachment":[{"href":"https:\/\/saiweiglass.com\/pt\/wp-json\/wp\/v2\/media?parent=5018"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}