{"id":4320,"date":"2026-05-08T03:08:52","date_gmt":"2026-05-08T03:08:52","guid":{"rendered":"https:\/\/gqlamp.com\/?page_id=4320"},"modified":"2026-05-08T03:10:20","modified_gmt":"2026-05-08T03:10:20","slug":"landscape-lumen-fixture-estimator","status":"publish","type":"page","link":"https:\/\/gqlamp.com\/ar\/landscape-lighting-design\/landscape-lumen-fixture-estimator\/","title":{"rendered":"\u062a\u0642\u062f\u064a\u0631 \u062a\u062c\u0648\u064a\u0641 \u0627\u0644\u0645\u0646\u0627\u0638\u0631 \u0627\u0644\u0637\u0628\u064a\u0639\u064a\u0629 \u0648\u0627\u0644\u062a\u0631\u0643\u064a\u0628\u0627\u062a"},"content":{"rendered":"\n<div class=\"wp-block-stackable-columns alignfull stk-block-columns stk-block stk-5e6b277\" data-block-id=\"5e6b277\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-5e6b277-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-6e52a8b\" data-v=\"4\" data-block-id=\"6e52a8b\"><style>.stk-6e52a8b-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-6e52a8b-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-6e52a8b-inner-blocks\">\n<h1>Landscape Lumen &amp; Fixture Estimator<\/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-c61850f\" data-block-id=\"c61850f\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-c61850f-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-2da86e9\" data-v=\"4\" data-block-id=\"2da86e9\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-2da86e9-container stk--no-background stk--no-padding\"><div class=\"has-text-align-center stk-block-content stk-inner-blocks stk-2da86e9-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-ead0c05\" data-block-id=\"ead0c05\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-ead0c05-column alignfull\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-c8b37b6\" data-v=\"4\" data-block-id=\"c8b37b6\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-c8b37b6-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-c8b37b6-inner-blocks\">\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;600;700&display=swap');\n\n\/* ==========================================================================\n   ISOLATED SCOPE: #gq-lfe-estimator-module\n   ========================================================================== *\/\n\n\/* 1. Full-Bleed Background *\/\n#gq-lfe-estimator-module {\n    width: 100% !important;\n    background-color: #f5f7fa !important; \/* Clean industrial base *\/\n    padding: 60px 0 !important;\n    margin: 0 !important;\n    box-sizing: border-box !important;\n    font-family: 'Inter', -apple-system, sans-serif !important;\n}\n\n#gq-lfe-estimator-module * {\n    box-sizing: border-box !important;\n}\n\n\/* 2. Anchored Container - max 1600px *\/\n#gq-lfe-estimator-module .gq-container {\n    max-width: 1600px !important;\n    margin: 0 auto !important;\n    padding: 30px 70px !important;\n}\n\n\/* 3. 2-Column Tool Layout for Wide Screens *\/\n#gq-lfe-estimator-module .gq-tool-wrapper {\n    display: grid !important;\n    grid-template-columns: 1.1fr 1.3fr !important; \/* Slightly wider right column for the table *\/\n    gap: 40px !important;\n    background: #ffffff !important;\n    border: 1px solid #e5e7eb !important;\n    border-top: 5px solid #183090 !important; \/* Guangqi Primary Color *\/\n    padding: 40px 45px !important;\n    box-shadow: 0 4px 15px rgba(0,0,0,0.03) !important;\n}\n\n\/* 4. Left Column: Form Area *\/\n#gq-lfe-estimator-module .gq-form-area {\n    display: flex !important;\n    flex-direction: column !important;\n}\n\n#gq-lfe-estimator-module h2.gq-h2-title {\n    color: #183090 !important;\n    font-size: 32px !important; \/* Required default size *\/\n    margin: 0 0 12px 0 !important;\n    font-weight: 700 !important;\n    line-height: 1.25 !important;\n}\n\n#gq-lfe-estimator-module .gq-lede {\n    color: #6b7280 !important;\n    font-size: 15px !important;\n    line-height: 1.6 !important;\n    margin: 0 0 25px 0 !important;\n}\n\n\/* Dynamic Zones Container *\/\n#gq-lfe-estimator-module .gq-lfe-zones {\n    margin-bottom: 20px !important;\n    display: flex !important;\n    flex-direction: column !important;\n    gap: 15px !important;\n}\n\n\/* Individual Zone Row *\/\n#gq-lfe-estimator-module .gq-lfe-zone {\n    display: grid !important;\n    grid-template-columns: 2fr 1fr 1fr auto !important;\n    gap: 12px !important;\n    align-items: end !important;\n    padding: 20px !important;\n    background: #f8f9fa !important;\n    border: 1px solid #e5e7eb !important;\n    border-left: 4px solid #183090 !important;\n}\n\n#gq-lfe-estimator-module .gq-lfe-field {\n    display: flex !important;\n    flex-direction: column !important;\n}\n\n#gq-lfe-estimator-module .gq-lfe-field label {\n    font-weight: 600 !important;\n    color: #303030 !important;\n    margin-bottom: 8px !important;\n    font-size: 13px !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.5px !important;\n}\n\n#gq-lfe-estimator-module .gq-lfe-input,\n#gq-lfe-estimator-module .gq-lfe-select {\n    width: 100% !important;\n    padding: 10px 12px !important;\n    border: 1px solid #d1d5db !important;\n    border-radius: 2px !important; \/* Flat design *\/\n    font-size: 14px !important;\n    background-color: #ffffff !important;\n    color: #303030 !important;\n    font-family: inherit !important;\n    transition: border-color 0.2s ease !important;\n}\n\n#gq-lfe-estimator-module .gq-lfe-input:focus,\n#gq-lfe-estimator-module .gq-lfe-select:focus {\n    outline: none !important;\n    border-color: #183090 !important;\n}\n\n\/* Delete Button *\/\n#gq-lfe-estimator-module .gq-lfe-del {\n    color: #D81818 !important;\n    background: transparent !important;\n    border: 1px solid #D81818 !important;\n    padding: 0 !important;\n    width: 38px !important;\n    height: 38px !important;\n    border-radius: 2px !important;\n    cursor: pointer !important;\n    font-size: 20px !important;\n    line-height: 1 !important;\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n    transition: all 0.2s ease !important;\n}\n\n#gq-lfe-estimator-module .gq-lfe-del:hover {\n    background: #D81818 !important;\n    color: #ffffff !important;\n}\n\n\/* Action Buttons (Add & Calc) *\/\n#gq-lfe-estimator-module .gq-lfe-actions {\n    display: flex !important;\n    align-items: center !important;\n    gap: 15px !important;\n    margin-top: 10px !important;\n}\n\n#gq-lfe-estimator-module .gq-add-btn {\n    background-color: #ffffff !important;\n    color: #183090 !important;\n    border: 2px solid #183090 !important;\n    padding: 12px 20px !important;\n    border-radius: 2px !important;\n    cursor: pointer !important;\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    transition: all 0.2s ease !important;\n    text-transform: uppercase !important;\n}\n\n#gq-lfe-estimator-module .gq-add-btn:hover {\n    background-color: #183090 !important;\n    color: #ffffff !important;\n}\n\n#gq-lfe-estimator-module .gq-calc-btn {\n    background-color: #183090 !important;\n    color: #ffffff !important;\n    padding: 12px 25px !important;\n    border: 2px solid #183090 !important;\n    border-radius: 2px !important;\n    font-size: 14px !important;\n    font-weight: 700 !important;\n    cursor: pointer !important;\n    transition: all 0.3s ease !important;\n    text-transform: uppercase !important;\n}\n\n#gq-lfe-estimator-module .gq-calc-btn:hover {\n    background-color: #ffffff !important;\n    color: #183090 !important;\n}\n\n\/* 5. Right Column: Result Area *\/\n#gq-lfe-estimator-module .gq-result-area {\n    display: flex !important;\n    flex-direction: column !important;\n    justify-content: flex-start !important; \/* Align to top due to potential height of left column *\/\n}\n\n#gq-lfe-estimator-module .gq-result-box {\n    padding: 35px 40px !important;\n    background-color: #f8f9fa !important;\n    border: 1px solid #e5e7eb !important;\n    border-left: 5px solid #e5e7eb !important;\n    display: flex !important;\n    flex-direction: column !important;\n    height: 100% !important;\n    transition: all 0.3s ease !important;\n}\n\n#gq-lfe-estimator-module .gq-result-box.gq-show {\n    border-left-color: #183090 !important; \/* Primary Blue Accent *\/\n    background: linear-gradient(135deg, #ffffff 0%, #f4f5f7 100%) !important;\n    box-shadow: 0 10px 25px rgba(0,0,0,0.05) !important;\n}\n\n\/* Initial empty state styling *\/\n#gq-lfe-estimator-module .gq-empty-state {\n    color: #9ca3af !important;\n    text-align: center !important;\n    margin: auto !important;\n    font-size: 16px !important;\n}\n\n#gq-lfe-estimator-module .gq-result-content {\n    display: none !important;\n}\n\n#gq-lfe-estimator-module .gq-result-box.gq-show .gq-empty-state {\n    display: none !important;\n}\n\n#gq-lfe-estimator-module .gq-result-box.gq-show .gq-result-content {\n    display: block !important;\n}\n\n#gq-lfe-estimator-module h3.gq-h3-result {\n    color: #183090 !important;\n    margin: 0 0 20px 0 !important;\n    font-size: 20px !important;\n    font-weight: 700 !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.5px !important;\n}\n\n\/* Table Styling - Hard B2B Data Grid *\/\n#gq-lfe-estimator-module .gq-table-wrapper {\n    width: 100% !important;\n    overflow-x: auto !important; \/* Horizontal scroll on small screens *\/\n    margin-bottom: 25px !important;\n    border: 1px solid #d1d5db !important;\n}\n\n#gq-lfe-estimator-module table {\n    width: 100% !important;\n    border-collapse: collapse !important;\n    margin: 0 !important;\n    min-width: 500px !important; \/* Ensure table doesn't crush too much *\/\n}\n\n#gq-lfe-estimator-module th {\n    background: #183090 !important;\n    color: #ffffff !important;\n    padding: 12px 15px !important;\n    text-align: left !important;\n    font-size: 13px !important;\n    text-transform: uppercase !important;\n    letter-spacing: 0.5px !important;\n    white-space: nowrap !important;\n}\n\n#gq-lfe-estimator-module td {\n    padding: 12px 15px !important;\n    border-bottom: 1px solid #e5e7eb !important;\n    font-size: 14px !important;\n    color: #303030 !important;\n    background: #ffffff !important;\n}\n\n#gq-lfe-estimator-module tr.gq-total-row td {\n    background-color: #eef0fa !important;\n    font-weight: 700 !important;\n    color: #183090 !important;\n    border-top: 2px solid #183090 !important;\n    border-bottom: none !important;\n}\n\n\/* Call To Action Link *\/\n#gq-lfe-estimator-module .gq-cta {\n    background-color: #D81818 !important; \/* Accent Red *\/\n    color: #ffffff !important;\n    padding: 15px 20px !important;\n    text-align: center !important;\n    text-decoration: none !important;\n    font-weight: 700 !important;\n    font-size: 15px !important;\n    border: 2px solid #D81818 !important;\n    transition: all 0.3s ease !important;\n    display: inline-block !important;\n    width: 100% !important;\n    border-radius: 2px !important;\n}\n\n#gq-lfe-estimator-module .gq-cta:hover {\n    background-color: #ffffff !important;\n    color: #D81818 !important;\n}\n\n\/* 6. Responsive Fallbacks *\/\n@media (max-width: 1200px) {\n    #gq-lfe-estimator-module .gq-tool-wrapper {\n        grid-template-columns: 1fr !important; \/* Stack vertically on tablets *\/\n        padding: 40px 30px !important;\n    }\n    #gq-lfe-estimator-module .gq-lfe-zone {\n        grid-template-columns: 1fr 1fr !important; \/* 2x2 grid for inputs on medium screens *\/\n        gap: 15px !important;\n    }\n    #gq-lfe-estimator-module .gq-lfe-del {\n        grid-column: span 2 !important;\n        width: 100% !important;\n        margin-top: 5px !important;\n    }\n}\n\n@media (max-width:690px) {\n    #gq-lfe-estimator-module .gq-container { padding: 30px 20px !important; }\n    #gq-lfe-estimator-module h2.gq-h2-title { font-size: 26px !important; }\n    #gq-lfe-estimator-module .gq-lfe-zone { grid-template-columns: 1fr !important; }\n    #gq-lfe-estimator-module .gq-lfe-del { grid-column: 1 !important; }\n    #gq-lfe-estimator-module .gq-lfe-actions { flex-direction: column !important; align-items: stretch !important; }\n}\n<\/style>\n\n<section id=\"gq-lfe-estimator-module\">\n    <div class=\"gq-container\">\n        \n        <div class=\"gq-tool-wrapper\">\n            \n            <div class=\"gq-form-area\">\n                <h2 class=\"gq-h2-title\">Landscape Lumen &#038; Fixture Estimator<\/h2>\n                <p class=\"gq-lede\">Estimate the lumen budget and approximate fixture count for your project. Add each zone separately. Based on ANSI\/IES RP-33 illuminance recommendations.<\/p>\n\n                <div class=\"gq-lfe-zones\" id=\"gq-lfe-zones-container\"><\/div>\n                \n                <div class=\"gq-lfe-actions\">\n                    <button class=\"gq-add-btn\" onclick=\"gqLfeAddZone()\">+ Add Zone<\/button>\n                    <button class=\"gq-calc-btn\" onclick=\"gqLfeCalc()\">Calculate Lumen Budget<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"gq-result-area\">\n                <div id=\"gq-lfe-out\" class=\"gq-result-box\">\n                    <div class=\"gq-empty-state\">\n                        Add your project zones and click calculate to estimate your lumen budget.\n                    <\/div>\n                    \n                    <div class=\"gq-result-content\">\n                        <h3 class=\"gq-h3-result\">Estimated Lumen Budget &#038; Fixture Count<\/h3>\n                        <div class=\"gq-table-wrapper\">\n                            <table id=\"gq-lfe-resultTable\"><\/table>\n                        <\/div>\n                        <a href=\"#ct-popup-801\" class=\"gq-cta gq-popup-trigger\">Send Your CAD Base for a Photometric Plan \u2192<\/a>\n                    <\/div>\n                <\/div>\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n<\/section>\n\n<script>\n\/\/ Isolated logic using unique prefixed IDs\/Classes\nconst GQ_LFE_APP = {\n    walkway: {label: 'Pedestrian walkway', fc: 2, fixtureType: 'Bollard \/ path light', lumPerFixture: 600},\n    parking: {label: 'Parking area', fc: 1, fixtureType: 'Pole-mounted area', lumPerFixture: 8000},\n    entrance: {label: 'Building entrance', fc: 7, fixtureType: 'Wall-grazer \/ facade', lumPerFixture: 3000},\n    plaza: {label: 'Public plaza', fc: 3, fixtureType: 'Pole + bollard mix', lumPerFixture: 5000},\n    facade: {label: 'Building facade', fc: 4, fixtureType: 'Wall-grazer', lumPerFixture: 6000},\n    poolarea: {label: 'Pool \/ water feature', fc: 3, fixtureType: 'Underwater + accent', lumPerFixture: 1500},\n    tree: {label: 'Tree uplighting', fc: 5, fixtureType: 'Inground \/ accent', lumPerFixture: 1200}\n};\n\nfunction gqLfeAddZone(){\n    const z = document.getElementById('gq-lfe-zones-container');\n    const opts = Object.entries(GQ_LFE_APP).map(([k,v]) => `<option value=\"${k}\">${v.label}<\/option>`).join('');\n    \n    const zoneHTML = `\n        <div class=\"gq-lfe-zone gq-lfe-zone-item\">\n            <div class=\"gq-lfe-field\">\n                <label>Zone<\/label>\n                <select class=\"gq-lfe-ztype gq-lfe-select\">${opts}<\/select>\n            <\/div>\n            <div class=\"gq-lfe-field\">\n                <label>Area (ft\u00b2)<\/label>\n                <input class=\"gq-lfe-zarea gq-lfe-input\" type=\"number\" value=\"2000\">\n            <\/div>\n            <div class=\"gq-lfe-field\">\n                <label>Reflectance<\/label>\n                <select class=\"gq-lfe-zref gq-lfe-select\">\n                    <option value=\"0.2\">Low (20%)<\/option>\n                    <option value=\"0.5\" selected>Mid (50%)<\/option>\n                    <option value=\"0.8\">High (80%)<\/option>\n                <\/select>\n            <\/div>\n            <button class=\"gq-lfe-del\" onclick=\"this.parentElement.remove()\" title=\"Remove Zone\">\u00d7<\/button>\n        <\/div>\n    `;\n    z.insertAdjacentHTML('beforeend', zoneHTML);\n}\n\n\/\/ Initialize with one zone\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    gqLfeAddZone();\n});\n\nfunction gqLfeCalc(){\n    const zones = document.querySelectorAll('.gq-lfe-zone-item');\n    if(zones.length === 0) return; \/\/ Prevent calc if all zones deleted\n    \n    let rows = '<tr><th>Zone<\/th><th>Target FC<\/th><th>Lumens needed<\/th><th>Suggested fixture<\/th><th>Approx count<\/th><\/tr>';\n    let totalLumens = 0, totalFixtures = 0;\n    \n    zones.forEach(z => {\n        const t = z.querySelector('.gq-lfe-ztype').value;\n        const area = +z.querySelector('.gq-lfe-zarea').value;\n        const ref = +z.querySelector('.gq-lfe-zref').value;\n        const a = GQ_LFE_APP[t];\n        \n        \/\/ 10.764 lux\/fc, light loss factor 0.7\n        const lumens = Math.round(area * a.fc * 10.764 \/ (ref * 0.7)); \n        const count = Math.ceil(lumens \/ a.lumPerFixture);\n        \n        totalLumens += lumens;\n        totalFixtures += count;\n        \n        rows += `<tr>\n            <td>${a.label}<\/td>\n            <td>${a.fc} fc<\/td>\n            <td>${lumens.toLocaleString()}<\/td>\n            <td>${a.fixtureType}<\/td>\n            <td>${count}<\/td>\n        <\/tr>`;\n    });\n    \n    rows += `<tr class=\"gq-total-row\">\n        <td>TOTAL<\/td>\n        <td>\u2014<\/td>\n        <td>${totalLumens.toLocaleString()}<\/td>\n        <td>\u2014<\/td>\n        <td>${totalFixtures}<\/td>\n    <\/tr>`;\n    \n    document.getElementById('gq-lfe-resultTable').innerHTML = rows;\n    document.getElementById('gq-lfe-out').classList.add('gq-show');\n}\n\n\/\/ Fallback for Blocksy Modal Interception\ndocument.addEventListener(\"DOMContentLoaded\", function() {\n    var popTriggers = document.querySelectorAll('.gq-popup-trigger');\n    popTriggers.forEach(function(trigger) {\n        trigger.addEventListener(\"click\", function(e) {\n            var popupId = this.getAttribute('href');\n            if(popupId && popupId.startsWith('#ct-popup-')) {\n                window.location.hash = popupId;\n            }\n        });\n    });\n});\n<\/script>\n<\/div><\/div><\/div>\n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Landscape Lumen &#038; Fixture Estimator Estimate the lumen budget and approximate fixture count for your project. Add each zone separately. Based on ANSI\/IES RP-33 illuminance recommendations. + Add Zone Calculate Lumen Budget Add your project zones and click calculate to estimate your lumen budget. Estimated Lumen Budget &#038; Fixture Count Send Your CAD Base for [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":4295,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_gspb_post_css":"","footnotes":""},"class_list":["post-4320","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/gqlamp.com\/ar\/wp-json\/wp\/v2\/pages\/4320","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gqlamp.com\/ar\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gqlamp.com\/ar\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gqlamp.com\/ar\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/gqlamp.com\/ar\/wp-json\/wp\/v2\/comments?post=4320"}],"version-history":[{"count":0,"href":"https:\/\/gqlamp.com\/ar\/wp-json\/wp\/v2\/pages\/4320\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/gqlamp.com\/ar\/wp-json\/wp\/v2\/pages\/4295"}],"wp:attachment":[{"href":"https:\/\/gqlamp.com\/ar\/wp-json\/wp\/v2\/media?parent=4320"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}