{"id":5576,"date":"2024-04-25T10:20:01","date_gmt":"2024-04-25T10:20:01","guid":{"rendered":"https:\/\/kudezign.com\/?post_type=portfolio&#038;p=5576"},"modified":"2026-05-16T22:16:58","modified_gmt":"2026-05-16T12:16:58","slug":"pennys-bakery-rebrand","status":"publish","type":"project","link":"https:\/\/kudezign.com\/jp\/project\/pennys-bakery-rebrand\/","title":{"rendered":"Penny\u2019s Bakery\u3001\u65b0\u305f\u306a\u9854\u3078"},"content":{"rendered":"\n<div class=\"wp-block-stackable-heading stk-block-heading stk-block-heading--v2 stk-block stk-608f8fd\" id=\"pennys-bakery-rebrand\" data-block-id=\"608f8fd\"><h1 class=\"stk-block-heading__text has-text-align-center\">Penny\u2019s Bakery rebrand<\/h1><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\" data-block-type=\"core\"><img decoding=\"async\" src=\"https:\/\/kudezign.com\/wp-content\/uploads\/2024\/04\/Shop-Front5-1536x924.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" data-block-type=\"core\">Penny\u2019s Bakery, a cherished local bakery with locations in both Hobart city and Kingston, Tasmania, underwent a transformative rebranding. The refreshed image began with the wheat logo mark\u2014a symbol of Penny\u2019s commitment to fresh, high-quality baked goods. The logo now features a modern and friendly font, reflecting the warm and welcoming atmosphere of the bakery.<\/p>\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\/2024\/05\/After.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\/2024\/05\/Before.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<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/ data-block-type=\"core\">\n\n\n\n<figure class=\"wp-block-video\" data-block-type=\"core\"><video height=\"1350\" style=\"aspect-ratio: 1080 \/ 1350;\" width=\"1080\" autoplay controls loop muted src=\"https:\/\/kudezign.com\/wp-content\/uploads\/2024\/04\/Penny-rebrand-ani-HEVC2.mov\" playsinline><\/video><\/figure>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\" data-block-type=\"core\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:100%\" data-block-type=\"core\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-bcd39b5\" data-block-id=\"bcd39b5\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-bcd39b5-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-d8f91cd\" data-v=\"4\" data-block-id=\"d8f91cd\"><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-d8f91cd-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-d8f91cd-inner-blocks\">\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-d922e6a\" data-block-id=\"d922e6a\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-d922e6a-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-460d815\" data-v=\"4\" data-block-id=\"460d815\"><style>.stk-460d815-container{margin-top:var(--stk--preset--spacing--20, 0.44rem) !important;margin-right:var(--stk--preset--spacing--20, 0.44rem) !important;margin-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;margin-left:var(--stk--preset--spacing--20, 0.44rem) !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-460d815-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-460d815-inner-blocks\">\n<figure class=\"wp-block-image aligncenter size-full\" data-block-type=\"core\"><img decoding=\"async\" src=\"https:\/\/kudezign.com\/wp-content\/uploads\/2024\/04\/Penny-Shop-Front.jpg\" alt=\"Lightbox Image\"\/><\/figure>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-23ed876\" data-v=\"4\" data-block-id=\"23ed876\"><style>.stk-23ed876-container{margin-top:var(--stk--preset--spacing--20, 0.44rem) !important;margin-right:var(--stk--preset--spacing--20, 0.44rem) !important;margin-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;margin-left:var(--stk--preset--spacing--20, 0.44rem) !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-23ed876-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-23ed876-inner-blocks\">\n<figure class=\"wp-block-image aligncenter size-full\" data-block-type=\"core\"><img decoding=\"async\" src=\"https:\/\/kudezign.com\/wp-content\/uploads\/2024\/04\/Penny-Shop-door.jpg\" alt=\"Lightbox Image\"\/><\/figure>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n<\/div><\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-stackable-columns stk-block-columns stk-block stk-ac3e660\" data-block-id=\"ac3e660\"><div class=\"stk-row stk-inner-blocks stk-block-content stk-content-align stk-ac3e660-column\">\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-b37aae2\" data-v=\"4\" data-block-id=\"b37aae2\"><style>.stk-b37aae2-container{margin-top:var(--stk--preset--spacing--20, 0.44rem) !important;margin-right:var(--stk--preset--spacing--20, 0.44rem) !important;margin-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;margin-left:var(--stk--preset--spacing--20, 0.44rem) !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-b37aae2-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-b37aae2-inner-blocks\">\n<figure class=\"wp-block-image aligncenter size-full\" data-block-type=\"core\"><img decoding=\"async\" src=\"https:\/\/kudezign.com\/wp-content\/uploads\/2024\/04\/Penny-Shop-Front2.jpg\" alt=\"Lightbox Image\"\/><\/figure>\n<\/div><\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-column stk-block-column stk-column stk-block stk-cbf7e46\" data-v=\"4\" data-block-id=\"cbf7e46\"><style>.stk-cbf7e46-container{margin-top:var(--stk--preset--spacing--20, 0.44rem) !important;margin-right:var(--stk--preset--spacing--20, 0.44rem) !important;margin-bottom:var(--stk--preset--spacing--20, 0.44rem) !important;margin-left:var(--stk--preset--spacing--20, 0.44rem) !important;}<\/style><div class=\"stk-column-wrapper stk-block-column__content stk-container stk-cbf7e46-container stk--no-background stk--no-padding\"><div class=\"stk-block-content stk-inner-blocks stk-cbf7e46-inner-blocks\">\n<figure class=\"wp-block-image aligncenter size-full\" data-block-type=\"core\"><img decoding=\"async\" src=\"https:\/\/kudezign.com\/wp-content\/uploads\/2024\/04\/Meal-Deal-Flyer.jpg\" alt=\"Lightbox Image\"\/><\/figure>\n<\/div><\/div><\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-86eccfe\" data-block-id=\"86eccfe\"><style>.stk-86eccfe {margin-bottom:6px !important;}<\/style><p class=\"stk-block-text__text\">This rebranding extended beyond the logo, integrating the new look into all aspects of Penny\u2019s Bakery, from shop signage and posters to coffee cups and stamp cards. The updated branding also graces the bakery\u2019s social media presence, ensuring a cohesive and visually appealing experience for the community. With this refreshed identity, Penny\u2019s Bakery is ready to continue being a beloved fixture in Tasmania.<\/p><\/div>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-dbac74d\" data-block-id=\"dbac74d\"><p class=\"stk-block-text__text\"><br>Penny\u2019s Instagram: <strong><a href=\"https:\/\/www.instagram.com\/pennysbakeryhobart\/\" target=\"_blank\" rel=\"noopener\">https:\/\/www.instagram.com\/pennysbakeryhobart\/<\/a><\/strong><\/p><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\" data-block-type=\"core\"><img decoding=\"async\" src=\"https:\/\/kudezign.com\/wp-content\/uploads\/2024\/04\/Shop-Card.jpg\" alt=\"Lightbox Image\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\" data-block-type=\"core\"><img decoding=\"async\" src=\"https:\/\/kudezign.com\/wp-content\/uploads\/2024\/04\/Shop-Front4.jpg\" alt=\"Lightbox Image\"\/><\/figure>\n\n\n\n<ul class=\"wp-block-list\" data-block-type=\"core\">\n<li data-block-type=\"core\"><\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\" data-block-type=\"core\"><img decoding=\"async\" src=\"https:\/\/kudezign.com\/wp-content\/uploads\/2024\/04\/Penny-Branding.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\" data-block-type=\"core\"><img decoding=\"async\" src=\"https:\/\/kudezign.com\/wp-content\/uploads\/2024\/04\/Panny-Coffee-Cup2.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\" data-block-type=\"core\"><img decoding=\"async\" src=\"https:\/\/kudezign.com\/wp-content\/uploads\/2024\/04\/Panny-Coffee-Cup.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<div class=\"wp-block-stackable-text stk-block-text stk-block stk-6aecbea\" data-block-id=\"6aecbea\"><p class=\"stk-block-text__text\">Ends up, it looks good on different materials because of\nits bold and easily recognizable shape.<\/p><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Penny\u2019s Bakery rebrand Penny\u2019s Bakery, a cherished local bakery with locations in both Hobart city and Kingston, Tasmania, underwent a transformative rebranding. The refreshed image began with the wheat logo mark\u2014a symbol of Penny\u2019s commitment to fresh, high-quality baked goods. The logo now features a modern and friendly font, reflecting the warm and welcoming atmosphere of the bakery. Before After This rebranding extended beyond the logo, integrating the new look into all aspects of Penny\u2019s Bakery, from shop signage and posters to coffee cups and stamp cards. The updated branding also graces the bakery\u2019s social media presence, ensuring a cohesive and visually appealing experience for the community. With this refreshed [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9745,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":""},"project_category":[53],"project_tag":[],"class_list":["post-5576","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\/5576","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=5576"}],"version-history":[{"count":8,"href":"https:\/\/kudezign.com\/jp\/wp-json\/wp\/v2\/project\/5576\/revisions"}],"predecessor-version":[{"id":11576,"href":"https:\/\/kudezign.com\/jp\/wp-json\/wp\/v2\/project\/5576\/revisions\/11576"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kudezign.com\/jp\/wp-json\/wp\/v2\/media\/9745"}],"wp:attachment":[{"href":"https:\/\/kudezign.com\/jp\/wp-json\/wp\/v2\/media?parent=5576"}],"wp:term":[{"taxonomy":"project_category","embeddable":true,"href":"https:\/\/kudezign.com\/jp\/wp-json\/wp\/v2\/project_category?post=5576"},{"taxonomy":"project_tag","embeddable":true,"href":"https:\/\/kudezign.com\/jp\/wp-json\/wp\/v2\/project_tag?post=5576"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}