{"id":38387,"date":"2026-01-12T10:18:37","date_gmt":"2026-01-11T23:48:37","guid":{"rendered":"https:\/\/iver-life.com\/?page_id=38387"},"modified":"2026-03-27T17:52:20","modified_gmt":"2026-03-27T07:22:20","slug":"interactive-moodboard","status":"publish","type":"page","link":"https:\/\/iver-life.com\/us\/interactive-moodboard\/","title":{"rendered":"Interactive Moodboard"},"content":{"rendered":"\n<section class=\"module--image_text image-size-square \" style=\"background: var(--white)\">\n    <div>\n        <div class=image data-reveal=fade-up>\n            <div class=image-container>\n                <img decoding=\"async\" src=\"https:\/\/iver.lbcdn.io\/uploads\/2026\/03\/updatedvideostylesourcebook-ezgif.com-video-to-gif-converter.gif\" alt=\"\">\n                            <\/div>\n        <\/div>\n        <div class=text>\n            <div data-reveal=fade-up>\n                <h1>Curate Your Design Vision<\/h1>\n<p>Bring your project vision to life with Iver x Style Sourcebook&#8217;s moodboard tool. Build your own board by selecting from Iver\u2019s full range of hardware, alongside complementary products from a library of brands including furniture, tapware, tiles, flooring, lighting and more \u2014 all easily dragged and dropped onto a clean canvas. Save your moodboard to your account or download it to share and reference anytime.<\/p>\n<p>The moodboard tool gives you the freedom to explore, mix and match, and visualise your design choices before making decisions. Start creating your next project and watch your vision come to life with Iver hardware.<\/p>\n                            <\/div>\n\n        <\/div>\n    <\/div>\n<\/section>\n\n\n\n<p><div style=\"display:flex; justify-content:center; width:100%;\">\n    <button id=\"mood-board-button\" class=\"open-mood-board square\">Create Your Moodboard<\/button>\n<\/div>\n\n<style>\n    #mood-board-button {\n        cursor: pointer;\n        width: 275px;\n        padding: 16px 0;\n        font-size: large;\n        font-family: Arial;\n        color: #F4E2D0;\n        border: 1px solid rgb(255, 255, 255);\n        background-color: #D07E3D;\n        transition: all linear 0.25s;\n    }\n\n    #mood-board-button:hover {\n        color: #F4E2D0;\n        border-color: #000000;\n        background-color: #D07E3D;\n    }\n\n    #mood-board-button.pill {\n        border-radius: 90px;\n    }\n\n    #mood-board-button.rounded {\n        border-radius: 8px;\n    }\n\n    #mood-board-button.square {\n        border-radius: 0;\n    }\n\n    #cobranded-modal-container {\n        display: none;\n        opacity: 0;\n        position: fixed;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        background: rgba(0,0,0,0.45);\n        transition: opacity linear 0.35s;\n        width: 100%;\n        z-index: 99999999999;\n    }\n\n    #cobranded-modal-container.open {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        opacity: 1;\n    }\n\n    .cobranded-modal-iframe-container {\n        background: #fff;\n        width: 90vw;\n        height: 90vh;\n        border: 4px solid #fff;\n        border-radius: 8px;\n    }\n\n    #cobranded-modal-container iframe {\n        width: 100%;\n        height: 100%;\n        border-radius: 5px;\n    }\n\n    @media screen and (max-width: 700px) {\n        .cobranded-modal-iframe-container {\n            width: 100%;\n            height: 100%;\n            position: absolute;\n        }\n\n        #cobranded-modal-container iframe {\n            width: 100%;\n            height: 100%;\n        }\n    }\n\n    @media screen and (max-height: 690px) {\n        .cobranded-modal-iframe-container {\n            width: 98%;\n            height: 98%;\n            position: absolute;\n        }\n\n        #cobranded-modal-container iframe {\n            width: 100%;\n            height: 100%;\n        }\n    }\n<\/style>\n\n<script>\n    var eventMethod = window.addEventListener ? \"addEventListener\" : \"attachEvent\";\n    var eventer = window[eventMethod];\n    var messageEvent = eventMethod === \"attachEvent\" ? \"onmessage\" : \"message\";\n\n    \/\/ Listen to message from child window\n    eventer(messageEvent, function(e) {\n        var key = e.message ? \"message\" : \"data\";\n        var data = e[key];\n        var iframe = document.getElementById('ssb-cobranded');\n        var modal = document.getElementById('cobranded-modal-container');\n\n        if (data === 'close') {\n            modal.remove();\n            document.querySelector(\"html\").style.overflow = \"scroll\";\n        }\n\n        if (Array.isArray(data)) {\n            if (data[0] === \"addToCartPMB\") {\n                data[1].forEach(item => {\n                });\n                window.alert('Products added to cart');\n            }\n        }\n    }, false);\n\n    document.querySelectorAll('.open-mood-board').forEach(function(button) {\n        button.addEventListener('click', function() {\n            document.querySelector(\"html\").style.overflow = \"hidden\";\n\n            var divElement = document.createElement(\"div\");\n            divElement.setAttribute(\"class\", \"cobranded-modal-container open\");\n            divElement.setAttribute(\"id\", \"cobranded-modal-container\");\n\n            var innerDivElement = document.createElement(\"div\");\n            innerDivElement.setAttribute(\"class\", \"cobranded-modal-iframe-container\");\n\n            var iframeElement = document.createElement(\"iframe\");\n            iframeElement.setAttribute(\"id\", \"ssb-cobranded\");\n            iframeElement.setAttribute(\"src\", \"https:\/\/stylesourcebook.com.au\/create-mood-board?cobranded_id=84190\");\n\n            innerDivElement.appendChild(iframeElement);\n            divElement.appendChild(innerDivElement);\n\n            var bodyElement = document.getElementsByTagName(\"body\")[0];\n            bodyElement.appendChild(divElement);\n        });\n    });\n<\/script><\/p>\n\n\n\n\n\n<section class=\"module--image_card_row  is-carousel autoplay\" style=\"background: var(--0)\">\n\n    <div>\n\n                    <header>\n                                    <div class=text>\n                                                    <h2 data-reveal=fade-up>Our Project Templates<\/h2>\n                        \n                                                        <p>Explore our curated moodboard gallery and projects as a source of inspiration to help you build your own.<\/p>\n                                            <\/div>\n                \n                            <\/header>\n        \n\n\n        <ul class=\"cards swiper-container\">\n                            <li class=\"swiper-slide\">\n<div class=\"module--image_card has--link\"\n    style=\"--image: url('https:\/\/iver.lbcdn.io\/uploads\/2026\/03\/moodboard-5-960x720.png')\"\n    data-reveal=fade-up\n    >\n\n            <a href=\"https:\/\/iver-life.com\/us\/projects\/grove-house\/\"\n        class=\"\"\n        target=\"_blank\"\n        data-title=\"Grove House\"\n        aria-label=\"Grove House\"\n    >\n    \n        <span class=label>\n                            Grove House                <svg\n    width=\"15\"\n    height=\"15\"\n    viewBox=\"0 0 15 15\"\n\n    fill=\"currentColor\"\n\n    version=\"1.1\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <path d=\"m 5,0 v 2 h 6.59 L 0,13.59 1.41,15 13,3.41 V 10 h 2 V 0 Z\"\/>\n<\/svg>\n                    <\/span>\n\n        \n            <\/a>\n    \n<\/div>\n                            <li class=\"swiper-slide\">\n<div class=\"module--image_card has--link\"\n    style=\"--image: url('https:\/\/iver.lbcdn.io\/uploads\/2026\/03\/moodboard-6-960x720.png')\"\n    data-reveal=fade-up\n    >\n\n            <a href=\"https:\/\/iver-life.com\/us\/projects\/delwood-house\/\"\n        class=\"\"\n        target=\"_blank\"\n        data-title=\"Delwood House\"\n        aria-label=\"Delwood House\"\n    >\n    \n        <span class=label>\n                            Delwood House                <svg\n    width=\"15\"\n    height=\"15\"\n    viewBox=\"0 0 15 15\"\n\n    fill=\"currentColor\"\n\n    version=\"1.1\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <path d=\"m 5,0 v 2 h 6.59 L 0,13.59 1.41,15 13,3.41 V 10 h 2 V 0 Z\"\/>\n<\/svg>\n                    <\/span>\n\n        \n            <\/a>\n    \n<\/div>\n                            <li class=\"swiper-slide\">\n<div class=\"module--image_card has--link\"\n    style=\"--image: url('https:\/\/iver.lbcdn.io\/uploads\/2026\/03\/moodboard-9.png')\"\n    data-reveal=fade-up\n    >\n\n            <a href=\"https:\/\/iver-life.com\/us\/projects\/carlton-north-house\/\"\n        class=\"\"\n        target=\"_blank\"\n        data-title=\"Carlton North House\"\n        aria-label=\"Carlton North House\"\n    >\n    \n        <span class=label>\n                            Carlton North House                <svg\n    width=\"15\"\n    height=\"15\"\n    viewBox=\"0 0 15 15\"\n\n    fill=\"currentColor\"\n\n    version=\"1.1\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <path d=\"m 5,0 v 2 h 6.59 L 0,13.59 1.41,15 13,3.41 V 10 h 2 V 0 Z\"\/>\n<\/svg>\n                    <\/span>\n\n        \n            <\/a>\n    \n<\/div>\n                            <li class=\"swiper-slide\">\n<div class=\"module--image_card has--link\"\n    style=\"--image: url('https:\/\/iver.lbcdn.io\/uploads\/2026\/03\/moodboard-3-960x720.png')\"\n    data-reveal=fade-up\n    >\n\n            <a href=\"https:\/\/iver-life.com\/us\/projects\/peachy-keen\/\"\n        class=\"\"\n        target=\"_blank\"\n        data-title=\"Peachy Keen\"\n        aria-label=\"Peachy Keen\"\n    >\n    \n        <span class=label>\n                            Peachy Keen                <svg\n    width=\"15\"\n    height=\"15\"\n    viewBox=\"0 0 15 15\"\n\n    fill=\"currentColor\"\n\n    version=\"1.1\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <path d=\"m 5,0 v 2 h 6.59 L 0,13.59 1.41,15 13,3.41 V 10 h 2 V 0 Z\"\/>\n<\/svg>\n                    <\/span>\n\n        \n            <\/a>\n    \n<\/div>\n                            <li class=\"swiper-slide\">\n<div class=\"module--image_card has--link\"\n    style=\"--image: url('https:\/\/iver.lbcdn.io\/uploads\/2026\/03\/moodboard-960x720.png')\"\n    data-reveal=fade-up\n    >\n\n            <a href=\"https:\/\/iver-life.com\/us\/projects\/griver-st\/\"\n        class=\"\"\n        target=\"_blank\"\n        data-title=\"Griver St\"\n        aria-label=\"Griver St\"\n    >\n    \n        <span class=label>\n                            Griver St                <svg\n    width=\"15\"\n    height=\"15\"\n    viewBox=\"0 0 15 15\"\n\n    fill=\"currentColor\"\n\n    version=\"1.1\"\n    xmlns=\"http:\/\/www.w3.org\/2000\/svg\"\n>\n    <path d=\"m 5,0 v 2 h 6.59 L 0,13.59 1.41,15 13,3.41 V 10 h 2 V 0 Z\"\/>\n<\/svg>\n                    <\/span>\n\n        \n            <\/a>\n    \n<\/div>\n                    <\/ul>\n\n    <\/div>\n\n<\/section>\n\n\n<section class=module--image_gallery data-align=\"\" data-reveal=fade-up>\n            <div class=image>\n            <img decoding=\"async\" src=\"https:\/\/iver.lbcdn.io\/uploads\/2025\/11\/Grove-House-Cadence-and-Co-Felix-Mooneeram-2-web.jpeg\" alt=\"\">\n        <\/div>\n            <div class=image>\n            <img decoding=\"async\" src=\"https:\/\/iver.lbcdn.io\/uploads\/2026\/03\/Manly-House-Larissa-Leigh-Jacqui-Turk-Iver-Insitu-5-web.jpeg\" alt=\"\">\n        <\/div>\n            <div class=image>\n            <img decoding=\"async\" src=\"https:\/\/iver.lbcdn.io\/uploads\/2026\/03\/Manly-House-Larissa-Leigh-Jacqui-Turk-Iver-Insitu-6-web.jpeg\" alt=\"\">\n        <\/div>\n            <div class=image>\n            <img decoding=\"async\" src=\"https:\/\/iver.lbcdn.io\/uploads\/2026\/03\/Grove-House-Cadence-and-Co-Felix-Mooneeram-4-web-1920x1446.jpeg\" alt=\"\">\n        <\/div>\n    <\/section>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Create Your Moodboard<\/p>\n","protected":false},"author":12,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-38387","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/iver-life.com\/us\/wp-json\/wp\/v2\/pages\/38387","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iver-life.com\/us\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iver-life.com\/us\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iver-life.com\/us\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/iver-life.com\/us\/wp-json\/wp\/v2\/comments?post=38387"}],"version-history":[{"count":3,"href":"https:\/\/iver-life.com\/us\/wp-json\/wp\/v2\/pages\/38387\/revisions"}],"predecessor-version":[{"id":39142,"href":"https:\/\/iver-life.com\/us\/wp-json\/wp\/v2\/pages\/38387\/revisions\/39142"}],"wp:attachment":[{"href":"https:\/\/iver-life.com\/us\/wp-json\/wp\/v2\/media?parent=38387"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}