{"id":1727,"date":"2025-09-12T14:44:05","date_gmt":"2025-09-12T11:44:05","guid":{"rendered":"https:\/\/bigart-vet.eu\/?page_id=1727"},"modified":"2026-08-15T16:19:19","modified_gmt":"2026-08-15T13:19:19","slug":"ar-hub-tools-for-big-art","status":"publish","type":"page","link":"https:\/\/bigart-vet.eu\/?page_id=1727","title":{"rendered":"AR Hub Tools for BIG ART"},"content":{"rendered":"\n<style>\n\/* =========================================================\n   BIG ART \u2014 AR HUB TOOLS\n   DIGITAL ECOSYSTEM & TOOL ARCHITECTURE\n========================================================= *\/\n\n.bigart-arhub {\n    --navy:#172554;\n    --blue:#2f4fb3;\n    --cyan:#23b7d6;\n    --yellow:#f2c94c;\n    --text:#334155;\n    --muted:#667085;\n    --soft:#f7f9fc;\n    --line:#e4e9f2;\n\n    width:100%;\n    max-width:1180px;\n    margin:0 auto 50px;\n    color:var(--text);\n    font-family:inherit;\n}\n\n.bigart-arhub *,\n.bigart-arhub *::before,\n.bigart-arhub *::after {\n    box-sizing:border-box;\n}\n\n\/* HERO *\/\n\n.bigart-arhub-hero {\n    position:relative;\n    overflow:hidden;\n\n    margin-bottom:24px;\n    padding:58px 54px;\n\n    border-radius:24px;\n\n    background:\n        radial-gradient(circle at 88% 15%,\n        rgba(35,183,214,.30), transparent 29%),\n        radial-gradient(circle at 10% 100%,\n        rgba(242,201,76,.14), transparent 30%),\n        linear-gradient(135deg,\n        #172554 0%,\n        #233875 54%,\n        #2f4fb3 100%);\n\n    box-shadow:0 18px 48px rgba(23,37,84,.15);\n}\n\n.bigart-arhub-hero::after {\n    content:\"AR\";\n\n    position:absolute;\n    right:28px;\n    bottom:-40px;\n\n    color:rgba(255,255,255,.045);\n\n    font-size:190px;\n    line-height:1;\n    font-weight:900;\n}\n\n.bigart-arhub-kicker {\n    position:relative;\n    z-index:2;\n\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n\n    margin-bottom:18px;\n    padding:7px 13px;\n\n    border:1px solid rgba(255,255,255,.20);\n    border-radius:999px;\n\n    background:rgba(255,255,255,.10);\n\n    color:#fff;\n\n    font-size:12px;\n    font-weight:800;\n    letter-spacing:.8px;\n    text-transform:uppercase;\n}\n\n.bigart-arhub-kicker::before {\n    content:\"\";\n\n    width:8px;\n    height:8px;\n\n    border-radius:50%;\n\n    background:var(--yellow);\n}\n\n.bigart-arhub-hero h1 {\n    position:relative;\n    z-index:2;\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.06 !important;\n    font-weight:850 !important;\n}\n\n.bigart-arhub-hero p {\n    position:relative;\n    z-index:2;\n\n    max-width:940px;\n    margin:0 !important;\n\n    color:rgba(255,255,255,.88) !important;\n\n    font-size:17px !important;\n    line-height:1.75 !important;\n}\n\n\/* INTRO *\/\n\n.bigart-arhub-intro {\n    display:grid;\n    grid-template-columns:1.1fr .9fr;\n    gap:22px;\n\n    margin-bottom:24px;\n}\n\n.bigart-arhub-card {\n    padding:32px;\n\n    border:1px solid var(--line);\n    border-radius:20px;\n\n    background:#fff;\n\n    box-shadow:0 10px 30px rgba(23,37,84,.06);\n}\n\n.bigart-arhub-card h2 {\n    margin:0 0 14px !important;\n\n    color:var(--navy) !important;\n\n    font-size:27px !important;\n    line-height:1.2 !important;\n    font-weight:850 !important;\n}\n\n.bigart-arhub-card p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:15px !important;\n    line-height:1.8 !important;\n}\n\n.bigart-arhub-highlight {\n    position:relative;\n\n    background:\n        linear-gradient(\n            145deg,\n            #f8faff 0%,\n            #edf3ff 100%\n        );\n}\n\n.bigart-arhub-highlight::before {\n    content:\"\";\n\n    position:absolute;\n    top:0;\n    left:0;\n\n    width:5px;\n    height:100%;\n\n    background:\n        linear-gradient(\n            180deg,\n            var(--blue),\n            var(--cyan)\n        );\n}\n\n\/* SECTION *\/\n\n.bigart-arhub-section {\n    margin-top:24px;\n    padding:36px 32px;\n\n    border-radius:22px;\n\n    background:var(--soft);\n}\n\n.bigart-arhub-head {\n    max-width:820px;\n    margin-bottom:25px;\n}\n\n.bigart-arhub-eyebrow {\n    display:block;\n\n    margin-bottom:8px;\n\n    color:var(--blue);\n\n    font-size:11px;\n    font-weight:850;\n    letter-spacing:1px;\n    text-transform:uppercase;\n}\n\n.bigart-arhub-section h2 {\n    margin:0 0 10px !important;\n\n    color:var(--navy) !important;\n\n    font-size:30px !important;\n    line-height:1.2 !important;\n    font-weight:850 !important;\n}\n\n.bigart-arhub-head p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:15px !important;\n    line-height:1.7 !important;\n}\n\n\/* HUB FEATURES *\/\n\n.bigart-arhub-grid {\n    display:grid;\n    grid-template-columns:repeat(4,minmax(0,1fr));\n    gap:14px;\n}\n\n.bigart-arhub-feature {\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.bigart-arhub-feature:hover {\n    transform:translateY(-4px);\n\n    box-shadow:0 14px 30px rgba(23,37,84,.09);\n}\n\n.bigart-arhub-number {\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:#eef3ff;\n    color:var(--blue);\n\n    font-size:11px;\n    font-weight:900;\n}\n\n.bigart-arhub-feature:nth-child(2) .bigart-arhub-number {\n    background:#eafafd;\n    color:#168da6;\n}\n\n.bigart-arhub-feature:nth-child(3) .bigart-arhub-number {\n    background:#fff8da;\n    color:#987500;\n}\n\n.bigart-arhub-feature h3 {\n    margin:0 0 8px !important;\n\n    color:var(--navy) !important;\n\n    font-size:16px !important;\n    line-height:1.3 !important;\n    font-weight:850 !important;\n}\n\n.bigart-arhub-feature 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\/* TECHNOLOGY LAYERS *\/\n\n.bigart-arhub-tech {\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:16px;\n}\n\n.bigart-arhub-tech-card {\n    padding:24px;\n\n    border:1px solid var(--line);\n    border-radius:17px;\n\n    background:#fff;\n}\n\n.bigart-arhub-tech-card::before {\n    content:\"\";\n\n    display:block;\n\n    width:38px;\n    height:4px;\n\n    margin-bottom:17px;\n\n    border-radius:4px;\n\n    background:\n        linear-gradient(\n            90deg,\n            var(--cyan),\n            var(--yellow)\n        );\n}\n\n.bigart-arhub-tech-card h3 {\n    margin:0 0 8px !important;\n\n    color:var(--navy) !important;\n\n    font-size:17px !important;\n    font-weight:850 !important;\n}\n\n.bigart-arhub-tech-card p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:13.5px !important;\n    line-height:1.65 !important;\n}\n\n\/* ARCHITECTURE FLOW *\/\n\n.bigart-arhub-flow {\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:16px;\n}\n\n.bigart-arhub-flow-card {\n    position:relative;\n\n    padding:26px;\n\n    border:1px solid var(--line);\n    border-radius:18px;\n\n    background:#fff;\n}\n\n.bigart-arhub-flow-card:not(:last-child)::after {\n    content:\"\u2192\";\n\n    position:absolute;\n    top:50%;\n    right:-14px;\n\n    transform:translateY(-50%);\n\n    display:flex;\n    align-items:center;\n    justify-content:center;\n\n    width:28px;\n    height:28px;\n\n    border-radius:50%;\n\n    background:var(--navy);\n    color:#fff;\n\n    font-size:13px;\n    font-weight:900;\n\n    z-index:3;\n}\n\n.bigart-arhub-flow-step {\n    display:block;\n\n    margin-bottom:10px;\n\n    color:var(--blue);\n\n    font-size:11px;\n    font-weight:900;\n    letter-spacing:.8px;\n    text-transform:uppercase;\n}\n\n.bigart-arhub-flow-card h3 {\n    margin:0 0 8px !important;\n\n    color:var(--navy) !important;\n\n    font-size:19px !important;\n    font-weight:850 !important;\n}\n\n.bigart-arhub-flow-card p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:13.5px !important;\n    line-height:1.65 !important;\n}\n\n\/* CUSTOM TOOLS *\/\n\n.bigart-arhub-tools {\n    display:grid;\n    grid-template-columns:repeat(3,minmax(0,1fr));\n    gap:16px;\n}\n\n.bigart-arhub-tool {\n    padding:24px;\n\n    border:1px solid var(--line);\n    border-radius:17px;\n\n    background:#fff;\n}\n\n.bigart-arhub-tool h3 {\n    margin:0 0 8px !important;\n\n    color:var(--navy) !important;\n\n    font-size:18px !important;\n    font-weight:850 !important;\n}\n\n.bigart-arhub-tool p {\n    margin:0 !important;\n\n    color:var(--muted) !important;\n\n    font-size:13.5px !important;\n    line-height:1.7 !important;\n}\n\n\/* IMPACT *\/\n\n.bigart-arhub-impact {\n    margin-top:24px;\n    padding:38px;\n\n    border-radius:22px;\n\n    background:\n        radial-gradient(\n            circle at 90% 15%,\n            rgba(35,183,214,.22),\n            transparent 28%\n        ),\n        radial-gradient(\n            circle at 78% 80%,\n            rgba(242,201,76,.12),\n            transparent 25%\n        ),\n        #172554;\n}\n\n.bigart-arhub-impact h2 {\n    margin:0 0 13px !important;\n\n    color:#fff !important;\n\n    font-size:29px !important;\n    font-weight:850 !important;\n}\n\n.bigart-arhub-impact p {\n    max-width:940px;\n\n    margin:0 !important;\n\n    color:rgba(255,255,255,.87) !important;\n\n    font-size:16px !important;\n    line-height:1.75 !important;\n}\n\n\/* RESPONSIVE *\/\n\n@media screen and (max-width:950px) {\n\n    .bigart-arhub-intro {\n        grid-template-columns:1fr;\n    }\n\n    .bigart-arhub-grid {\n        grid-template-columns:repeat(2,minmax(0,1fr));\n    }\n\n    .bigart-arhub-tech,\n    .bigart-arhub-tools {\n        grid-template-columns:1fr;\n    }\n}\n\n@media screen and (max-width:800px) {\n\n    .bigart-arhub-flow {\n        grid-template-columns:1fr;\n    }\n\n    .bigart-arhub-flow-card:not(:last-child)::after {\n        content:\"\u2193\";\n\n        top:auto;\n        right:50%;\n        bottom:-14px;\n\n        transform:translateX(50%);\n    }\n}\n\n@media screen and (max-width:700px) {\n\n    .bigart-arhub-hero {\n        padding:38px 23px;\n        border-radius:18px;\n    }\n\n    .bigart-arhub-hero h1 {\n        font-size:35px !important;\n    }\n\n    .bigart-arhub-card,\n    .bigart-arhub-section,\n    .bigart-arhub-impact {\n        padding:24px 21px;\n        border-radius:17px;\n    }\n\n    .bigart-arhub-grid {\n        grid-template-columns:1fr;\n    }\n}\n<\/style>\n\n\n<div class=\"bigart-arhub\">\n\n    <!-- HERO -->\n    <section class=\"bigart-arhub-hero\">\n\n        <div class=\"bigart-arhub-kicker\">\n            BIG ART \u00b7 AR Hub Tools\n        <\/div>\n\n        <h1>Integrating Hub &amp; Augmented Reality<\/h1>\n\n        <p>\n            A connected digital environment that brings together\n            shared assets, Augmented Reality technologies and custom\n            tools to support collaborative and interactive BIG ART experiences.\n        <\/p>\n\n    <\/section>\n\n\n    <!-- INTRO -->\n    <section class=\"bigart-arhub-intro\">\n\n        <div class=\"bigart-arhub-card\">\n\n            <h2>A Centralized Digital Hub<\/h2>\n\n            <p>\n                The Hub functions as a collaborative management platform\n                that brings together digital assets within one environment.\n                It supports the organization of content and enables teams\n                to work collaboratively across creative and technical activities.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-arhub-card bigart-arhub-highlight\">\n\n            <h2>Connecting the Hub with AR<\/h2>\n\n            <p>\n                By integrating the Hub with <strong>Augmented Reality<\/strong>,\n                digital assets can move beyond storage and become part of\n                interactive experiences that enrich physical environments\n                with virtual content.\n            <\/p>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- CENTRALIZED HUB -->\n    <section class=\"bigart-arhub-section\">\n\n        <div class=\"bigart-arhub-head\">\n\n            <span class=\"bigart-arhub-eyebrow\">\n                Centralized Hub\n            <\/span>\n\n            <h2>One place for shared digital assets<\/h2>\n\n            <p>\n                The Hub provides the organizational foundation for managing\n                the resources required to build immersive and collaborative experiences.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-arhub-grid\">\n\n            <article class=\"bigart-arhub-feature\">\n\n                <div class=\"bigart-arhub-number\">01<\/div>\n\n                <h3>3D Models<\/h3>\n\n                <p>\n                    Store and organize 3D assets used within\n                    Augmented Reality experiences.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-arhub-feature\">\n\n                <div class=\"bigart-arhub-number\">02<\/div>\n\n                <h3>Textures &amp; Audio<\/h3>\n\n                <p>\n                    Manage supporting visual and audio content\n                    used to enrich immersive environments.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-arhub-feature\">\n\n                <div class=\"bigart-arhub-number\">03<\/div>\n\n                <h3>Interactive Scripts<\/h3>\n\n                <p>\n                    Store scripts and interactive elements that\n                    define behaviours within digital experiences.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-arhub-feature\">\n\n                <div class=\"bigart-arhub-number\">04<\/div>\n\n                <h3>Version Control<\/h3>\n\n                <p>\n                    Support coordinated teamwork so designers,\n                    artists and developers can work with shared assets.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- PLATFORM SUPPORT -->\n    <section class=\"bigart-arhub-section\">\n\n        <div class=\"bigart-arhub-head\">\n\n            <span class=\"bigart-arhub-eyebrow\">\n                Collaborative Infrastructure\n            <\/span>\n\n            <h2>Supporting shared production workflows<\/h2>\n\n            <p>\n                The Hub can be supported by collaborative platforms\n                or dedicated content-management environments.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-arhub-tech\">\n\n            <article class=\"bigart-arhub-tech-card\">\n\n                <h3>Unity Collaborate<\/h3>\n\n                <p>\n                    A collaborative environment that can support\n                    teams developing interactive and immersive content.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-arhub-tech-card\">\n\n                <h3>GitHub<\/h3>\n\n                <p>\n                    Version-controlled collaboration can support\n                    shared development and coordinated technical work.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-arhub-tech-card\">\n\n                <h3>Dedicated AR Content Hub<\/h3>\n\n                <p>\n                    A dedicated system can centralize assets and\n                    provide a structured environment tailored to\n                    AR-oriented production workflows.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- AR INTEGRATION -->\n    <section class=\"bigart-arhub-section\">\n\n        <div class=\"bigart-arhub-head\">\n\n            <span class=\"bigart-arhub-eyebrow\">\n                AR Integration\n            <\/span>\n\n            <h2>Adding interactive digital layers to physical spaces<\/h2>\n\n            <p>\n                Augmented Reality extends the Hub by transforming stored\n                digital assets into interactive experiences connected\n                with real-world environments.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-arhub-tech\">\n\n            <article class=\"bigart-arhub-tech-card\">\n\n                <h3>ARKit<\/h3>\n\n                <p>\n                    ARKit can support Augmented Reality experiences\n                    on compatible iOS devices.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-arhub-tech-card\">\n\n                <h3>ARCore<\/h3>\n\n                <p>\n                    ARCore can provide the technological foundation\n                    for AR experiences on compatible Android devices.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-arhub-tech-card\">\n\n                <h3>WebAR<\/h3>\n\n                <p>\n                    WebAR frameworks can enable browser-based access\n                    to Augmented Reality experiences.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- FLOW -->\n    <section class=\"bigart-arhub-section\">\n\n        <div class=\"bigart-arhub-head\">\n\n            <span class=\"bigart-arhub-eyebrow\">\n                Digital Workflow\n            <\/span>\n\n            <h2>From shared assets to interactive AR experiences<\/h2>\n\n            <p>\n                The model connects content management, Augmented Reality\n                delivery and interactive user experiences in one workflow.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-arhub-flow\">\n\n            <article class=\"bigart-arhub-flow-card\">\n\n                <span class=\"bigart-arhub-flow-step\">\n                    Step 01\n                <\/span>\n\n                <h3>Hub<\/h3>\n\n                <p>\n                    Digital assets, scripts and media are organized\n                    and maintained within a collaborative environment.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-arhub-flow-card\">\n\n                <span class=\"bigart-arhub-flow-step\">\n                    Step 02\n                <\/span>\n\n                <h3>AR Layer<\/h3>\n\n                <p>\n                    AR frameworks connect digital content with\n                    physical objects, locations and user interactions.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-arhub-flow-card\">\n\n                <span class=\"bigart-arhub-flow-step\">\n                    Step 03\n                <\/span>\n\n                <h3>Interactive Experience<\/h3>\n\n                <p>\n                    Users engage with dynamic virtual content\n                    integrated into real-world environments.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- CUSTOM TOOLS -->\n    <section class=\"bigart-arhub-section\">\n\n        <div class=\"bigart-arhub-head\">\n\n            <span class=\"bigart-arhub-eyebrow\">\n                Tool Development\n            <\/span>\n\n            <h2>Extending the Hub with custom AR capabilities<\/h2>\n\n            <p>\n                Custom tools can connect directly with the Hub and\n                extend its functionality for collaborative, generative\n                and data-driven AR experiences.\n            <\/p>\n\n        <\/div>\n\n\n        <div class=\"bigart-arhub-tools\">\n\n            <article class=\"bigart-arhub-tool\">\n\n                <h3>Real-Time Collaboration<\/h3>\n\n                <p>\n                    Multiple users can interact with virtual artworks\n                    within shared Augmented Reality environments.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-arhub-tool\">\n\n                <h3>Procedural Content Generation<\/h3>\n\n                <p>\n                    Patterns, effects and animations can be generated\n                    dynamically within AR experiences.\n                <\/p>\n\n            <\/article>\n\n\n            <article class=\"bigart-arhub-tool\">\n\n                <h3>Analytics &amp; Tracking<\/h3>\n\n                <p>\n                    The Hub can collect interaction data to provide\n                    insights into audience engagement with digital experiences.\n                <\/p>\n\n            <\/article>\n\n        <\/div>\n\n    <\/section>\n\n\n    <!-- IMPACT -->\n    <section class=\"bigart-arhub-impact\">\n\n        <h2>A Connected Ecosystem for AR-Based Creation<\/h2>\n\n        <p>\n            The AR Hub Tools approach brings together centralized asset\n            management, collaborative workflows, Augmented Reality frameworks\n            and custom digital tools. Within BIG ART, this model provides\n            a structured foundation for developing interactive experiences\n            that connect digital content with physical environments while\n            supporting collaboration, experimentation and audience engagement.\n        <\/p>\n\n    <\/section>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>BIG ART \u00b7 AR Hub Tools Integrating Hub &amp; Augmented Reality A connected digital environment that brings together shared assets, Augmented Reality technologies and custom tools to support collaborative and interactive BIG ART experiences. A Centralized Digital Hub The Hub<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-1727","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1727","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1727"}],"version-history":[{"count":6,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1727\/revisions"}],"predecessor-version":[{"id":2080,"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=\/wp\/v2\/pages\/1727\/revisions\/2080"}],"wp:attachment":[{"href":"https:\/\/bigart-vet.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1727"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}