{"id":915,"date":"2026-07-18T19:03:55","date_gmt":"2026-07-18T19:03:55","guid":{"rendered":"https:\/\/dt4dp.eu\/?page_id=915"},"modified":"2026-08-15T14:36:02","modified_gmt":"2026-08-15T14:36:02","slug":"digital-twin-technology","status":"publish","type":"page","link":"https:\/\/dt4dp.eu\/?page_id=915","title":{"rendered":"Digital Twin Technology"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =====================================================\n   DT4DP - DIGITAL TWIN TECHNOLOGY PAGE\n===================================================== *\/\n\n.dt4dp-dt {\n    --petrol:#183f46;\n    --petrol2:#285d65;\n    --blue:#2589c9;\n    --lightblue:#5bc0de;\n    --terracotta:#b7654a;\n    --gold:#d5ad5c;\n    --cream:#fbf8f2;\n    --soft:#f5f1e9;\n    --text:#354249;\n    --muted:#6e797d;\n    --line:#e7dfd2;\n\n    max-width:1180px;\n    margin:0 auto 50px;\n    color:var(--text);\n    font-family:inherit;\n}\n\n.dt4dp-dt *,\n.dt4dp-dt *::before,\n.dt4dp-dt *::after {\n    box-sizing:border-box;\n}\n\n\n\/* =====================================================\n   HERO\n===================================================== *\/\n\n.dt4dp-dt-hero {\n    position:relative;\n    overflow:hidden;\n\n    margin-bottom:24px;\n    padding:58px 52px;\n\n    border-radius:24px;\n\n    background:\n        radial-gradient(\n            circle at 88% 12%,\n            rgba(91,192,222,.30),\n            transparent 30%\n        ),\n        radial-gradient(\n            circle at 8% 100%,\n            rgba(37,137,201,.15),\n            transparent 30%\n        ),\n        linear-gradient(\n            135deg,\n            #183f46 0%,\n            #285d65 100%\n        );\n\n    box-shadow:0 16px 42px rgba(24,63,70,.15);\n}\n\n.dt4dp-dt-hero::after {\n    content:\"3D\";\n\n    position:absolute;\n    right:28px;\n    bottom:-32px;\n\n    color:rgba(255,255,255,.05);\n\n    font-size:150px;\n    line-height:1;\n    font-weight:900;\n}\n\n.dt4dp-dt-kicker {\n    position:relative;\n    z-index:2;\n\n    display:inline-block;\n\n    margin-bottom:16px;\n    padding:6px 11px;\n\n    border:1px solid rgba(255,255,255,.22);\n    border-radius:999px;\n\n    background:rgba(255,255,255,.08);\n    color:#fff;\n\n    font-size:10px;\n    font-weight:800;\n    letter-spacing:1px;\n}\n\n.dt4dp-dt-hero h1 {\n    position:relative;\n    z-index:2;\n\n    max-width:900px;\n\n    margin:0 0 18px !important;\n\n    color:#fff !important;\n\n    font-size:clamp(38px,5vw,56px) !important;\n    line-height:1.08 !important;\n    font-weight:850 !important;\n}\n\n.dt4dp-dt-hero h1 span {\n    color:#8ed8f8;\n}\n\n.dt4dp-dt-hero p {\n    position:relative;\n    z-index:2;\n\n    max-width:920px;\n    margin:0 !important;\n\n    color:rgba(255,255,255,.86) !important;\n\n    font-size:16px !important;\n    line-height:1.75 !important;\n}\n\n\n\/* =====================================================\n   WHAT IS A DIGITAL TWIN\n===================================================== *\/\n\n.dt4dp-dt-intro {\n    display:grid;\n    grid-template-columns:1.5fr .7fr;\n    gap:22px;\n    align-items:stretch;\n\n    margin-bottom:24px;\n}\n\n.dt4dp-dt-intro-text {\n    padding:32px;\n\n    border:1px solid var(--line);\n    border-radius:20px;\n\n    background:var(--cream);\n}\n\n.dt4dp-dt-intro-text > span {\n    display:block;\n\n    margin-bottom:7px;\n\n    color:var(--terracotta);\n\n    font-size:10px;\n    font-weight:850;\n    letter-spacing:1px;\n}\n\n.dt4dp-dt-intro-text h2 {\n    margin:0 0 10px !important;\n\n    color:var(--petrol) !important;\n\n    font-size:29px !important;\n    font-weight:850 !important;\n}\n\n.dt4dp-dt-intro-text p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:14.5px !important;\n    line-height:1.75 !important;\n}\n\n\n\/* PHYSICAL \u2194 DIGITAL *\/\n\n.dt4dp-dt-visual {\n    display:flex;\n    flex-direction:column;\n    align-items:center;\n    justify-content:center;\n\n    min-height:230px;\n    padding:25px;\n\n    border-radius:20px;\n\n    background:\n        radial-gradient(\n            circle at center,\n            rgba(91,192,222,.20),\n            transparent 55%\n        ),\n        var(--petrol);\n\n    text-align:center;\n}\n\n.dt4dp-dt-circle {\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    gap:10px;\n\n    width:180px;\n    height:180px;\n\n    border:1px solid rgba(255,255,255,.22);\n    border-radius:50%;\n\n    box-shadow:\n        inset 0 0 35px rgba(91,192,222,.10);\n}\n\n.dt4dp-dt-circle span {\n    color:#fff;\n\n    font-size:9px;\n    font-weight:850;\n    letter-spacing:.6px;\n}\n\n.dt4dp-dt-circle strong {\n    color:#8ed8f8;\n\n    font-size:26px;\n}\n\n.dt4dp-dt-visual small {\n    margin-top:13px;\n\n    color:rgba(255,255,255,.60);\n\n    font-size:8px;\n    font-weight:800;\n    letter-spacing:1px;\n}\n\n\n\/* =====================================================\n   EXPLORE \/ DISCOVER \/ ACCESS \/ UNDERSTAND\n===================================================== *\/\n\n.dt4dp-dt-experience {\n    margin-bottom:24px;\n    padding:32px;\n\n    border-radius:20px;\n\n    background:var(--soft);\n}\n\n.dt4dp-dt-small {\n    display:block;\n\n    margin-bottom:7px;\n\n    color:var(--terracotta);\n\n    font-size:10px;\n    font-weight:850;\n    letter-spacing:1px;\n}\n\n.dt4dp-dt-experience > h2 {\n    margin:0 0 22px !important;\n\n    color:var(--petrol) !important;\n\n    font-size:29px !important;\n    font-weight:850 !important;\n}\n\n.dt4dp-dt-grid {\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    gap:14px;\n}\n\n.dt4dp-dt-grid article {\n    padding:22px;\n\n    border:1px solid var(--line);\n    border-radius:16px;\n\n    background:#fff;\n\n    transition:\n        transform .2s ease,\n        box-shadow .2s ease;\n}\n\n.dt4dp-dt-grid article:hover {\n    transform:translateY(-4px);\n\n    box-shadow:0 12px 26px rgba(24,63,70,.08);\n}\n\n.dt4dp-dt-grid article > div {\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n\n    width:40px;\n    height:40px;\n\n    margin-bottom:14px;\n\n    border-radius:12px;\n\n    background:#eaf6fb;\n    color:var(--blue);\n\n    font-size:11px;\n    font-weight:900;\n}\n\n.dt4dp-dt-grid article:nth-child(2) > div {\n    background:#e8f8fb;\n    color:#278fa9;\n}\n\n.dt4dp-dt-grid article:nth-child(3) > div {\n    background:#fff7e5;\n    color:#9b771f;\n}\n\n.dt4dp-dt-grid article:nth-child(4) > div {\n    background:#f8ebe6;\n    color:var(--terracotta);\n}\n\n.dt4dp-dt-grid h3 {\n    margin:0 0 7px !important;\n\n    color:var(--petrol) !important;\n\n    font-size:17px !important;\n    font-weight:850 !important;\n}\n\n.dt4dp-dt-grid p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:13px !important;\n    line-height:1.65 !important;\n}\n\n\n\/* =====================================================\n   DIGITAL TWIN PROCESS\n===================================================== *\/\n\n.dt4dp-dt-process {\n    margin-bottom:24px;\n    padding:32px;\n\n    border:1px solid var(--line);\n    border-radius:20px;\n\n    background:#fff;\n}\n\n.dt4dp-dt-process > span {\n    display:block;\n\n    margin-bottom:7px;\n\n    color:var(--blue);\n\n    font-size:10px;\n    font-weight:850;\n    letter-spacing:1px;\n}\n\n.dt4dp-dt-process > h2 {\n    margin:0 0 24px !important;\n\n    color:var(--petrol) !important;\n\n    font-size:29px !important;\n    font-weight:850 !important;\n}\n\n.dt4dp-dt-flow {\n    display:grid;\n    grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;\n    gap:10px;\n    align-items:center;\n}\n\n.dt4dp-dt-flow > div:not(.dt4dp-dt-arrow) {\n    min-height:150px;\n    padding:19px;\n\n    border-radius:15px;\n\n    background:#f7fafb;\n}\n\n.dt4dp-dt-flow strong {\n    display:block;\n\n    margin-bottom:8px;\n\n    color:var(--blue);\n\n    font-size:11px;\n    font-weight:900;\n}\n\n.dt4dp-dt-flow h3 {\n    margin:0 0 6px !important;\n\n    color:var(--petrol) !important;\n\n    font-size:16px !important;\n    font-weight:850 !important;\n}\n\n.dt4dp-dt-flow p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:12.5px !important;\n    line-height:1.55 !important;\n}\n\n.dt4dp-dt-arrow {\n    color:var(--lightblue);\n\n    font-size:22px;\n    font-weight:900;\n}\n\n\n\/* =====================================================\n   CLOSING\n===================================================== *\/\n\n.dt4dp-dt-closing {\n    position:relative;\n    overflow:hidden;\n\n    padding:35px;\n\n    border-radius:20px;\n\n    background:\n        radial-gradient(\n            circle at 90% 15%,\n            rgba(91,192,222,.20),\n            transparent 30%\n        ),\n        var(--petrol);\n}\n\n.dt4dp-dt-closing-label {\n    margin-bottom:8px;\n\n    color:#8ed8f8;\n\n    font-size:9px;\n    font-weight:850;\n    letter-spacing:1px;\n}\n\n.dt4dp-dt-closing h2 {\n    margin:0 0 10px !important;\n\n    color:#fff !important;\n\n    font-size:28px !important;\n    font-weight:850 !important;\n}\n\n.dt4dp-dt-closing p {\n    max-width:920px;\n\n    margin:0 !important;\n\n    color:rgba(255,255,255,.82) !important;\n\n    font-size:15px !important;\n    line-height:1.7 !important;\n}\n\n\n\/* =====================================================\n   TABLET\n===================================================== *\/\n\n@media screen and (max-width:900px) {\n\n    .dt4dp-dt-grid {\n        grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n\n    .dt4dp-dt-flow {\n        grid-template-columns:1fr 1fr;\n    }\n\n    .dt4dp-dt-arrow {\n        display:none;\n    }\n\n}\n\n\n\/* =====================================================\n   MOBILE\n===================================================== *\/\n\n@media screen and (max-width:650px) {\n\n    .dt4dp-dt-hero {\n        padding:38px 22px;\n        border-radius:18px;\n    }\n\n    .dt4dp-dt-hero h1 {\n        font-size:35px !important;\n    }\n\n    .dt4dp-dt-hero::after {\n        font-size:100px;\n    }\n\n    .dt4dp-dt-intro {\n        grid-template-columns:1fr;\n    }\n\n    .dt4dp-dt-grid,\n    .dt4dp-dt-flow {\n        grid-template-columns:1fr;\n    }\n\n    .dt4dp-dt-intro-text,\n    .dt4dp-dt-experience,\n    .dt4dp-dt-process,\n    .dt4dp-dt-closing {\n        padding:23px 20px;\n    }\n\n    .dt4dp-dt-visual {\n        min-height:230px;\n    }\n\n    .dt4dp-dt-circle {\n        width:160px;\n        height:160px;\n    }\n\n}\n<\/style>\n\n<div class=\"dt4dp-dt\">\n\n    <!-- HERO -->\n    <section class=\"dt4dp-dt-hero\">\n\n        <span class=\"dt4dp-dt-kicker\">\n            DT4DP \u00b7 DIGITAL TWIN TECHNOLOGY\n        <\/span>\n\n        <h1>\n            Connecting the Physical and\n            <span>Digital Worlds<\/span>\n        <\/h1>\n\n        <p>\n            A <strong>Digital Twin<\/strong> is a digital representation of a real\n            object, place or process. Within DT4DP, this technology transforms\n            the decorative painting worksite into an interactive digital\n            environment that can be explored beyond the physical space.\n        <\/p>\n\n    <\/section>\n\n\n    <!-- WHAT IS A DIGITAL TWIN -->\n    <section class=\"dt4dp-dt-intro\">\n\n        <div class=\"dt4dp-dt-intro-text\">\n\n            <span>WHAT IS A DIGITAL TWIN?<\/span>\n\n            <h2>A real environment, digitally represented<\/h2>\n\n            <p>\n                Within DT4DP, a Digital Twin of the decorative painting worksite\n                is created using <strong>Matterport technology<\/strong>. The physical\n                environment is captured and transformed into an immersive 3D space,\n                allowing users to navigate the project virtually and experience\n                the worksite from anywhere.\n            <\/p>\n\n        <\/div>\n\n        <div class=\"dt4dp-dt-visual\">\n\n            <div class=\"dt4dp-dt-circle\">\n                <span>PHYSICAL<\/span>\n                <strong>\u21c4<\/strong>\n                <span>DIGITAL<\/span>\n            <\/div>\n\n            <small>REAL SPACE \u00b7 3D DIGITAL TWIN<\/small>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- WHAT USERS CAN DO -->\n    <section class=\"dt4dp-dt-experience\">\n\n        <span class=\"dt4dp-dt-small\">\n            IMMERSIVE LEARNING EXPERIENCE\n        <\/span>\n\n        <h2>Explore the project beyond the physical worksite<\/h2>\n\n        <div class=\"dt4dp-dt-grid\">\n\n            <article>\n                <div>01<\/div>\n\n                <h3>Explore<\/h3>\n\n                <p>\n                    Virtually navigate the decorative painting worksite\n                    and experience its spatial environment.\n                <\/p>\n            <\/article>\n\n\n            <article>\n                <div>02<\/div>\n\n                <h3>Discover<\/h3>\n\n                <p>\n                    Discover decorative painting techniques, materials\n                    and elements within their real project context.\n                <\/p>\n            <\/article>\n\n\n            <article>\n                <div>03<\/div>\n\n                <h3>Access<\/h3>\n\n                <p>\n                    Access multimedia content and additional information\n                    embedded within the interactive digital environment.\n                <\/p>\n            <\/article>\n\n\n            <article>\n                <div>04<\/div>\n\n                <h3>Understand<\/h3>\n\n                <p>\n                    Follow and better understand the different stages\n                    of the creative and practical working process.\n                <\/p>\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- PROCESS -->\n    <section class=\"dt4dp-dt-process\">\n\n        <span>FROM REALITY TO DIGITAL LEARNING<\/span>\n\n        <h2>How the Digital Twin supports DT4DP<\/h2>\n\n        <div class=\"dt4dp-dt-flow\">\n\n            <div>\n                <strong>01<\/strong>\n                <h3>Capture<\/h3>\n                <p>Document the real worksite using Matterport technology.<\/p>\n            <\/div>\n\n            <div class=\"dt4dp-dt-arrow\">\u2192<\/div>\n\n            <div>\n                <strong>02<\/strong>\n                <h3>Transform<\/h3>\n                <p>Create an immersive 3D representation of the physical space.<\/p>\n            <\/div>\n\n            <div class=\"dt4dp-dt-arrow\">\u2192<\/div>\n\n            <div>\n                <strong>03<\/strong>\n                <h3>Enrich<\/h3>\n                <p>Add information and multimedia learning content.<\/p>\n            <\/div>\n\n            <div class=\"dt4dp-dt-arrow\">\u2192<\/div>\n\n            <div>\n                <strong>04<\/strong>\n                <h3>Explore<\/h3>\n                <p>Make the project accessible as an interactive learning experience.<\/p>\n            <\/div>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- CLOSING -->\n    <section class=\"dt4dp-dt-closing\">\n\n        <div class=\"dt4dp-dt-closing-label\">DIGITAL TWIN \u00d7 VET<\/div>\n\n        <h2>Making Craftsmanship Accessible in a New Way<\/h2>\n\n        <p>\n            The DT4DP Digital Twin connects physical craftsmanship with digital\n            learning. It provides a new way to document, explore and communicate\n            the decorative painting process while making the project accessible\n            to learners, educators and wider audiences beyond the original worksite.\n        <\/p>\n\n    <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>DT4DP \u00b7 DIGITAL TWIN TECHNOLOGY Connecting the Physical and Digital Worlds A Digital Twin is a digital representation of a real object, place or process. Within DT4DP, this technology transforms the decorative painting worksite into an interactive digital environment that<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-915","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dt4dp.eu\/index.php?rest_route=\/wp\/v2\/pages\/915","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dt4dp.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dt4dp.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dt4dp.eu\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/dt4dp.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=915"}],"version-history":[{"count":2,"href":"https:\/\/dt4dp.eu\/index.php?rest_route=\/wp\/v2\/pages\/915\/revisions"}],"predecessor-version":[{"id":1014,"href":"https:\/\/dt4dp.eu\/index.php?rest_route=\/wp\/v2\/pages\/915\/revisions\/1014"}],"wp:attachment":[{"href":"https:\/\/dt4dp.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=915"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}