{"id":11135,"date":"2025-12-31T11:26:11","date_gmt":"2025-12-31T00:26:11","guid":{"rendered":"https:\/\/kudezign.com\/?post_type=project&#038;p=11135"},"modified":"2026-05-14T00:04:00","modified_gmt":"2026-05-13T14:04:00","slug":"prime-priority-technology-logo","status":"publish","type":"project","link":"https:\/\/kudezign.com\/jp\/project\/prime-priority-technology-logo\/","title":{"rendered":"Prime Priority Technology Logo Re-design"},"content":{"rendered":"\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-d651b38\" id=\"prime-priority-technology\" data-block-id=\"d651b38\"><style>.stk-d651b38 {margin-bottom:13px !important;}<\/style><h1 class=\"stk-block-heading__text has-text-align-center\">Prime Priority Technology <\/h1><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-af172bd\" data-block-id=\"af172bd\"><p class=\"stk-block-text__text\">The new logo utilizes a clinical Teal palette to establish trust and hygiene, balanced with a Salmon Red accent that honors the brand's heritage. The interlocking geometric 'P' symbol represents the seamless connection between technology, healthcare providers, and patient wellbeing.<\/p><\/div>\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video height=\"1080\" style=\"aspect-ratio: 1920 \/ 1080;\" width=\"1920\" autoplay loop muted src=\"http:\/\/kudezign.com\/wp-content\/uploads\/2025\/12\/Logo-animation.mp4\" playsinline><\/video><\/figure>\n\n\n\n<!-- WP\/Stackable Before\/After Slider -->\n<style>\n    .wp-ba-slider-wp-ba-kwez1ua4u {\n        position: relative;\n        overflow: hidden;\n        width: 100%;\n        line-height: 0;\n        user-select: none;\n        box-sizing: border-box;\n        margin: 0 auto;\n        aspect-ratio: 4\/3;\n    }\n    .wp-ba-slider-wp-ba-kwez1ua4u img {\n        display: block;\n        width: 100%;\n        height: 100%; object-fit: cover;\n        max-width: 100%;\n        pointer-events: none;\n        margin: 0;\n        padding: 0;\n        border: none;\n    }\n    .wp-ba-slider-wp-ba-kwez1ua4u .ba-resize {\n        position: absolute;\n        top: 0;\n        left: 0;\n        height: 100%;\n        width: 50%;\n        overflow: hidden;\n        border-right: 3px solid #ffffff;\n        z-index: 10;\n        will-change: width;\n    }\n    .wp-ba-slider-wp-ba-kwez1ua4u .ba-handle {\n        position: absolute;\n        top: 50%;\n        left: 50%;\n        transform: translate(-50%, -50%);\n        width: 40px;\n        height: 40px;\n        background: #ffffff;\n        border-radius: 50%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        z-index: 20;\n        box-shadow: 0 2px 10px rgba(0,0,0,0.4);\n        pointer-events: none;\n        color: #333;\n    }\n    .wp-ba-slider-wp-ba-kwez1ua4u .ba-handle svg {\n        width: 20px;\n        height: 20px;\n    }\n    .wp-ba-slider-wp-ba-kwez1ua4u input[type=\"range\"] {\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100% !important;\n        height: 100% !important;\n        opacity: 0;\n        cursor: ew-resize;\n        margin: 0 !important;\n        padding: 0 !important;\n        z-index: 30;\n        -webkit-appearance: none;\n        appearance: none;\n        background: transparent;\n        border: none;\n    }\n    \/* Reset for WP Themes that add styles to inputs *\/\n    .wp-ba-slider-wp-ba-kwez1ua4u input[type=\"range\"]:focus {\n        outline: none;\n        box-shadow: none;\n    }\n    \n        .wp-ba-slider-wp-ba-kwez1ua4u .ba-label {\n            position: absolute;\n            display: inline-block;\n            padding: 4px 10px;\n            background: rgba(142, 153, 194, 0.6);\n            color: #fff;\n            font-size: 22px;\n            line-height: 1.5;\n            border-radius: 4px;\n            z-index: 15;\n            pointer-events: none;\n            user-select: none;\n            white-space: nowrap;\n        }\n        .wp-ba-slider-wp-ba-kwez1ua4u .ba-label-before { top: 10px; left: 10px; }\n        .wp-ba-slider-wp-ba-kwez1ua4u .ba-label-after { top: 10px; right: 10px; }\n<\/style>\n\n<div class=\"wp-ba-slider-wp-ba-kwez1ua4u\">\n    <!-- EDIT AFTER IMAGE URL BELOW -->\n    <img decoding=\"async\" src=\"http:\/\/kudezign.com\/wp-content\/uploads\/2025\/12\/PPT-new.jpg\" alt=\"After\" class=\"ba-after-img\">\n    \n    \n        <span class=\"ba-label ba-label-before\">Before<\/span>\n        <span class=\"ba-label ba-label-after\">After<\/span>\n    \n    <div class=\"ba-resize\">\n        <!-- EDIT BEFORE IMAGE URL BELOW -->\n        <img decoding=\"async\" src=\"http:\/\/kudezign.com\/wp-content\/uploads\/2025\/12\/PPT-logo-old.jpg\" alt=\"Before\" class=\"ba-before-img\">\n    <\/div>\n    \n    <div class=\"ba-handle\">\n        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"\/><\/svg><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"transform: rotate(180deg); margin-left: -10px;\"><path d=\"m9 18 6-6-6-6\"\/><\/svg>\n    <\/div>\n    <input type=\"range\" min=\"0\" max=\"100\" value=\"50\" step=\"0.1\" aria-label=\"Before After Slider\">\n<\/div>\n\n<script>\n    (function() {\n        \/\/ Unique Class for this slider instance\n        const wrapperClass = 'wp-ba-slider-wp-ba-kwez1ua4u';\n        \n        function initSingleSlider(wrapper) {\n            if (!wrapper || wrapper.getAttribute('data-init') === 'true') return;\n            \n            \/\/ Mark as init to prevent double binding\n            wrapper.setAttribute('data-init', 'true');\n\n            const range = wrapper.querySelector('input[type=\"range\"]');\n            const resizeDiv = wrapper.querySelector('.ba-resize');\n            const handle = wrapper.querySelector('.ba-handle');\n            const beforeImg = wrapper.querySelector('.ba-before-img');\n            \n            function syncWidth() {\n                \/\/ Ensure before image matches wrapper width for clipping effect\n                if(wrapper.offsetWidth > 0 && beforeImg) {\n                    beforeImg.style.width = wrapper.offsetWidth + 'px';\n                    beforeImg.style.maxWidth = 'none'; \n                }\n            }\n\n            syncWidth();\n            \n            \/\/ Ensure width is synced after image load\n            if (beforeImg) {\n                if (beforeImg.complete) {\n                    syncWidth();\n                } else {\n                    beforeImg.onload = syncWidth;\n                }\n            }\n\n            \/\/ Watch for resize events (window resize or container resize)\n            const ro = new ResizeObserver(entries => {\n                for (let entry of entries) syncWidth();\n            });\n            ro.observe(wrapper);\n\n            function updateSlider(val) {\n                if(resizeDiv) resizeDiv.style.width = val + '%';\n                if(handle) handle.style.left = val + '%';\n            }\n\n            if(range) {\n                range.addEventListener('input', function(e) {\n                    updateSlider(e.target.value);\n                });\n                \n                range.addEventListener('touchmove', function(e) {\n                     const rect = wrapper.getBoundingClientRect();\n                     const touch = e.touches[0];\n                     let val = ((touch.clientX - rect.left) \/ rect.width) * 100;\n                     val = Math.max(0, Math.min(100, val));\n                     updateSlider(val);\n                });\n            }\n        }\n\n        function initAllSliders() {\n            const wrappers = document.querySelectorAll('.' + wrapperClass);\n            wrappers.forEach(initSingleSlider);\n        }\n\n        \/\/ 1. Init immediately\n        initAllSliders();\n\n        \/\/ 2. Poll for DOM changes (fixes issues with AJAX loaders, Tabs, or Editor Preview)\n        \/\/ This is lightweight and ensures the slider works if loaded dynamically.\n        const poll = setInterval(function() {\n            initAllSliders();\n        }, 500);\n        \n        \/\/ Stop polling after 5 seconds to save resources\n        setTimeout(function() { clearInterval(poll); }, 5000);\n    })();\n<\/script>\n\n\n\n<div class=\"wp-block-stackable-image stk-block-image stk-block stk-721453c\" data-block-id=\"721453c\"><style>.stk-721453c {margin-top:var(u002du002dstku002du002dpresetu002du002dspacingu002du002d40, 1rem) !important;}<\/style><figure><span class=\"stk-img-wrapper stk-image--shape-stretch\"><img loading=\"lazy\" decoding=\"async\" class=\"stk-img wp-image-11152\" src=\"http:\/\/kudezign.com\/wp-content\/uploads\/2025\/12\/PPT-Japan-booth.jpg\" width=\"1600\" height=\"1266\" srcset=\"http:\/\/kudezign.com\/wp-content\/uploads\/2025\/12\/PPT-Japan-booth.jpg 1600w, http:\/\/kudezign.com\/wp-content\/uploads\/2025\/12\/PPT-Japan-booth-1280x1013.jpg 1280w, http:\/\/kudezign.com\/wp-content\/uploads\/2025\/12\/PPT-Japan-booth-980x775.jpg 980w, http:\/\/kudezign.com\/wp-content\/uploads\/2025\/12\/PPT-Japan-booth-480x380.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) and (max-width: 1280px) 1280px, (min-width: 1281px) 1600px, 100vw\" \/><\/span><\/figure><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Prime Priority Technology The new logo utilizes a clinical Teal palette to establish trust and hygiene, balanced with a Salmon Red accent that honors the brand&#8217;s heritage. The interlocking geometric &#8216;P&#8217; symbol represents the seamless connection between technology, healthcare providers, and patient wellbeing. Before After<\/p>","protected":false},"author":1,"featured_media":10660,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"project_category":[53],"project_tag":[],"class_list":["post-11135","project","type-project","status-publish","has-post-thumbnail","hentry","project_category-logo-redesign"],"_links":{"self":[{"href":"https:\/\/kudezign.com\/jp\/wp-json\/wp\/v2\/project\/11135","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kudezign.com\/jp\/wp-json\/wp\/v2\/project"}],"about":[{"href":"https:\/\/kudezign.com\/jp\/wp-json\/wp\/v2\/types\/project"}],"author":[{"embeddable":true,"href":"https:\/\/kudezign.com\/jp\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kudezign.com\/jp\/wp-json\/wp\/v2\/comments?post=11135"}],"version-history":[{"count":12,"href":"https:\/\/kudezign.com\/jp\/wp-json\/wp\/v2\/project\/11135\/revisions"}],"predecessor-version":[{"id":11406,"href":"https:\/\/kudezign.com\/jp\/wp-json\/wp\/v2\/project\/11135\/revisions\/11406"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kudezign.com\/jp\/wp-json\/wp\/v2\/media\/10660"}],"wp:attachment":[{"href":"https:\/\/kudezign.com\/jp\/wp-json\/wp\/v2\/media?parent=11135"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/kudezign.com\/jp\/wp-json\/wp\/v2\/project_category?post=11135"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/kudezign.com\/jp\/wp-json\/wp\/v2\/project_tag?post=11135"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}