{"id":165,"date":"2026-09-13T10:42:19","date_gmt":"2026-09-13T10:42:19","guid":{"rendered":"https:\/\/urbanfitouts.ae\/?page_id=165"},"modified":"2026-09-19T19:18:46","modified_gmt":"2026-09-19T19:18:46","slug":"commercial-design","status":"publish","type":"page","link":"https:\/\/urbanfitouts.ae\/commercial-design\/","title":{"rendered":"Commercial Design"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"165\" class=\"elementor elementor-165\">\n\t\t\t\t<div class=\"elementor-element elementor-element-20a4ba0 e-con-full e-flex e-con e-parent\" data-id=\"20a4ba0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-504cfcc elementor-widget elementor-widget-html\" data-id=\"504cfcc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n\r\n<title>Commercial Design | Urban Fitouts UAE<\/title>\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600&display=swap');\r\n\r\n*{\r\n    margin:0;\r\n    padding:0;\r\n    box-sizing:border-box;\r\n}\r\n\r\nhtml{\r\n    scroll-behavior:smooth;\r\n}\r\n\r\nbody{\r\n    background:#f5f3ef;\r\n    color:#191918;\r\n    font-family:'DM Sans',sans-serif;\r\n    overflow-x:hidden;\r\n}\r\n\r\nimg{\r\n    width:100%;\r\n    display:block;\r\n}\r\n\r\nbutton{\r\n    font-family:inherit;\r\n}\r\n\r\n:root{\r\n    --dark:#171715;\r\n    --cream:#f5f3ef;\r\n    --soft:#ebe7df;\r\n    --gold:#b89a68;\r\n    --muted:#77736b;\r\n    --white:#fff;\r\n}\r\n\r\n\/* =========================\r\n   COMMON\r\n========================= *\/\r\n\r\n.container{\r\n    width:min(1240px,92%);\r\n    margin:auto;\r\n}\r\n\r\n.eyebrow{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:12px;\r\n    color:var(--gold);\r\n    text-transform:uppercase;\r\n    letter-spacing:2px;\r\n    font-size:11px;\r\n    font-weight:700;\r\n}\r\n\r\n.eyebrow span{\r\n    width:32px;\r\n    height:1px;\r\n    background:var(--gold);\r\n}\r\n\r\n.section-title{\r\n    font-family:'Playfair Display',serif;\r\n    font-size:clamp(42px,6vw,78px);\r\n    line-height:.98;\r\n    font-weight:500;\r\n    letter-spacing:-2px;\r\n}\r\n\r\n.section-title span{\r\n    color:#aaa49a;\r\n}\r\n\r\n.text{\r\n    color:var(--muted);\r\n    line-height:1.8;\r\n    font-size:15px;\r\n}\r\n\r\n.reveal{\r\n    opacity:0;\r\n    transform:translateY(50px);\r\n    transition:1s cubic-bezier(.16,1,.3,1);\r\n}\r\n\r\n.reveal.active{\r\n    opacity:1;\r\n    transform:translateY(0);\r\n}\r\n\r\n\/* =========================\r\n   HERO\r\n========================= *\/\r\n\r\n.hero{\r\n    min-height:100vh;\r\n    position:relative;\r\n    overflow:hidden;\r\n    background:#151514;\r\n    color:white;\r\n    display:flex;\r\n    align-items:center;\r\n}\r\n\r\n.hero-bg{\r\n    position:absolute;\r\n    inset:0;\r\n    background:\r\n    linear-gradient(90deg,rgba(10,10,9,.94) 0%,rgba(10,10,9,.58) 48%,rgba(10,10,9,.15)),\r\n    url(\"https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=2200&q=90\")\r\n    center\/cover;\r\n    transform:scale(1.08);\r\n    animation:heroZoom 12s ease-in-out infinite alternate;\r\n}\r\n\r\n@keyframes heroZoom{\r\n    from{transform:scale(1.05)}\r\n    to{transform:scale(1.13)}\r\n}\r\n\r\n.hero-content{\r\n    position:relative;\r\n    z-index:2;\r\n    width:min(1240px,92%);\r\n    margin:auto;\r\n    padding-top:80px;\r\n}\r\n\r\n.hero-label{\r\n    font-size:12px;\r\n    letter-spacing:3px;\r\n    text-transform:uppercase;\r\n    color:#c8b28a;\r\n    margin-bottom:28px;\r\n}\r\n\r\n.hero h1{\r\n    font-family:'Playfair Display',serif;\r\n    font-weight:500;\r\n    font-size:clamp(64px,10vw,145px);\r\n    line-height:.83;\r\n    letter-spacing:-5px;\r\n    max-width:950px;\r\n}\r\n\r\n.hero h1 em{\r\n    color:#d1c8ba;\r\n    font-style:normal;\r\n}\r\n\r\n.hero-description{\r\n    max-width:470px;\r\n    color:#d2d0ca;\r\n    line-height:1.8;\r\n    margin-top:42px;\r\n    font-size:15px;\r\n}\r\n\r\n.hero-bottom{\r\n    position:absolute;\r\n    bottom:35px;\r\n    left:4%;\r\n    right:4%;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n    z-index:2;\r\n    color:#bbb8b1;\r\n    font-size:11px;\r\n    text-transform:uppercase;\r\n    letter-spacing:2px;\r\n}\r\n\r\n.scroll-line{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:15px;\r\n}\r\n\r\n.scroll-line i{\r\n    display:block;\r\n    width:55px;\r\n    height:1px;\r\n    background:#aaa;\r\n    animation:lineMove 2s infinite;\r\n}\r\n\r\n@keyframes lineMove{\r\n    0%,100%{width:30px}\r\n    50%{width:70px}\r\n}\r\n\r\n\/* =========================\r\n   INTRO\r\n========================= *\/\r\n\r\n.intro{\r\n    padding:150px 0;\r\n}\r\n\r\n.intro-grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1.1fr;\r\n    gap:100px;\r\n    align-items:end;\r\n}\r\n\r\n.intro-copy{\r\n    max-width:560px;\r\n}\r\n\r\n.intro-copy .text{\r\n    margin-top:38px;\r\n}\r\n\r\n.intro-number{\r\n    font-size:130px;\r\n    line-height:.8;\r\n    font-family:'Playfair Display',serif;\r\n    color:#d8d3ca;\r\n}\r\n\r\n\/* =========================\r\n   3D OFFICE SCENE\r\n========================= *\/\r\n\r\n.scene-section{\r\n    background:#171716;\r\n    color:white;\r\n    padding:130px 0;\r\n    overflow:hidden;\r\n}\r\n\r\n.scene-head{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:60px;\r\n    margin-bottom:90px;\r\n}\r\n\r\n.scene-head .text{\r\n    color:#aaa8a0;\r\n    max-width:500px;\r\n}\r\n\r\n.scene{\r\n    height:600px;\r\n    position:relative;\r\n    perspective:1300px;\r\n    display:flex;\r\n    justify-content:center;\r\n    align-items:center;\r\n}\r\n\r\n.office{\r\n    width:min(850px,90vw);\r\n    height:430px;\r\n    position:relative;\r\n    transform-style:preserve-3d;\r\n    transform:rotateX(55deg) rotateZ(-6deg) rotateY(-18deg);\r\n    transition:transform .2s ease-out;\r\n}\r\n\r\n.floor{\r\n    position:absolute;\r\n    inset:0;\r\n    background:\r\n    linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),\r\n    linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px);\r\n    background-size:70px 70px;\r\n    border:1px solid rgba(255,255,255,.12);\r\n    transform:translateZ(0);\r\n}\r\n\r\n.wall{\r\n    position:absolute;\r\n    background:#292825;\r\n    border:1px solid rgba(255,255,255,.08);\r\n}\r\n\r\n.wall.back{\r\n    width:100%;\r\n    height:220px;\r\n    top:-220px;\r\n    transform-origin:bottom;\r\n    transform:rotateX(-90deg);\r\n}\r\n\r\n.wall.left{\r\n    width:220px;\r\n    height:100%;\r\n    left:-220px;\r\n    transform-origin:right;\r\n    transform:rotateY(90deg);\r\n}\r\n\r\n.window{\r\n    position:absolute;\r\n    width:330px;\r\n    height:170px;\r\n    left:240px;\r\n    top:-190px;\r\n    border:8px solid #383631;\r\n    background:\r\n    linear-gradient(130deg,#b9a583,#252d2c 40%,#68756e 80%);\r\n    box-shadow:0 20px 70px rgba(190,160,100,.12);\r\n    transform:rotateX(-90deg);\r\n}\r\n\r\n.desk{\r\n    position:absolute;\r\n    width:220px;\r\n    height:90px;\r\n    background:#846d50;\r\n    left:300px;\r\n    top:220px;\r\n    transform:translateZ(70px);\r\n    box-shadow:0 20px 30px rgba(0,0,0,.35);\r\n}\r\n\r\n.desk:before,\r\n.desk:after{\r\n    content:\"\";\r\n    position:absolute;\r\n    width:10px;\r\n    height:75px;\r\n    background:#302d28;\r\n    bottom:-75px;\r\n}\r\n\r\n.desk:before{left:20px}\r\n.desk:after{right:20px}\r\n\r\n.monitor{\r\n    position:absolute;\r\n    width:100px;\r\n    height:65px;\r\n    background:#111;\r\n    border:5px solid #373631;\r\n    left:60px;\r\n    top:-70px;\r\n    transform:translateZ(15px);\r\n}\r\n\r\n.chair{\r\n    position:absolute;\r\n    width:75px;\r\n    height:85px;\r\n    border-radius:35px 35px 15px 15px;\r\n    background:#8d8b83;\r\n    left:375px;\r\n    top:340px;\r\n    transform:translateZ(45px);\r\n}\r\n\r\n.plant{\r\n    position:absolute;\r\n    width:70px;\r\n    height:70px;\r\n    border-radius:50%;\r\n    background:#526454;\r\n    right:80px;\r\n    top:110px;\r\n    transform:translateZ(50px);\r\n    box-shadow:20px -25px 0 -5px #617360,\r\n               -20px -20px 0 -10px #435545;\r\n}\r\n\r\n.light{\r\n    position:absolute;\r\n    width:300px;\r\n    height:180px;\r\n    left:260px;\r\n    top:20px;\r\n    background:radial-gradient(ellipse,rgba(206,173,112,.16),transparent 70%);\r\n    transform:translateZ(150px);\r\n    pointer-events:none;\r\n}\r\n\r\n\/* =========================\r\n   SERVICES\r\n========================= *\/\r\n\r\n.services{\r\n    padding:150px 0;\r\n}\r\n\r\n.service-grid{\r\n    margin-top:90px;\r\n    display:grid;\r\n    grid-template-columns:repeat(3,1fr);\r\n    gap:1px;\r\n    background:#d8d3c9;\r\n}\r\n\r\n.service-card{\r\n    background:#f5f3ef;\r\n    padding:48px 38px;\r\n    min-height:320px;\r\n    position:relative;\r\n    overflow:hidden;\r\n    transition:.5s ease;\r\n}\r\n\r\n.service-card:hover{\r\n    background:#171716;\r\n    color:white;\r\n    transform:translateY(-10px);\r\n}\r\n\r\n.service-card-number{\r\n    font-size:12px;\r\n    color:#a59d91;\r\n    letter-spacing:2px;\r\n}\r\n\r\n.service-card h3{\r\n    font-family:'Playfair Display',serif;\r\n    font-size:32px;\r\n    font-weight:500;\r\n    margin:80px 0 20px;\r\n}\r\n\r\n.service-card p{\r\n    color:#88847c;\r\n    line-height:1.7;\r\n    font-size:14px;\r\n}\r\n\r\n.service-card:hover p{\r\n    color:#aaa8a0;\r\n}\r\n\r\n.service-icon{\r\n    position:absolute;\r\n    right:30px;\r\n    top:40px;\r\n    width:45px;\r\n    height:45px;\r\n    border:1px solid #b8ae9e;\r\n    border-radius:50%;\r\n    display:grid;\r\n    place-items:center;\r\n    transition:.5s;\r\n}\r\n\r\n.service-card:hover .service-icon{\r\n    transform:rotate(45deg);\r\n}\r\n\r\n\/* =========================\r\n   HUMAN WORKPLACE\r\n========================= *\/\r\n\r\n.human{\r\n    padding:140px 0;\r\n    background:#e8e4dc;\r\n}\r\n\r\n.human-grid{\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    min-height:650px;\r\n    align-items:center;\r\n}\r\n\r\n.human-image{\r\n    height:650px;\r\n    overflow:hidden;\r\n    position:relative;\r\n}\r\n\r\n.human-image img{\r\n    height:100%;\r\n    object-fit:cover;\r\n    transition:1s ease;\r\n}\r\n\r\n.human-image:hover img{\r\n    transform:scale(1.06);\r\n}\r\n\r\n.human-content{\r\n    padding:70px;\r\n}\r\n\r\n.human-content h2{\r\n    font-family:'Playfair Display',serif;\r\n    font-size:clamp(45px,5vw,72px);\r\n    font-weight:500;\r\n    line-height:1;\r\n    margin:25px 0 35px;\r\n}\r\n\r\n.human-list{\r\n    margin-top:40px;\r\n    display:grid;\r\n    gap:18px;\r\n}\r\n\r\n.human-list div{\r\n    display:flex;\r\n    align-items:center;\r\n    gap:18px;\r\n    border-bottom:1px solid #d0cbc1;\r\n    padding-bottom:16px;\r\n    font-size:14px;\r\n}\r\n\r\n.human-list span{\r\n    width:8px;\r\n    height:8px;\r\n    background:#b59a6d;\r\n    border-radius:50%;\r\n}\r\n\r\n\/* =========================\r\n   PROJECTS\r\n========================= *\/\r\n\r\n.projects{\r\n    padding:150px 0;\r\n}\r\n\r\n.project-grid{\r\n    display:grid;\r\n    grid-template-columns:1.2fr .8fr;\r\n    gap:25px;\r\n    margin-top:90px;\r\n}\r\n\r\n.project{\r\n    height:520px;\r\n    overflow:hidden;\r\n    position:relative;\r\n    background:#222;\r\n}\r\n\r\n.project:nth-child(2){\r\n    height:400px;\r\n    margin-top:120px;\r\n}\r\n\r\n.project img{\r\n    height:100%;\r\n    object-fit:cover;\r\n    transition:1s;\r\n}\r\n\r\n.project:hover img{\r\n    transform:scale(1.08);\r\n}\r\n\r\n.project-overlay{\r\n    position:absolute;\r\n    inset:auto 0 0;\r\n    padding:35px;\r\n    color:white;\r\n    background:linear-gradient(transparent,rgba(0,0,0,.8));\r\n}\r\n\r\n.project-overlay small{\r\n    text-transform:uppercase;\r\n    letter-spacing:2px;\r\n    font-size:10px;\r\n    color:#d1bb92;\r\n}\r\n\r\n.project-overlay h3{\r\n    font-family:'Playfair Display',serif;\r\n    font-size:35px;\r\n    font-weight:500;\r\n    margin-top:10px;\r\n}\r\n\r\n\/* =========================\r\n   BEFORE AFTER\r\n========================= *\/\r\n\r\n.transformation{\r\n    padding:150px 0;\r\n    background:#171716;\r\n    color:white;\r\n}\r\n\r\n.transform-wrap{\r\n    margin-top:80px;\r\n    height:600px;\r\n    position:relative;\r\n    overflow:hidden;\r\n    cursor:ew-resize;\r\n}\r\n\r\n.transform-image{\r\n    position:absolute;\r\n    inset:0;\r\n    overflow:hidden;\r\n}\r\n\r\n.transform-image img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit:cover;\r\n}\r\n\r\n.after{\r\n    width:50%;\r\n    border-right:2px solid white;\r\n}\r\n\r\n.transform-label{\r\n    position:absolute;\r\n    top:25px;\r\n    padding:10px 16px;\r\n    background:rgba(0,0,0,.6);\r\n    font-size:10px;\r\n    letter-spacing:2px;\r\n    text-transform:uppercase;\r\n}\r\n\r\n.before .transform-label{\r\n    left:25px;\r\n}\r\n\r\n.after .transform-label{\r\n    right:25px;\r\n}\r\n\r\n\/* =========================\r\n   MATERIAL SELECTOR\r\n========================= *\/\r\n\r\n.materials{\r\n    padding:150px 0;\r\n}\r\n\r\n.material-grid{\r\n    margin-top:80px;\r\n    display:grid;\r\n    grid-template-columns:1fr 1fr;\r\n    gap:70px;\r\n    align-items:center;\r\n}\r\n\r\n.material-preview{\r\n    height:500px;\r\n    position:relative;\r\n    overflow:hidden;\r\n    background:#8c7a61;\r\n    transition:.6s;\r\n}\r\n\r\n.material-preview:after{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    background:\r\n    linear-gradient(120deg,rgba(255,255,255,.2),transparent 40%);\r\n}\r\n\r\n.material-info h3{\r\n    font-family:'Playfair Display',serif;\r\n    font-size:55px;\r\n    font-weight:500;\r\n    margin:20px 0;\r\n}\r\n\r\n.material-buttons{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:10px;\r\n    margin-top:40px;\r\n}\r\n\r\n.material-btn{\r\n    border:1px solid #c8c1b5;\r\n    background:transparent;\r\n    padding:13px 18px;\r\n    cursor:pointer;\r\n    font-size:12px;\r\n    transition:.3s;\r\n}\r\n\r\n.material-btn:hover,\r\n.material-btn.active{\r\n    background:#171716;\r\n    color:white;\r\n    border-color:#171716;\r\n}\r\n\r\n\/* =========================\r\n   PROCESS\r\n========================= *\/\r\n\r\n.process{\r\n    padding:150px 0;\r\n    background:#e8e4dc;\r\n}\r\n\r\n.process-grid{\r\n    margin-top:80px;\r\n    display:grid;\r\n    grid-template-columns:repeat(4,1fr);\r\n    gap:30px;\r\n}\r\n\r\n.process-item{\r\n    border-top:1px solid #bcb6aa;\r\n    padding-top:25px;\r\n    position:relative;\r\n}\r\n\r\n.process-number{\r\n    font-size:45px;\r\n    font-family:'Playfair Display',serif;\r\n    color:#b7a88f;\r\n}\r\n\r\n.process-item h3{\r\n    font-size:20px;\r\n    margin:25px 0 12px;\r\n}\r\n\r\n.process-item p{\r\n    color:#77736b;\r\n    font-size:14px;\r\n    line-height:1.7;\r\n}\r\n\r\n\/* =========================\r\n   CTA\r\n========================= *\/\r\n\r\n.cta{\r\n    min-height:600px;\r\n    background:\r\n    linear-gradient(rgba(20,20,18,.8),rgba(20,20,18,.85)),\r\n    url(\"https:\/\/images.unsplash.com\/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=2200&q=90\")\r\n    center\/cover fixed;\r\n    color:white;\r\n    display:flex;\r\n    align-items:center;\r\n    text-align:center;\r\n}\r\n\r\n.cta-inner{\r\n    width:min(850px,92%);\r\n    margin:auto;\r\n}\r\n\r\n.cta h2{\r\n    font-family:'Playfair Display',serif;\r\n    font-size:clamp(50px,8vw,100px);\r\n    line-height:.95;\r\n    font-weight:500;\r\n}\r\n\r\n.cta p{\r\n    max-width:600px;\r\n    margin:35px auto;\r\n    color:#c2c0b9;\r\n    line-height:1.8;\r\n}\r\n\r\n.cta-button{\r\n    display:inline-flex;\r\n    padding:17px 30px;\r\n    border:1px solid #c7b48e;\r\n    color:white;\r\n    text-decoration:none;\r\n    text-transform:uppercase;\r\n    letter-spacing:2px;\r\n    font-size:11px;\r\n    transition:.4s;\r\n}\r\n\r\n.cta-button:hover{\r\n    background:#c7b48e;\r\n    color:#171716;\r\n}\r\n\r\n\/* =========================\r\n   RESPONSIVE\r\n========================= *\/\r\n\r\n@media(max-width:1000px){\r\n\r\n    .intro-grid,\r\n    .scene-head,\r\n    .human-grid,\r\n    .material-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .service-grid{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .process-grid{\r\n        grid-template-columns:1fr 1fr;\r\n    }\r\n\r\n    .human-image{\r\n        height:520px;\r\n    }\r\n\r\n    .human-content{\r\n        padding:60px 0;\r\n    }\r\n\r\n    .project-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .project:nth-child(2){\r\n        margin-top:0;\r\n        height:450px;\r\n    }\r\n}\r\n\r\n@media(max-width:650px){\r\n\r\n    .hero{\r\n        min-height:850px;\r\n    }\r\n\r\n    .hero h1{\r\n        font-size:65px;\r\n        letter-spacing:-3px;\r\n    }\r\n\r\n    .hero-bottom{\r\n        bottom:22px;\r\n    }\r\n\r\n    .intro,\r\n    .services,\r\n    .projects,\r\n    .materials,\r\n    .process,\r\n    .transformation{\r\n        padding:95px 0;\r\n    }\r\n\r\n    .section-title{\r\n        font-size:48px;\r\n    }\r\n\r\n    .intro-number{\r\n        font-size:85px;\r\n    }\r\n\r\n    .service-grid{\r\n        grid-template-columns:1fr;\r\n        margin-top:55px;\r\n    }\r\n\r\n    .service-card{\r\n        min-height:280px;\r\n    }\r\n\r\n    .scene{\r\n        height:440px;\r\n        transform:scale(.7);\r\n        transform-origin:center;\r\n        margin-left:-15%;\r\n        margin-right:-15%;\r\n    }\r\n\r\n    .scene-head{\r\n        margin-bottom:20px;\r\n    }\r\n\r\n    .human-image{\r\n        height:420px;\r\n    }\r\n\r\n    .human-content{\r\n        padding:55px 0;\r\n    }\r\n\r\n    .human-content h2{\r\n        font-size:48px;\r\n    }\r\n\r\n    .project-grid{\r\n        margin-top:55px;\r\n    }\r\n\r\n    .project,\r\n    .project:nth-child(2){\r\n        height:420px;\r\n    }\r\n\r\n    .transform-wrap{\r\n        height:430px;\r\n    }\r\n\r\n    .material-preview{\r\n        height:390px;\r\n    }\r\n\r\n    .material-info h3{\r\n        font-size:45px;\r\n    }\r\n\r\n    .process-grid{\r\n        grid-template-columns:1fr;\r\n    }\r\n\r\n    .cta{\r\n        min-height:550px;\r\n        background-attachment:scroll;\r\n    }\r\n\r\n    .cta h2{\r\n        font-size:58px;\r\n    }\r\n}\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<!-- HERO -->\r\n<section class=\"hero\">\r\n    <div class=\"hero-bg\"><\/div>\r\n\r\n    <div class=\"hero-content\">\r\n        <div class=\"hero-label\">Urban Fitouts UAE \/ Commercial Design<\/div>\r\n\r\n        <h1>\r\n            Spaces<br>\r\n            <em>That Work.<\/em>\r\n        <\/h1>\r\n\r\n        <p class=\"hero-description\">\r\n            Commercial interiors designed around people, performance,\r\n            brand identity and the way modern businesses actually work.\r\n        <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"hero-bottom\">\r\n        <div>Commercial Interiors \u00b7 Dubai<\/div>\r\n\r\n        <div class=\"scroll-line\">\r\n            Explore\r\n            <i><\/i>\r\n        <\/div>\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- INTRO -->\r\n<section class=\"intro\">\r\n    <div class=\"container intro-grid\">\r\n\r\n        <div class=\"intro-number reveal\">\r\n            01\r\n        <\/div>\r\n\r\n        <div class=\"intro-copy reveal\">\r\n            <div class=\"eyebrow\">\r\n                <span><\/span>\r\n                Commercial Design\r\n            <\/div>\r\n\r\n            <h2 class=\"section-title\">\r\n                Designed for<br>\r\n                <span>people, not just plans.<\/span>\r\n            <\/h2>\r\n\r\n            <p class=\"text\">\r\n                Your commercial environment is part of your business.\r\n                From the first impression at reception to the quiet focus\r\n                of a private meeting room, every detail should have a reason.\r\n            <\/p>\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- 3D OFFICE -->\r\n<section class=\"scene-section\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"scene-head reveal\">\r\n\r\n            <div>\r\n                <div class=\"eyebrow\">\r\n                    <span><\/span>\r\n                    Spatial Experience\r\n                <\/div>\r\n\r\n                <h2 class=\"section-title\">\r\n                    See your<br>\r\n                    <span>workspace differently.<\/span>\r\n                <\/h2>\r\n            <\/div>\r\n\r\n            <p class=\"text\">\r\n                A conceptual 3D workspace transforms as you move across the\r\n                screen. Architecture, furniture, natural elements and light\r\n                work together to create a commercial environment that feels\r\n                intentional and human.\r\n            <\/p>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"scene\">\r\n\r\n            <div class=\"office\" id=\"office\">\r\n\r\n                <div class=\"floor\"><\/div>\r\n\r\n                <div class=\"wall back\"><\/div>\r\n\r\n                <div class=\"wall left\"><\/div>\r\n\r\n                <div class=\"window\"><\/div>\r\n\r\n                <div class=\"desk\">\r\n                    <div class=\"monitor\"><\/div>\r\n                <\/div>\r\n\r\n                <div class=\"chair\"><\/div>\r\n\r\n                <div class=\"plant\"><\/div>\r\n\r\n                <div class=\"light\"><\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- SERVICES -->\r\n<section class=\"services\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"reveal\">\r\n\r\n            <div class=\"eyebrow\">\r\n                <span><\/span>\r\n                What We Design\r\n            <\/div>\r\n\r\n            <h2 class=\"section-title\">\r\n                Every zone<br>\r\n                <span>has a purpose.<\/span>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"service-grid\">\r\n\r\n            <article class=\"service-card reveal\">\r\n                <div class=\"service-card-number\">01 \/ 06<\/div>\r\n                <div class=\"service-icon\">\u2197<\/div>\r\n\r\n                <h3>Corporate Offices<\/h3>\r\n\r\n                <p>\r\n                    Executive offices, open workspaces, meeting rooms and\r\n                    collaborative areas designed for modern business.\r\n                <\/p>\r\n            <\/article>\r\n\r\n\r\n            <article class=\"service-card reveal\">\r\n                <div class=\"service-card-number\">02 \/ 06<\/div>\r\n                <div class=\"service-icon\">\u2197<\/div>\r\n\r\n                <h3>Retail Spaces<\/h3>\r\n\r\n                <p>\r\n                    Customer-focused environments that connect your brand,\r\n                    products and physical experience.\r\n                <\/p>\r\n            <\/article>\r\n\r\n\r\n            <article class=\"service-card reveal\">\r\n                <div class=\"service-card-number\">03 \/ 06<\/div>\r\n                <div class=\"service-icon\">\u2197<\/div>\r\n\r\n                <h3>Showrooms<\/h3>\r\n\r\n                <p>\r\n                    Immersive spaces where materials, products and storytelling\r\n                    become part of the customer journey.\r\n                <\/p>\r\n            <\/article>\r\n\r\n\r\n            <article class=\"service-card reveal\">\r\n                <div class=\"service-card-number\">04 \/ 06<\/div>\r\n                <div class=\"service-icon\">\u2197<\/div>\r\n\r\n                <h3>Hospitality<\/h3>\r\n\r\n                <p>\r\n                    Refined hospitality interiors balancing atmosphere,\r\n                    comfort, functionality and operational needs.\r\n                <\/p>\r\n            <\/article>\r\n\r\n\r\n            <article class=\"service-card reveal\">\r\n                <div class=\"service-card-number\">05 \/ 06<\/div>\r\n                <div class=\"service-icon\">\u2197<\/div>\r\n\r\n                <h3>Restaurants<\/h3>\r\n\r\n                <p>\r\n                    Dining environments designed around movement, mood,\r\n                    seating flow and memorable guest experiences.\r\n                <\/p>\r\n            <\/article>\r\n\r\n\r\n            <article class=\"service-card reveal\">\r\n                <div class=\"service-card-number\">06 \/ 06<\/div>\r\n                <div class=\"service-icon\">\u2197<\/div>\r\n\r\n                <h3>Business Spaces<\/h3>\r\n\r\n                <p>\r\n                    Flexible commercial environments built around the specific\r\n                    culture and operational needs of your organisation.\r\n                <\/p>\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- HUMAN EXPERIENCE -->\r\n<section class=\"human\">\r\n\r\n    <div class=\"container human-grid\">\r\n\r\n        <div class=\"human-image reveal\">\r\n\r\n            <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1497366412874-3415097a27e7?auto=format&fit=crop&w=1400&q=90\"\r\n            alt=\"Modern commercial office\">\r\n\r\n        <\/div>\r\n\r\n        <div class=\"human-content reveal\">\r\n\r\n            <div class=\"eyebrow\">\r\n                <span><\/span>\r\n                Human-Centred\r\n            <\/div>\r\n\r\n            <h2>\r\n                A workplace should feel like somewhere people want to be.\r\n            <\/h2>\r\n\r\n            <p class=\"text\">\r\n                We consider how people arrive, move, collaborate, focus,\r\n                meet, pause and connect. The result is more than an attractive\r\n                office \u2014 it becomes part of the culture of the business.\r\n            <\/p>\r\n\r\n            <div class=\"human-list\">\r\n\r\n                <div>\r\n                    <span><\/span>\r\n                    Natural movement & circulation\r\n                <\/div>\r\n\r\n                <div>\r\n                    <span><\/span>\r\n                    Comfortable collaboration zones\r\n                <\/div>\r\n\r\n                <div>\r\n                    <span><\/span>\r\n                    Acoustic & visual privacy\r\n                <\/div>\r\n\r\n                <div>\r\n                    <span><\/span>\r\n                    Brand-led material selection\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<!-- PROJECTS -->\r\n<section class=\"projects\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"reveal\">\r\n\r\n            <div class=\"eyebrow\">\r\n                <span><\/span>\r\n                Selected Directions\r\n            <\/div>\r\n\r\n            <h2 class=\"section-title\">\r\n                Different businesses.<br>\r\n                <span>Different personalities.<\/span>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"project-grid\">\r\n\r\n            <article class=\"project reveal\">\r\n\r\n                <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1600&q=90\"\r\n                alt=\"Corporate office interior\">\r\n\r\n                <div class=\"project-overlay\">\r\n                    <small>Corporate \/ Dubai<\/small>\r\n                    <h3>Quiet Confidence<\/h3>\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n\r\n            <article class=\"project reveal\">\r\n\r\n                <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1556742049-0cfed4f6a45d?auto=format&fit=crop&w=1200&q=90\"\r\n                alt=\"Retail interior\">\r\n\r\n                <div class=\"project-overlay\">\r\n                    <small>Retail \/ UAE<\/small>\r\n                    <h3>Designed to Engage<\/h3>\r\n                <\/div>\r\n\r\n            <\/article>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- BEFORE \/ AFTER -->\r\n<section class=\"transformation\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"reveal\">\r\n\r\n            <div class=\"eyebrow\">\r\n                <span><\/span>\r\n                Transformation\r\n            <\/div>\r\n\r\n            <h2 class=\"section-title\">\r\n                From ordinary<br>\r\n                <span>to intentional.<\/span>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"transform-wrap reveal\" id=\"transform\">\r\n\r\n            <div class=\"transform-image before\">\r\n\r\n                <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=90\"\r\n                alt=\"Before commercial interior\">\r\n\r\n                <div class=\"transform-label\">\r\n                    Before\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n\r\n            <div class=\"transform-image after\" id=\"after\">\r\n\r\n                <img decoding=\"async\"\r\n                src=\"https:\/\/images.unsplash.com\/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1800&q=90\"\r\n                alt=\"After commercial interior\">\r\n\r\n                <div class=\"transform-label\">\r\n                    After\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- MATERIAL SELECTOR -->\r\n<section class=\"materials\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"reveal\">\r\n\r\n            <div class=\"eyebrow\">\r\n                <span><\/span>\r\n                Material Language\r\n            <\/div>\r\n\r\n            <h2 class=\"section-title\">\r\n                Touch.<br>\r\n                <span>Texture. Identity.<\/span>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"material-grid\">\r\n\r\n            <div class=\"material-preview reveal\" id=\"materialPreview\"><\/div>\r\n\r\n            <div class=\"material-info reveal\">\r\n\r\n                <div class=\"eyebrow\">\r\n                    <span><\/span>\r\n                    Interactive Finish\r\n                <\/div>\r\n\r\n                <h3 id=\"materialTitle\">\r\n                    Warm Oak\r\n                <\/h3>\r\n\r\n                <p class=\"text\" id=\"materialText\">\r\n                    Natural warmth for workspaces that need a calm,\r\n                    welcoming atmosphere.\r\n                <\/p>\r\n\r\n\r\n                <div class=\"material-buttons\">\r\n\r\n                    <button\r\n                    class=\"material-btn active\"\r\n                    data-color=\"#8c7a61\"\r\n                    data-title=\"Warm Oak\"\r\n                    data-text=\"Natural warmth for workspaces that need a calm, welcoming atmosphere.\">\r\n                        Warm Oak\r\n                    <\/button>\r\n\r\n                    <button\r\n                    class=\"material-btn\"\r\n                    data-color=\"#373735\"\r\n                    data-title=\"Graphite\"\r\n                    data-text=\"Deep architectural tones for confident, contemporary commercial spaces.\">\r\n                        Graphite\r\n                    <\/button>\r\n\r\n                    <button\r\n                    class=\"material-btn\"\r\n                    data-color=\"#c8bca7\"\r\n                    data-title=\"Stone\"\r\n                    data-text=\"Soft mineral tones that create a refined and timeless environment.\">\r\n                        Stone\r\n                    <\/button>\r\n\r\n                    <button\r\n                    class=\"material-btn\"\r\n                    data-color=\"#6d765f\"\r\n                    data-title=\"Sage\"\r\n                    data-text=\"A subtle natural tone bringing biophilic character into the workplace.\">\r\n                        Sage\r\n                    <\/button>\r\n\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- PROCESS -->\r\n<section class=\"process\">\r\n\r\n    <div class=\"container\">\r\n\r\n        <div class=\"reveal\">\r\n\r\n            <div class=\"eyebrow\">\r\n                <span><\/span>\r\n                Our Approach\r\n            <\/div>\r\n\r\n            <h2 class=\"section-title\">\r\n                From first idea<br>\r\n                <span>to final handover.<\/span>\r\n            <\/h2>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"process-grid\">\r\n\r\n            <div class=\"process-item reveal\">\r\n                <div class=\"process-number\">01<\/div>\r\n                <h3>Understand<\/h3>\r\n                <p>\r\n                    We study your business, people, brand and operational\r\n                    requirements.\r\n                <\/p>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"process-item reveal\">\r\n                <div class=\"process-number\">02<\/div>\r\n                <h3>Concept<\/h3>\r\n                <p>\r\n                    Spatial ideas, materials and visual direction become a\r\n                    clear design language.\r\n                <\/p>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"process-item reveal\">\r\n                <div class=\"process-number\">03<\/div>\r\n                <h3>Develop<\/h3>\r\n                <p>\r\n                    Design details, finishes and construction requirements are\r\n                    refined for execution.\r\n                <\/p>\r\n            <\/div>\r\n\r\n\r\n            <div class=\"process-item reveal\">\r\n                <div class=\"process-number\">04<\/div>\r\n                <h3>Deliver<\/h3>\r\n                <p>\r\n                    Your commercial environment moves from drawings and ideas\r\n                    into a finished physical experience.\r\n                <\/p>\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/div>\r\n<\/section>\r\n\r\n\r\n<!-- CTA -->\r\n<section class=\"cta\">\r\n\r\n    <div class=\"cta-inner reveal\">\r\n\r\n        <div class=\"eyebrow\" style=\"justify-content:center;\">\r\n            <span><\/span>\r\n            Urban Fitouts UAE\r\n            <span><\/span>\r\n        <\/div>\r\n\r\n        <h2>\r\n            Let's create a space your business can grow into.\r\n        <\/h2>\r\n\r\n        <p>\r\n            Tell us about your commercial space, your goals and the experience\r\n            you want people to have when they walk through the door.\r\n        <\/p>\r\n\r\n        <a href=\"#\" class=\"cta-button\">\r\n            Start a Conversation \u2192\r\n        <\/a>\r\n\r\n    <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n\r\n\/* =========================\r\n   SCROLL REVEAL\r\n========================= *\/\r\n\r\nconst reveals = document.querySelectorAll(\".reveal\");\r\n\r\nconst revealObserver = new IntersectionObserver((entries)=>{\r\n    entries.forEach(entry=>{\r\n        if(entry.isIntersecting){\r\n            entry.target.classList.add(\"active\");\r\n        }\r\n    });\r\n},{\r\n    threshold:.12\r\n});\r\n\r\nreveals.forEach(el=>revealObserver.observe(el));\r\n\r\n\r\n\/* =========================\r\n   3D OFFICE MOUSE MOVEMENT\r\n========================= *\/\r\n\r\nconst office = document.getElementById(\"office\");\r\n\r\ndocument.querySelector(\".scene\").addEventListener(\"mousemove\",(e)=>{\r\n\r\n    const rect = e.currentTarget.getBoundingClientRect();\r\n\r\n    const x = (e.clientX - rect.left) \/ rect.width - .5;\r\n    const y = (e.clientY - rect.top) \/ rect.height - .5;\r\n\r\n    office.style.transform =\r\n    `rotateX(${55 - y*12}deg)\r\n     rotateZ(${-6 + x*8}deg)\r\n     rotateY(${-18 + x*18}deg)`;\r\n\r\n});\r\n\r\n\r\ndocument.querySelector(\".scene\").addEventListener(\"mouseleave\",()=>{\r\n\r\n    office.style.transform =\r\n    \"rotateX(55deg) rotateZ(-6deg) rotateY(-18deg)\";\r\n\r\n});\r\n\r\n\r\n\/* =========================\r\n   BEFORE \/ AFTER\r\n========================= *\/\r\n\r\nconst transform = document.getElementById(\"transform\");\r\nconst after = document.getElementById(\"after\");\r\n\r\nlet dragging = false;\r\n\r\nfunction updateTransform(x){\r\n\r\n    const rect = transform.getBoundingClientRect();\r\n\r\n    let percent = ((x - rect.left) \/ rect.width) * 100;\r\n\r\n    percent = Math.max(5,Math.min(95,percent));\r\n\r\n    after.style.width = percent + \"%\";\r\n}\r\n\r\ntransform.addEventListener(\"pointerdown\",(e)=>{\r\n    dragging=true;\r\n    transform.setPointerCapture(e.pointerId);\r\n    updateTransform(e.clientX);\r\n});\r\n\r\ntransform.addEventListener(\"pointermove\",(e)=>{\r\n    if(dragging){\r\n        updateTransform(e.clientX);\r\n    }\r\n});\r\n\r\ntransform.addEventListener(\"pointerup\",()=>{\r\n    dragging=false;\r\n});\r\n\r\ntransform.addEventListener(\"pointercancel\",()=>{\r\n    dragging=false;\r\n});\r\n\r\n\r\n\/* =========================\r\n   MATERIAL SELECTOR\r\n========================= *\/\r\n\r\nconst materialPreview =\r\ndocument.getElementById(\"materialPreview\");\r\n\r\nconst materialTitle =\r\ndocument.getElementById(\"materialTitle\");\r\n\r\nconst materialText =\r\ndocument.getElementById(\"materialText\");\r\n\r\nconst materialButtons =\r\ndocument.querySelectorAll(\".material-btn\");\r\n\r\nmaterialButtons.forEach(button=>{\r\n\r\n    button.addEventListener(\"click\",()=>{\r\n\r\n        materialButtons.forEach(btn=>{\r\n            btn.classList.remove(\"active\");\r\n        });\r\n\r\n        button.classList.add(\"active\");\r\n\r\n        const color = button.dataset.color;\r\n\r\n        materialPreview.style.background = color;\r\n\r\n        materialTitle.textContent =\r\n        button.dataset.title;\r\n\r\n        materialText.textContent =\r\n        button.dataset.text;\r\n\r\n    });\r\n\r\n});\r\n\r\n\r\n\/* =========================\r\n   PARALLAX HERO\r\n========================= *\/\r\n\r\nwindow.addEventListener(\"scroll\",()=>{\r\n\r\n    const heroBg = document.querySelector(\".hero-bg\");\r\n\r\n    const scroll = window.scrollY;\r\n\r\n    if(scroll < window.innerHeight){\r\n\r\n        heroBg.style.transform =\r\n        `scale(1.08) translateY(${scroll*.12}px)`;\r\n\r\n    }\r\n\r\n});\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\r\n```\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Commercial Design | Urban Fitouts UAE Urban Fitouts UAE \/ Commercial Design Spaces That Work. Commercial interiors designed around people, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_thinkrank_schema_form_data":"","_thinkrank_selected_schema_type":"","_thinkrank_additional_schemas":"","_thinkrank_canonical_url":"","_thinkrank_og_title":"","_thinkrank_og_description":"","_thinkrank_og_image":"","_thinkrank_twitter_title":"","_thinkrank_twitter_description":"","_thinkrank_twitter_image":"","_thinkrank_imported_from":"","_thinkrank_focus_keywords":[],"_thinkrank_focus_keyword":"","_thinkrank_robots_meta_enabled":0,"_thinkrank_robots_meta":"","_thinkrank_advanced_robots_meta":"","_thinkrank_exclude_from_search":0,"_thinkrank_exclude_from_archives":0,"_thinkrank_primary_category":0,"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-165","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v28.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Commercial Design - urbanfitouts.ae<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/urbanfitouts.ae\/commercial-design\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Commercial Design - urbanfitouts.ae\" \/>\n<meta property=\"og:description\" content=\"Commercial Design | Urban Fitouts UAE Urban Fitouts UAE \/ Commercial Design Spaces That Work. Commercial interiors designed around people, [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/urbanfitouts.ae\/commercial-design\/\" \/>\n<meta property=\"og:site_name\" content=\"urbanfitouts.ae\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-19T19:18:46+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/commercial-design\\\/\",\"url\":\"https:\\\/\\\/urbanfitouts.ae\\\/commercial-design\\\/\",\"name\":\"Commercial Design - urbanfitouts.ae\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#website\"},\"datePublished\":\"2026-09-13T10:42:19+00:00\",\"dateModified\":\"2026-09-19T19:18:46+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/commercial-design\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/urbanfitouts.ae\\\/commercial-design\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/commercial-design\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/urbanfitouts.ae\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Commercial Design\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#website\",\"url\":\"https:\\\/\\\/urbanfitouts.ae\\\/\",\"name\":\"urbanfitouts.ae\",\"description\":\"urbanfitouts\",\"publisher\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/urbanfitouts.ae\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#organization\",\"name\":\"urbanfitouts.ae\",\"url\":\"https:\\\/\\\/urbanfitouts.ae\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/urbanfitouts.ae\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-2.jpg\",\"contentUrl\":\"https:\\\/\\\/urbanfitouts.ae\\\/wp-content\\\/uploads\\\/2026\\\/09\\\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-2.jpg\",\"width\":1892,\"height\":2118,\"caption\":\"urbanfitouts.ae\"},\"image\":{\"@id\":\"https:\\\/\\\/urbanfitouts.ae\\\/#\\\/schema\\\/logo\\\/image\\\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Commercial Design - urbanfitouts.ae","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/urbanfitouts.ae\/commercial-design\/","og_locale":"en_US","og_type":"article","og_title":"Commercial Design - urbanfitouts.ae","og_description":"Commercial Design | Urban Fitouts UAE Urban Fitouts UAE \/ Commercial Design Spaces That Work. Commercial interiors designed around people, [&hellip;]","og_url":"https:\/\/urbanfitouts.ae\/commercial-design\/","og_site_name":"urbanfitouts.ae","article_modified_time":"2026-09-19T19:18:46+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/urbanfitouts.ae\/commercial-design\/","url":"https:\/\/urbanfitouts.ae\/commercial-design\/","name":"Commercial Design - urbanfitouts.ae","isPartOf":{"@id":"https:\/\/urbanfitouts.ae\/#website"},"datePublished":"2026-09-13T10:42:19+00:00","dateModified":"2026-09-19T19:18:46+00:00","breadcrumb":{"@id":"https:\/\/urbanfitouts.ae\/commercial-design\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/urbanfitouts.ae\/commercial-design\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/urbanfitouts.ae\/commercial-design\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/urbanfitouts.ae\/"},{"@type":"ListItem","position":2,"name":"Commercial Design"}]},{"@type":"WebSite","@id":"https:\/\/urbanfitouts.ae\/#website","url":"https:\/\/urbanfitouts.ae\/","name":"urbanfitouts.ae","description":"urbanfitouts","publisher":{"@id":"https:\/\/urbanfitouts.ae\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/urbanfitouts.ae\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/urbanfitouts.ae\/#organization","name":"urbanfitouts.ae","url":"https:\/\/urbanfitouts.ae\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/urbanfitouts.ae\/#\/schema\/logo\/image\/","url":"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-2.jpg","contentUrl":"https:\/\/urbanfitouts.ae\/wp-content\/uploads\/2026\/09\/cropped-URBAN-WRAP-FINAL-HIGH-RES-01-scaled-2.jpg","width":1892,"height":2118,"caption":"urbanfitouts.ae"},"image":{"@id":"https:\/\/urbanfitouts.ae\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/pages\/165","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/comments?post=165"}],"version-history":[{"count":7,"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/pages\/165\/revisions"}],"predecessor-version":[{"id":425,"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/pages\/165\/revisions\/425"}],"wp:attachment":[{"href":"https:\/\/urbanfitouts.ae\/wp-json\/wp\/v2\/media?parent=165"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}