1<!DOCTYPE html> 2<html lang="en-GB" prefix="og: http://ogp.me/ns#"> 3 4<!-- Mirrored from www.architectural-review.com/awards/ar-house/house-m-in-beijing-china-atelier-about-architecture by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 12 Jan 2026 11:02:47 GMT --> 5<!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack --> 6<head> 7 <meta charset="UTF-8" /> 8 <title>House M in Beijing, China Atelier About Architecture - The Architectural Review</title> 9 <link rel="profile" href="http://gmpg.org/xfn/11" /> 10 <link rel="pingback" href="xmlrpc.html" /> 11 <link href="https://fonts.googleapis.com/css?family=Hind:400,500,600,700" rel="stylesheet"> 12 <meta name="theme-color" content="#ffffff"> 13 14 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 15
15<script> 16 if(!app_recaptcha_data){ 17 var app_recaptcha_data = {"site_key":"6LdVVBwoAAAAAOnV_k0f5WowFnG1Lgo8S90sSuij","field_name":"g-recaptcha-response","version":"v3","enabled":1} } 18 </script>
18 19
19<script type="text/javascript"> 20 21 function mbm_matches_current_url(inputURL) { 22 const currentURL = window.location.href; 23 if (inputURL && currentURL === inputURL) { 24 return true; 25 } 26 if (inputURL && window.location.pathname === inputURL) { 27 return true; 28 } 29 return false; 30 } 31 function mbm_is_cookies_enabled() { 32 33 document.cookie = "index-72.html"; 34 const cookiesEnabled = document.cookie.includes("mbmTestCookie="); 35 // Delete the test cookie 36 //document.cookie = "mbmTestCookie=; max-age=0; path=/"; 37 if (cookiesEnabled){ 38 return true; 39 } 40 else if (navigator.cookieEnabled){ 41 return true; 42 } 43 return false; 44 } 45 46 function mbm_redirectto_cookie_blocking_page() { 47 48 if (!mbm_is_cookies_enabled()) { 49 50 let pathname = "blocked.html"; 51 52 // Cookies are disabled, redirect the user 53 if (!mbm_matches_current_url(pathname)) { 54 window.location.href = pathname; 55 } 56 } 57 } 58 document.addEventListener('DOMContentLoaded', function() { 59 mbm_redirectto_cookie_blocking_page(); 60 }); 61 62 </script>
62 63 64 <!-- This site is optimized with the Yoast SEO plugin v25.1 - https://yoast.com/wordpress/plugins/seo/ --> 65 <meta name="description" content="The transformation of a house in the comfortable suburbs of Beijing by Atelier About Architecture is a quiet contradiction under the auspices of placeless residential development" /> 66 <link rel="canonical" href="house-m-in-beijing-china-atelier-about-architecture.html" /> 67 <meta property="og:locale" content="en_GB" /> 68 <meta property="og:type" content="article" /> 69 <meta property="og:title" content="House M in Beijing, China Atelier About Architecture - The Architectural Review" /> 70 <meta property="og:description" content="The transformation of a house in the comfortable suburbs of Beijing by Atelier About Architecture is a quiet contradiction under the auspices of placeless residential development" /> 71 <meta property="og:url" content="https://www.architectural-review.com/awards/ar-house/house-m-in-beijing-china-atelier-about-architecture" /> 72 <meta property="og:site_name" content="The Architectural Review" /> 73 <meta property="article:published_time" content="2025-12-19T08:00:33+00:00" /> 74 <meta property="og:image" content="https://cdn.ca.emap.com/wp-content/uploads/sites/12/2025/12/house_m_beijing_china_atelier_about_architecture_archtiectural_review_credit_zhu_yumeng-15-big-1-1024x682.webp" /> 75 <meta property="og:image:width" content="1024" /> 76 <meta property="og:image:height" content="682" /> 77 <meta property="og:image:type" content="image/webp" /> 78 <meta name="author" content="Jaime Chu" /> 79 <meta name="twitter:card" content="summary_large_image" /> 80 <meta name="twitter:label1" content="Written by" /> 81 <meta name="twitter:data1" content="Jaime Chu" /> 82 <meta name="twitter:label2" content="Estimated reading time" /> 83 <meta name="twitter:data2" content="8 minutes" /> 84
84<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://www.architectural-review.com/awards/ar-house/house-m-in-beijing-china-atelier-about-architecture","url":"https://www.architectural-review.com/awards/ar-house/house-m-in-beijing-china-atelier-about-architecture","name":"House M in Beijing, China Atelier About Architecture - The Architectural Review","isPartOf":{"@id":"https://www.architectural-review.com/#website"},"primaryImageOfPage":{"@id":"https://www.architectural-review.com/awards/ar-house/house-m-in-beijing-china-atelier-about-architecture#primaryimage"},"image":{"@id":"https://www.architectural-review.com/awards/ar-house/house-m-in-beijing-china-atelier-about-architecture#primaryimage"},"thumbnailUrl":"https://cdn.ca.emap.com/wp-content/uploads/sites/12/2025/12/house_m_beijing_china_atelier_about_architecture_archtiectural_review_credit_zhu_yumeng-15-big-1.webp","datePublished":"2025-12-19T08:00:33+00:00","author":{"@id":"https://www.architectural-review.com/#/schema/person/0f3e9723aab8e9ca67875d930b02660d"},"description":"The transformation of a house in the comfortable suburbs of Beijing by Atelier About Architecture is a quiet contradiction under the auspices of placeless residential development","breadcrumb":{"@id":"https://www.architectural-review.com/awards/ar-house/house-m-in-beijing-china-atelier-about-architecture#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https://www.architectural-review.com/awards/ar-house/house-m-in-beijing-china-atelier-about-architecture"]}],"isAccessibleForFree":"False","hasPart":{"@type":"WebPageElement","isAccessibleForFree":"False","cssSelector":".container-gating"}},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https://www.architectural-review.com/awards/ar-house/house-m-in-beijing-china-atelier-about-architecture#primaryimage","url":"https://cdn.ca.emap.com/wp-content/uploads/sites/12/2025/12/house_m_beijing_china_atelier_about_architecture_archtiectural_review_credit_zhu_yumeng-15-big-1.webp","contentUrl":"https://cdn.ca.emap.com/wp-content/uploads/sites/12/2025/12/house_m_beijing_china_atelier_about_architecture_archtiectural_review_credit_zhu_yumeng-15-big-1.webp","width":2036,"height":1357},{"@type":"BreadcrumbList","@id":"https://www.architectural-review.com/awards/ar-house/house-m-in-beijing-china-atelier-about-architecture#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://www.architectural-review.com/"},{"@type":"ListItem","position":2,"name":"House M in Beijing, China Atelier About Architecture"}]},{"@type":"WebSite","@id":"https://www.architectural-review.com/#website","url":"https://www.architectural-review.com/","name":"The Architectural Review","description":"An online and print magazine about international design. Since 1896.","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.architectural-review.com/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Person","@id":"https://www.architectural-review.com/#/schema/person/0f3e9723aab8e9ca67875d930b02660d","name":"Jaime Chu","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https://www.architectural-review.com/#/schema/person/image/","url":"https://secure.gravatar.com/avatar/10cad9382febe25985002cfa92a72ad3ef00c8a48deebe74bba0615f13319317?s=96&d=mm&r=g","contentUrl":"https://secure.gravatar.com/avatar/10cad9382febe25985002cfa92a72ad3ef00c8a48deebe74bba0615f13319317?s=96&d=mm&r=g","caption":"Jaime Chu"},"url":"https://www.architectural-review.com/author/jaime-chu-2"}]}</script>
84 85 <!-- / Yoast SEO plugin. --> 86 87
88<script type='application/javascript'>console.log('PixelYourSite Free version 9.1.1');</script>
88 89<link rel='dns-prefetch' href='index.html' /> 90<link rel='dns-prefetch' href='http://partner.googleadservices.com/' /> 91<link rel='dns-prefetch' href='http://securepubads.g.doubleclick.net/' /> 92<link rel='dns-prefetch' href='http://fonts.googleapis.com/' /> 93<link rel='dns-prefetch' href='http://pagead2.googlesyndication.com/' /> 94<link href='https://sp-ao.shortpixel.ai/' rel='preconnect' /> 95<link rel="alternate" type="application/rss+xml" title="The Architectural Review » Feed" href="other/feed" /> 96<link rel="alternate" type="application/rss+xml" title="The Architectural Review » Comments Feed" href="other/feed-2" /> 97<link rel='stylesheet' id='emap-custom-admin-style-css' href='css/style-guide4963.css?ver=1.1' type='text/css' media='all' /> 98<link rel='stylesheet' id='ipad-responsiveness-css' href='css/ipad-responsiveness4963.css?ver=1.1' type='text/css' media='all' /> 99<link rel='stylesheet' id='tie-google-fonts-css' href='css/fonts-style4963.css?ver=1.1' type='text/css' media='all' /> 100<link rel='stylesheet' id='grouped-posts-css' href='css/groupedpostspublic4963.css?ver=1.1' type='text/css' media='all' /> 101<link rel='stylesheet' id='emap-style-guide-css' href='css/style-guide0899.css?ver=6.8.1' type='text/css' media='all' /> 102<link rel='stylesheet' id='wp-pc-style-css' href='css/pc-style0899.css?ver=6.8.1' type='text/css' media='all' /> 103<link rel='stylesheet' id='wp-block-library-css' href='css/style.min0899.css?ver=6.8.1' type='text/css' media='all' /> 104<style id='classic-theme-styles-inline-css' type='text/css'> 105/*! This file is auto-generated */ 106.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} 107</style> 108<link rel='stylesheet' id='wp-components-css' href='css/style.min0899-2.css?ver=6.8.1' type='text/css' media='all' /> 109<style id='global-styles-inline-css' type='text/css'> 110:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
110--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
110.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} 111:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} 112:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} 113:root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} 114</style> 115<link rel='stylesheet' id='related-posts-css' href='css/relatedpostspublic4963.css?ver=1.1' type='text/css' media='all' /> 116<link rel='stylesheet' id='emap-corporate-subscription-css-css' href='css/emap-corporate-sub0899.css?ver=6.8.1' type='text/css' media='all' /> 117<link rel='stylesheet' id='ht-faq-frontend-style-css' href='css/ht-faq-frontend0899.css?ver=6.8.1' type='text/css' media='all' /> 118<link rel='stylesheet' id='wpcp-slick-css' href='css/slick.min005e.css?ver=3.1.6' type='text/css' media='all' /> 119<link rel='stylesheet' id='wpcp-bx-slider-css-css' href='css/jquery.bxslider.min005e.css?ver=3.1.6' type='text/css' media='all' /> 120<link rel='stylesheet' id='wp-carousel-pro-fontawesome-css' href='css/font-awesome.min005e.css?ver=3.1.6' type='text/css' media='all' /> 121<link rel='stylesheet' id='wpcp-magnific-popup-css' href='css/magnific-popup.min005e.css?ver=3.1.6' type='text/css' media='all' /> 122<link rel='stylesheet' id='wp-carousel-pro-css' href='css/wp-carousel-pro-public.min005e.css?ver=3.1.6' type='text/css' media='all' /> 123<link rel='stylesheet' id='font-awesome-css' href='css/font-awesome.min1849.css?ver=4.7.0' type='text/css' media='all' /> 124<link rel='stylesheet' id='tie-styles-parent-css' href='css/style0899.css?ver=6.8.1' type='text/css' media='all' /> 125<link rel='stylesheet' id='tie-styles-child-css' href='css/stylesa149.css?ver=6.4' type='text/css' media='all' /> 126<link rel='stylesheet' id='psw-fe-style-css' href='css/post_slider_frontend4963.css?ver=1.1' type='text/css' media='all' /> 127<link rel='stylesheet' id='slickslidercss-css' href='css/slick4963.css?ver=1.1' type='text/css' media='all' /> 128<link rel='stylesheet' id='slick-slider-theme-css-css' href='css/slick-theme4963.css?ver=1.1' type='text/css' media='all' /> 129<link rel='stylesheet' id='SP_WPCP-google-web-fonts-sp_wpcp_shortcode_options-css' href='http://fonts.googleapis.com/css?family=Open+Sans%3A600%7COpen+Sans%3A600%7COpen+Sans%3A400n%7COpen+Sans%3A600%7COpen+Sans%3A400%7COpen+Sans%3A600%7COpen+Sans%3A400%7COpen+Sans%3A600%7COpen+Sans%3A400%7COpen+Sans%3A400%7COpen+Sans%3A700%7COpen+Sans%3A600' type='text/css' media='all' /> 130<link rel='stylesheet' id='myaccount_style-css' href='css/styled279.css?ver=1.1.5' type='text/css' media='all' /> 131<link rel='stylesheet' id='mbm_emap_-styles-parent-css' href='css/styles19f6.css?ver=1.0.7' type='text/css' media='all' /> 132<link rel='stylesheet' id='mbm_emap_-styles-responsive-css' href='css/responsive19f6.css?ver=1.0.7' type='text/css' media='all' /> 133<link rel='stylesheet' id='mbm_emap_-fullwidth-templates-css' href='css/fullwidth19f6.css?ver=1.0.7' type='text/css' media='all' />
134<script type="text/javascript" src="js/jquery.minf43b.js?ver=3.7.1" id="jquery-core-js"></script>
vendor: 1 bytes, line 134
134
135<script type="text/javascript" defer="defer" src="js/ipad-responsiveness4963.js?ver=1.1" id="ipad-responsiveness-js"></script>
vendor: 1 bytes, line 135
135
136<script type="text/javascript" defer="defer" src="js/groupedpostspublic4963.js?ver=1.1" id="grouped-posts-scroll-js"></script>
vendor: 1 bytes, line 136
136
137<script type="text/javascript" defer="defer" src="js/pagebuilderrenderer4963.js?ver=1.1" id="pagebuilder-renderer-js"></script>
vendor: 1 bytes, line 137
137
138<script type="text/javascript" id="lazy-load-trigger-js-extra"> 139/* <![CDATA[ */ 140var lazy_load = {"ajax_url":"https:\/\/www.architectural-review.com\/wp-admin\/admin-ajax.php"}; 141/* ]]> */ 142</script>
vendor: 1 bytes, line 142
142
143<script type="text/javascript" defer="defer" src="js/lazy-load4963.js?ver=1.1" id="lazy-load-trigger-js"></script>
vendor: 1 bytes, line 143
143
144<script type="text/javascript" src="txt/f8a54.txt?ver=1.0.0" id="google-service-js"></script>
vendor: 1 bytes, line 144
144
145<script type="text/javascript" src="txt/f8a54-2.txt?ver=1.0.0" id="google-gpt-js"></script>
vendor: 1 bytes, line 145
145
146<script type="text/javascript" defer="defer" src="js/post_slider_frontend4963.js?ver=1.1" id="psw-fe-script-js"></script>
vendor: 1 bytes, line 146
146
147<script type="text/javascript" src="js/slick.min4963.js?ver=1.1" id="slick-slider-js-js-js"></script>
vendor: 1 bytes, line 147
147
148<script type="text/javascript" defer="defer" src="js/posts.min19f6.js?ver=1.0.7" id="mbm_emap_posts.min.js-js"></script>
148 149<link rel="https://api.w.org/" href="index-3.html" /><link rel="alternate" title="JSON" type="application/json" href="json/354278.json" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="xmlrpc0db0.html?rsd" /> 150<meta name="generator" content="WordPress 6.8.1" /> 151<link rel='shortlink' href='indexb464.html?p=354278' /> 152<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="json/embedd83f.json?url=https%3A%2F%2Fwww.architectural-review.com%2Fawards%2Far-house%2Fhouse-m-in-beijing-china-atelier-about-architecture" /> 153<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="other/embed58c4?url=https%3A%2F%2Fwww.architectural-review.com%2Fawards%2Far-house%2Fhouse-m-in-beijing-china-atelier-about-architecture&format=xml" />
154<script> 155 156 var mbm_is_user_logged_in = 0; 157 var is_logged = 0; 158 var mbm_user_status = 'R'; 159 160 </script>
160<meta name="generator" content="Site Kit by Google 1.103.0" /><meta name="generator" content="Heroic FAQs v1.0.7" />
161<script type="text/javascript"> 162 var mbm_dfp_article_id = "354278"; 163 var mbm_dfp_category_key = "AR House"; 164 var mbm_dfp_md5_key = "897f645de66d67f4a58059e29844af0d"; //is the md5 of url - /awards/ar-house/house-m-in-beijing-china-atelier-about-architecture 165 var mbm_dfp_link = "/awards/ar-house/house-m-in-beijing-china-atelier-about-architecture"; 166 var mbm_dfp_hash_tag_value = location.hash.slice(1) || ""; 167 168 var mbm_dfp_default_article_key = "80c38d748d4390e3575992d1690cc6f0"; 169 var mbm_dfp_taxonomy_list = new Array(); 170 // Taxonomy type: category / 171 var mbm_dfp_category_md5 = new Array(); 172 var mbm_dfp_category_name = new Array(); 173 mbm_dfp_category_md5[0]="c83b8ed844024cc035b372f294ee329a"; //is the md5 of /ar-house/ 174 mbm_dfp_category_name[0]="index-73.html"; 175 mbm_dfp_taxonomy_list.push("974"); // is the id of ar-house 176 mbm_dfp_category_md5[1]="0efa52ee37b56e9d3abad78d8a4cbff4"; //is the md5 of /awards/ 177 mbm_dfp_category_name[1]="index-15.html"; 178 mbm_dfp_taxonomy_list.push("971"); // is the id of awards 179 180 // Taxonomy type: editorial / 181 var mbm_dfp_editorial_md5 = new Array(); 182 var mbm_dfp_editorial_name = new Array(); 183 mbm_dfp_editorial_md5[0]="84b69dd5266ad7f3386523c6d51fbbf3"; //is the md5 of /ar-1527/ 184 mbm_dfp_editorial_name[0]="index-28.html"; 185 mbm_dfp_taxonomy_list.push("95304"); // is the id of ar-1527 186 mbm_dfp_editorial_md5[1]="14240b94784b974869bf6805998a20fb"; //is the md5 of /issue/ 187 mbm_dfp_editorial_name[1]="index-29.html"; 188 mbm_dfp_taxonomy_list.push("253"); // is the id of issue 189 mbm_dfp_editorial_md5[2]="2bc9b2e2783cc6f0e26936f31ee92eea"; //is the md5 of /editorial/ 190 mbm_dfp_editorial_name[2]="index-22.html"; 191 mbm_dfp_taxonomy_list.push("38"); // is the id of editorial 192 mbm_dfp_editorial_md5[3]="c83b8ed844024cc035b372f294ee329a"; //is the md5 of /ar-house/ 193 mbm_dfp_editorial_name[3]="index-73.html"; 194 mbm_dfp_taxonomy_list.push("380"); // is the id of ar-house 195 mbm_dfp_editorial_md5[4]="0efa52ee37b56e9d3abad78d8a4cbff4"; //is the md5 of /awards/ 196 mbm_dfp_editorial_name[4]="index-15.html"; 197 mbm_dfp_taxonomy_list.push("369"); // is the id of awards 198 mbm_dfp_editorial_md5[5]="dc9ff595fa8c5f42b80f0dd9b17a6484"; //is the md5 of /house/ 199 mbm_dfp_editorial_name[5]="index-49.html"; 200 mbm_dfp_taxonomy_list.push("98"); // is the id of house 201 mbm_dfp_editorial_md5[6]="4fdfca6ef5f139854ab281ad04926d0c"; //is the md5 of /residential/ 202 mbm_dfp_editorial_name[6]="index-50.html"; 203 mbm_dfp_taxonomy_list.push("96"); // is the id of residential 204 mbm_dfp_editorial_md5[7]="3716595e5ce104f49059db1ee75b9b39"; //is the md5 of /building-type/ 205 mbm_dfp_editorial_name[7]="index-51.html"; 206 mbm_dfp_taxonomy_list.push("40"); // is the id of building-type 207 208 // Taxonomy type: issue / 209 var mbm_dfp_issue_md5 = new Array(); 210 var mbm_dfp_issue_name = new Array(); 211 mbm_dfp_issue_md5[0]="c8e66f5a864928bcc4819a26c836f936"; //is the md5 of /ar-december-2025-january-2026/ 212 mbm_dfp_issue_name[0]="index-33.html"; 213 mbm_dfp_taxonomy_list.push("95302"); // is the id of ar-december-2025-january-2026 214 mbm_dfp_issue_md5[1]="39af411564d3ffb757e999faf1881f56"; //is the md5 of /2025/ 215 mbm_dfp_issue_name[1]="index-20.html"; 216 mbm_dfp_taxonomy_list.push("90157"); // is the id of 2025 217 218 // Taxonomy type: type / 219 var mbm_dfp_type_md5 = new Array(); 220 var mbm_dfp_type_name = new Array(); 221 mbm_dfp_type_md5[0]="915be7b8d2673472d5026eb0274ec9fd"; //is the md5 of /building/ 222 mbm_dfp_type_name[0]="index-52.html"; 223 mbm_dfp_taxonomy_list.push("793"); // is the id of building 224 225 // Taxonomy type: author / 226 var mbm_dfp_author_md5 = new Array(); 227 var mbm_dfp_author_name = new Array(); 228 mbm_dfp_author_md5[0]="e82db70e52a53c1d0712bc8aae8549f7"; //is the md5 of /cap-jaime-chu/ 229 mbm_dfp_author_name[0]="index-74.html"; 230 mbm_dfp_taxonomy_list.push("29116"); // is the id of cap-jaime-chu 231 232 var mbm_user_type = ""; 233 var mbm_user_expiry = ""; 234 235</script>
235 236<link rel="shortcut icon" href="png/architectural_review_favicon_512.png" title="Favicon" />
236<script type='text/javascript'> 237 /* <![CDATA[ */ 238 var tievar = {'go_to' : 'Go to...'}; 239 var tie = {"ajaxurl":"https://www.architectural-review.com/wp-admin/admin-ajax.php" , "your_rating":"Your Rating:"}; 240 /* ]]> */ 241</script>
241 242<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" /> 243<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> 244<style type="text/css" media="screen"> 245 246 247 248 249 250</style> 251 252<meta name="robots" content="noarchive"> 253<meta name="google" content="nositelinkssearchbox" /> 254 255<meta name="google-site-verification" content="KUvQjn2iELwqDvS1IfW8zD2iPa7gKpSyyXSq5mM6Up8" /> 256 257<meta name="facebook-domain-verification" content="5wyy0s6534m2wfvvp3ov6mq9f3wu4k" /> 258 259<!-- Optimisely--> 260<!--
260<script src="//cdn.optimizely.com/js/1004925672.js"></script>
260--> 261<!-- End Optimisely--> 262 263<!-- Google Tag Manager -->
264<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 265new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 266j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 267'gtm5445.html?id='+i+dl;f.parentNode.insertBefore(j,f); 268})(window,document,'script','dataLayer','GTM-4PSM');</script>
268 269<!-- End Google Tag Manager --> 270 271<!-- Google Tag Manager -->
272<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 273new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 274j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 275'gtm5445.html?id='+i+dl;f.parentNode.insertBefore(j,f); 276})(window,document,'script','dataLayer','GTM-PKNPKL9');</script>
276 277<!-- End Google Tag Manager --> 278 279<style> 280@media only screen and (max-width: 767px) { 281 .content .entry iframe.hs-form-iframe , .content .single-post-video iframe.hs-form-iframe , .google-map iframe { 282 max-height: unset; 283 } 284} 285</style> 286 287<!-- Google AdSense snippet added by Site Kit --> 288<meta name="google-adsense-platform-account" content="ca-host-pub-2644536267352236"> 289<meta name="google-adsense-platform-domain" content="sitekit.withgoogle.com"> 290<!-- End Google AdSense snippet added by Site Kit -->
291<script type='application/javascript'>console.warn('PixelYourSite: no pixel configured.');</script>
291 292 293<!-- Google AdSense snippet added by Site Kit -->
294<script type="text/javascript" async="async" src="txt/fda3c.txt?client=ca-pub-8841957096038148&host=ca-host-pub-2644536267352236" crossorigin="anonymous"></script>
294 295 296<!-- End Google AdSense snippet added by Site Kit --> 297
297<script> 298 var digitalData = {"page_data":{"page_url":"https://www.architectural-review.com/awards/ar-house/house-m-in-beijing-china-atelier-about-architecture","page_domain":"https://www.architectural-review.com","page_path":"/awards/ar-house/house-m-in-beijing-china-atelier-about-architecture","page_title":"","page_categories":"AR House","page_type":"Article","page_previous_url":"http://www.architectural-review.com/","javascript_errors":"","barrier":true,"slug":"/awards/ar-house/house-m-in-beijing-china-atelier-about-architecture"},"journey_data":{"is_mobile":"false","mega_menu_clicked":"","mega_menu_item":"","footer_menu_clicked":"","footer_menu_item":"","homepage_link_clicked":"","homepage_section":"","social_link_clicked":"","social_type":"","login_success":"","logout_success":"","registation_success":"","subscriptions_success":"","newsletter_signup":"","internal_campaign":"","external_campaign":"","contact_us_submitted":""},"user_data":{"logged_in_status":"logged out","registered_user_id":"","anonymous_user_id":"","user_email":"","user_type_test":"","user_type":"","marketing_data":{"sms":"false","email":"false","post":"false"},"IP_PAR_COMP_ID":null,"IP_PAR_COMP_NAME":null,"user_expiry":null},"search_data":{"search_page":"false","search_term":"","search_results":"","null_search":"false"},"article_data":{"article_page":true,"author":"Jaime Chu","publish_data":"19/12/2025 08:00:33","article_name":"House M in Beijing, China Atelier About Architecture","article_category":"1527:AR House:House:Residential","article_primary_category":"1527","article_id":354278,"story_id":354278}}; 299 300 ;(function($){ 301 $(document).on('click', '.modal-form[data-name="login"]' , function(e) { 302 digitalData["page_data"]["page_type"] = 'login'; 303 }); 304 if ($(".login-form").length > 0) { 305 digitalData["page_data"]["page_type"] = 'login'; 306 } 307 digitalData["page_data"]["page_title"] = document.title; 308 })(jQuery); 309 </script>
309 310 <meta name="primarynavigation" content="AR House" /> 311 <meta name="section" content="AR House" /> 312 <meta name="categories" content="1527:AR House:House:Residential" /> 313 <meta name="type" content="Building" /> 314 <meta name="format" content="" /> 315 <meta name="storyid" content="354278" /> 316 <meta name="WT.seg_CompanyType" content="" /> 317 <meta name="language" content="en" /> 318 <meta name="WT.seg_1" content="" /> 319 <meta name="WT.seg2" content="" /> 320 <meta name="WT.seg3" content="" /> 321 <meta name="WT.seg4" content="" /> 322 <meta name="WT.seg7" content="" /> 323 <meta name="IP_PAR_COMP_ID" content="" /> 324 <meta name="IP_PAR_COMP_NAME" content="" /> 325 <meta name="status" content="" /> 326 <meta name="Sub_End_Date" content="" /> 327 <meta name="barrier" content="1" /> 328 <meta name="articlePage" content="1" /> 329 <meta name="articleName" content="House M in Beijing, China Atelier About Architecture" /> 330 <meta name="articleAuthor" content="Jaime Chu" /> 331 <meta name="articleId" content="354278" /> 332 <meta name="PublishDate" content="19/12/2025 08:00:33" /> 333 <style type="text/css" id="wp-custom-css"> 334 .fc-consent-root .fc-stacks ul li:nth-of-type(2) { 335 display: none !important; 336} 337 338.fc-site-macro-logo.fc-header-image-container .fc-header-image{ 339 display: none !important; 340} 341.fc-consent-root .fc-dialog .fc-header h2 { 342 margin-top:10px!important; 343 display: none !important; 344} 345.fc-consent-root .fc-dialog .fc-header h1{ 346 padding-top:15px !important; 347} </style> 348 349
349<script type='text/javascript' src="js/ar-boilerplate.js"></script>
349 350 <style> 351 .subscribe_link { 352 /*display: none !important;*/ 353 } 354 </style> 355 </head> 356<body id="top" class="wp-singular post-template-default single single-post postid-354278 single-format-standard wp-theme-mbm-mops-2017 wp-child-theme-ar-child user-can-subscribe anonymous-user">
vendor: 68 bytes, lines 356-357
356 357<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
357GTM-4PSM
vendor: 150 bytes, lines 357-358
357" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 358<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
358GTM-PKNPKL9
vendor: 89 bytes, lines 358-361
358" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 359 360 361
361<aside id="slide-out"> 362 <div class="mobile-user-nav"></div> 363 <div class="search-mobile"> 364 <form method="get" id="searchform-mobile" action="https://www.architectural-review.com/"> 365 <button class="search-button" type="submit" value="Search"><i class="fa fa-search"></i></button> 366 <input type="hidden" name="orderby" value="relevance"> 367 <input type="text" id="s-mobile" name="s" title="Search" placeholder="Search" /> 368 </form> 369 </div><!-- .search-mobile /--> 370 371 372 <div id="mobile-menu" ></div> 373 </aside><!-- #slide-out /--> 374 375 376 <div class="wrapper animated full-site"> 377 378 <div class="inner-wrapper"> 379 380 <div class="adv-banner-top"><!-- /5208313/AR-strip --><div style="margin: 10px 0; text-align:center;"> 381 <div gano="1" gid="div-gpt-ad-1" class="" id="div-gpt-ad-1" ></div> 382
382<script language="JavaScript"> 383 jQuery(document).ready(function($){ 384 show_ga = true; 385 isDevice = (window.innerWidth < 974 ); 386 isDuplicate = ($("div[gid='div-gpt-ad-1']").length > 1); 387 isMobileGA = false; 388 389 if ( isDuplicate ) { // if same ad is added two times 390 if ( isDevice ) { //if client is viewing ad in device 391 if ( !isMobileGA ) { // if current ad is for desktop, return false 392 show_ga = false; 393 } 394 } else { //if client is viewing ad in desktop 395 if ( isMobileGA ) { // if current ad is for device, return false 396 show_ga = false; 397 } 398 } 399 } 400 401 if (show_ga) { 402 if ($("#div-gpt-ad-1").length==0) { 403 $( "div[gano='1']" ).attr("id", "div-gpt-ad-1"); 404 } 405 406 GA_googleFillSlot("div-gpt-ad-1"); 407 } else { 408 lbl_div = $("div[gano='1']").parent().prev(); 409 if (lbl_div.text() == "Advertisement") { 410 lbl_div.parent().hide(); 411 } 412 } 413 }); 414 </script>
414 415 416</div> 417<!-- /5208313/ar-Wallpaper --> 418<div> 419 420 <div gano="2" gid="ad-ar-wallpaper" class="ad-ar-wallpaper" id="ad-ar-wallpaper" ></div> 421
421<script language="JavaScript"> 422 jQuery(document).ready(function($){ 423 show_ga = true; 424 isDevice = (window.innerWidth < 974 ); 425 isDuplicate = ($("div[gid='ad-ar-wallpaper']").length > 1); 426 isMobileGA = false; 427 428 if ( isDuplicate ) { // if same ad is added two times 429 if ( isDevice ) { //if client is viewing ad in device 430 if ( !isMobileGA ) { // if current ad is for desktop, return false 431 show_ga = false; 432 } 433 } else { //if client is viewing ad in desktop 434 if ( isMobileGA ) { // if current ad is for device, return false 435 show_ga = false; 436 } 437 } 438 } 439 440 if (show_ga) { 441 if ($("#ad-ar-wallpaper").length==0) { 442 $( "div[gano='2']" ).attr("id", "ad-ar-wallpaper"); 443 } 444 445 GA_googleFillSlot("ad-ar-wallpaper"); 446 } else { 447 lbl_div = $("div[gano='2']").parent().prev(); 448 if (lbl_div.text() == "Advertisement") { 449 lbl_div.parent().hide(); 450 } 451 } 452 }); 453 </script>
453 454 455</div></div> <div class="mast-nav"> 456 <div class="container-sleeve top-nav container-animate animated1 "> 457 <ul class="social-icons animate-icons"> 458 <li class="social-icon-instagram"> 459 <a href="https://www.instagram.com/thearchitecturalreview/" target="_blank" title="Instagram" rel="noopener noreferrer"><span class="core-icon i-social-instagram i-social-instagram-dims"></span></a> 460 </li><li class="social-icon-facebook"> 461 <a href="https://www.facebook.com/TheArchitecturalReview" target="_blank" title="Facebook" rel="noopener noreferrer"><span class="core-icon i-social-facebook i-social-facebook-dims"></span></a> 462 </li><li class="social-icon-linkedin"> 463 <a href="https://www.linkedin.com/company/5055887" target="_blank" title="LinkedIn" rel="noopener noreferrer"><span class="core-icon i-social-linkedin i-social-linkedin-dims"></span></a> 464 </li><li class="social-icon-bluesky"> 465 <a href="https://bsky.app/profile/social.architectural-review.com" target="_blank" title="BlueskyBluesky" rel="noopener noreferrer"><span class="core-icon i-social-bluesky i-social-bluesky-dims"></span></a> 466 </li> 467 <li class="social-icon-youtube"> 468 <a href="https://www.youtube.com/user/archreview" target="_blank" title="YouTube" rel="noopener noreferrer"><span class="core-icon i-social-youtube i-social-youtube-dims"></span></a> 469 </li> 470 </ul> 471 <div class="user-nav"> 472 473 <ul id="not-registered"> 474 475 <li><a href='index-4.html' class='alt-login-link'>Login / Register</a></li> 476 477 </ul> 478 479 </div> 480 <div class="subscribe_link"><a href="subscriptions.html">Subscribe</a></div> 481 <div class="search-block"> 482 <form method="get" id="searchform" action="https://www.architectural-review.com/"> 483 <button class="search-button" type="submit" value="Search"><i class="fa fa-search" aria-hidden="true"></i></button> 484 <input type="hidden" name="orderby" value="relevance"> 485 <input type="text" id="s" name="s" placeholder="Search..." /> 486 </form> 487 </div><!-- .search-block /--> 488 </div><!-- .top-menu /--> 489 </div> 490 491 <header id="theme-header" > 492 <div class="header-content container-animate animated"> 493 494 495 <div class="mobileNav" id="mobileSections"> 496 <div class="mobile-toolbar"> 497 <div class="toolbar toggle container-sleeve"> 498 <a id="slide-out-open" class="btn btnMenu" title="menu" href="#"> 499 <span class="burger"> </span><span class="menu">Menu</span> 500 </a> 501 <a id="slide-out-close" class="btn btnMenu" title="menu" href="#" style="display: none"> 502 <span class="burger"> </span><span class="menu">Menu</span> 503 </a> 504 <div class="account-container"> 505 <div class="sleeve"> 506 <a href="#" class="btn signin"> 507 <span class="core-icon i-menu-account i-menu-account-dims"> </span> 508 </a> 509 <div class="mobile-account-menu"> 510 <ul> 511 512 <li><a href='index-4.html' class='alt-login-link'>Sign In</a></li> <li> 513 <a href="subscriptions.html">Subscribe</a> 514 </li> 515 </ul> 516 </div> 517 </div> 518 </div> 519 </div> 520 <div class="toolbar"> 521 <a href="index.html" class="mobile-logo"><span class="core-icon i-mobile-logo i-mobile-logo-dims"> </span> 522 </a> 523 </div> 524 </div> 525 </div> 526 527 528 <div class="container"> 529 <div class="mast container-sleeve"> 530 <div class="logo"> 531 532 <a title="The Architectural Review" href="index.html"> 533 <noscript><img decoding="async" src="https://cdn.ca.emap.com/wp-content/uploads/sites/12/2020/04/logo-ar.svg" alt="The Architectural Review" /></noscript><img decoding="async" class="lazyload" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://cdn.ca.emap.com/wp-content/uploads/sites/12/2020/04/logo-ar.svg" alt="The Architectural Review" /><strong>The Architectural Review An online and print magazine about international design. Since 1896.</strong> 534 </a> 535 </div><!-- .logo /--> 536 537 538 539 </div> 540 541 542 <div class="nav-wrapper fixed-enabled"> 543 <nav id="main-nav" class="container-sleeve"> 544 545 546 <div class="main-menu"><ul id="menu-main-menu" class="menu"><li id="menu-item-70113" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-70113"><a href="essays.html">Essays</a></li> 547<li id="menu-item-70115" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-70115"><a href="buildings.html">Buildings</a></li> 548<li id="menu-item-70117" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-70117"><a href="places.html">Places</a></li> 549<li id="menu-item-70118" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-70118"><a href="architects.html">Architects</a></li> 550<li id="menu-item-71398" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-71398"><a href="archive.html">Archive</a></li> 551<li id="menu-item-70119" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-70119"><a href="films.html">Films</a></li> 552<li id="menu-item-71399" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-71399"><a href="podcasts.html">Podcasts</a></li> 553<li id="menu-item-70120" class="menu-item menu-item-type-taxonomy menu-item-object-category current-post-ancestor menu-item-70120"><a href="awards.html">Awards</a></li> 554<li id="menu-item-350080" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-350080"><a href="newsletters.html">Newsletters</a></li> 555<li id="menu-item-70121" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-70121"><a href="magazines.html">Magazines</a></li> 556<li id="menu-item-71400" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-71400"><a target="_blank" href="https://www.thearchitecturalreviewstore.com/">Shop</a></li> 557</ul></div> 558 559 </nav><!-- .main-nav /--> 560 </div> 561 562 </div>
563 </div> 564 565 <!-- <div id="loading"></div> --> 566 567 </header><!-- #theme-header /--> 568 569 570 571 572 <div id="main-content" class="wrapper-sleeve container-animate animated3 sidebar-right sidebar_narrow_disabled"> 573<div class="container-gating" > 574 575 576 <div id="crumbtrail" class="container-sleeve"> 577 <ul> 578 <li class="first before_last"> 579 <span>You are here:</span> 580 <a href="ar-house.html">AR House</a> 581 </li> 582 </ul> 583 </div> 584 585<!-- <p class="emap-gating-notice-top"> 586 <i class="fa fa-lock" aria-hidden="true"></i> 587 </p> 588 --> 589 <div class="container-gating-inner"> 590 <div class="entry"> 591 <article class="post-listing"> 592 <div class="left-gating-col-1"> 593 <h1 class="name entry-title" style="margin-bottom: 15px"> 594 House M in Beijing, China Atelier About Architecture </h1> 595 <h1 class="name entry-title digital-edition-title" style="margin-bottom: 15px"> 596 Digital Edition: House M in Beijing, China Atelier About Architecture </h1> 597 <div class="post_first_paragraph" style="font-size: 16px;"> 598 The transformation of a house in the comfortable suburbs of Beijing by Atelier About Architecture is a quiet contradiction under the auspices of placeless residential development </div> 599 </div> 600 601 <div class="right-gating-col-1"> 602 <noscript><img decoding="async" src="https://cdn.ca.emap.com/wp-content/uploads/sites/12/2025/12/house_m_beijing_china_atelier_about_architecture_archtiectural_review_credit_zhu_yumeng-15-big-1-1024x682.webp" class="sub-offers-intro-img" alt="SUBSCRIBE TODAY"></noscript><img decoding="async" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="https://cdn.ca.emap.com/wp-content/uploads/sites/12/2025/12/house_m_beijing_china_atelier_about_architecture_archtiectural_review_credit_zhu_yumeng-15-big-1-1024x682.webp" class="lazyload sub-offers-intro-img" alt="SUBSCRIBE TODAY"> 603 </div> 604 605 <div class="clear"></div> 606 607 <p class="emap-gating-notice-top" style='padding: 20px 40px;margin: 15px 0 0px;font-size: 26px;color: #fff;background-color: #000;line-height: 40px; font-family: "Knockout 71 Full Middlewt";'> 608 <i class="fa fa-lock" aria-hidden="true"></i> 609 This area is reserved. Please <a href="altregister.html"rel="nofollow" style="cursor: pointer; text-decoration: underline;color: #ffffff;" ><strong>register</strong></a> for a trial, or <a href='subscriptions.html' target='_blank' class='gating-subscribe-link'><strong>subscribe</strong></a> for full access to continue reading. If you are a subscriber, <a style="cursor: pointer" href="altlogin.html"><strong>login here</strong></a>. </p> 610 611 <!--<div class="gating-faded"> 612 <p> 613 </p> 614 </div>--> 615 616 <div class="emap-subscription-package-gate-wrap"> 617 618 <div class="subscribe-col"> 619 <h2>Subscribe today and get</h2> 620 <ul> 621 <li>The ARâs thematic print issues</li> 622 <li>Unlimited access to the AR online</li> 623 <li>Stories scanned from the archive</li> 624 <li>Access to previous digital editions</li> 625 <li>AR Newsletters 3 times a week</li> 626 <li>Weekly competition updates</li> 627 </ul> 628 <div class="button-gating-wrap" style="margin-top: 63px;"> 629 <a class="button-gating-link" href="subscriptions.html"> 630 <strong> Subscribe </strong> 631 </a> 632 </div> 633 <div class="clear"></div> 634 </div><!-- .emap-subscription-package-gate --> 635 636 <div class="subscribe-col"> 637 <h2>Register for free to</h2> 638 <ul> 639 <li>Read up to 3 articles a month</li> 640 <li>Receive the AR newsletter 3 times a week </li> 641 </ul> 642 643 <div class="right-gating-col"> 644 <div class="button-gating-wrap"> 645 646 <a class="button-gating" href="altregister.html" rel="nofollow"> <strong>Register</strong></a> 647 </div> 648 </div> 649 <div class="clear"></div> 650 </div><!-- .emap-subscription-package-gate --> 651 652 </div><!-- .emap-subscription-package-gate-wrap --> 653 654 655 <p class="bottom_text"> 656 <strong>Already a subscriber? <a href="mailto:[email protected]">Activate your digital account</a> or <a 657 href="altlogin.html"> log in to your account</a> to read this story</strong> 658 </p> 659 <!--<p style=" 660 text-align: center; 661 margin-top: 10px; 662">Check if you already have access from your <a href="/find-subscription">company</a> or <a href="/find-subscription">university</a></p>--> 663 <article> 664 </div> 665 </div> 666</div> 667 668 </div><!-- .main-content --> 669 670 </div><!-- .Inner-Wrapper --> 671</div><!-- .Wrapper --> 672 673 <div class="clear"></div> 674 <div class="footer-logo-section"> 675 <div class="container-sleeve"> 676 <div class="left_section"> 677 <noscript><img decoding="async" src="png/ar_monogram_black-230.png"></noscript><img decoding="async" class="lazyload" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="png/ar_monogram_black-230.png"> 678 <div class="footer_content_section"> 679 <p>Since 1896, The Architectural Review has scoured the globe for ar
679chitecture that challenges and inspires. Buildings old and new are chosen as prisms through which arguments and broader narratives are constructed. In their fearless storytelling, independent critical voices explore the forces that shape the homes, cities and places we inhabit. 680 </p> 681 <a href="subscriptions.html">Subscribe Now</a> 682 </div> 683 </div> 684 <div class="right_section"><noscript><img decoding="async" src="jpg/ar-footer-sketch-on-blue-cc.jpg"></noscript><img decoding="async" class="lazyload" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20210%20140%22%3E%3C/svg%3E' data-src="jpg/ar-footer-sketch-on-blue-cc.jpg"></div> 685 </div> 686 </div> 687 <div class="footer-logo-section social_media"> 688 <div class="inner_section"> 689 <p>Join the conversation online</p> 690 <ul class="social-icons animate-icons"> 691 <li class="social-icon-instagram"> 692 <a href="https://www.instagram.com/thearchitecturalreview/" title="Instagram" rel="noopener noreferrer" target="_blank"><span class="core-icon i-social-instagram i-social-instagram-dims"></span></a> 693 </li><li class="social-icon-facebook"> 694 <a href="https://www.facebook.com/TheArchitecturalReview" title="Facebook" rel="noopener noreferrer" target="_blank"><span class="core-icon i-social-facebook i-social-facebook-dims"></span></a> 695 </li><li class="social-icon-linkedin"> 696 <a href="https://www.linkedin.com/company/5055887" title="LinkedIn" rel="noopener noreferrer" target="_blank"><span class="core-icon i-social-linkedin i-social-linkedin-dims"></span></a> 697 </li><li class="social-icon-bluesky"> 698 <a href="https://bsky.app/profile/social.architectural-review.com" title="Bluesky" rel="noopener noreferrer" target="_blank"><span class="core-icon i-social-bluesky i-social-bluesky-dims"></span></a> 699 </li><li class="social-icon-youtube"> 700 <a href="https://www.youtube.com/user/archreview" title="YouTube" rel="noopener noreferrer" target="_blank"><span class="core-icon i-social-youtube i-social-youtube-dims"></span></a> 701 </li> 702 703 </ul> 704 </div> 705 </div> 706 707 <footer class="container-animate animated4"> 708 <div class="footer-1c container container-sleeve"> 709 710 <div id="footer-first" class="footer-widgets-box"> 711 <div id="nav_menu-2" class="footer-widget widget_nav_menu"><div class="footer-widget-top"><h4> </h4></div><div class="footer-widget-container"><div class="menu-footer-menu-container"><ul id="menu-footer-menu" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-230025"><a href="advertise.html">Media pack</a></li> 712<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-230026"><a href="monographs.html">Monographs</a></li> 713<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-230026"><a href="newsletters.html">Newsletters</a></li> 714<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-230026"><a href="subscriptions.html">Subscriptions</a></li> 715<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-216128"><a href="cookies-policy.html">Cookie policy</a></li> 716<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-216122"><a href="privacy-policy.html">Privacy policy</a></li> 717<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-216123"><a href="terms-and-conditions.html">Terms and conditions</a></li> 718<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-216124"><a href="faq.html">FAQ</a></li> 719<li class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-230631"><a href="contact-us.html">Contact us</a></li> 720</ul></div></div></div><!-- .widget /--> </div> 721 722 723 724 725 726 </div><!-- #footer-widget-area --> 727 <div class="clear"></div> 728</footer> 729 <div class="clear"></div> 730 <div class="footer-bottom container-animate animated4"> 731 <div class="container-sleeve"> 732 <div> 733 © 2026 EMAP Publishing Limited </div> 734 </div><!-- .Container --> 735 </div><!-- .Footer bottom --> 736 737 738<div id="fb-root"></div> 739
740<script type="speculationrules"> 741{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"\/*"},{"not":{"href_matches":["\/wp-*.php","\/wp-admin\/*","\/wp-content\/uploads\/sites\/12\/*","\/wp-content\/*","\/wp-content\/plugins\/*","\/wp-content\/themes\/ar-child\/*","\/wp-content\/themes\/mbm-mops-2017\/*","\/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 742</script>
742 743
743<script type="text/javascript"> 744 var mbm_fex = { 745 ajaxurl: 'https://www.architectural-review.com/wp-admin/admin-ajax.php', 746 }; 747 </script>
747 748
748<script> 749 (function (w,i,d,g,e,t,s) {w[d] = w[d]||[];t= i.createElement(g); 750 t.async=1;t.src=e;s=i.getElementsByTagName(g)[0];s.parentNode.insertBefore(t, s); 751 })(window, document, '_gscq','script','js/script.js'); 752</script>
752<noscript><style>.lazyload{display:none;}</style></noscript>
752<script data-noptimize="1">window.lazySizesConfig=window.lazySizesConfig||{};window.lazySizesConfig.loadMode=1;</script>
752<script async data-noptimize="1" src='js/lazysizes.mine0a7.js?ao_version=3.1.7'></script>
752<link rel='stylesheet' id='mbm_gdpr_style-css' href='css/mbm_gdpr.minf269.css?ver=1.0.1' type='text/css' media='all' />
753<script type="text/javascript" defer="defer" src="js/alt_tagsfc6b.js?ver=1.10.0" id="MBM-SEO-alt_tags-js"></script>
vendor: 1 bytes, line 753
753
754<script type="text/javascript" id="wp-pc-js-js-extra"> 755/* <![CDATA[ */ 756var pcDataParam = {"newsletterProvider":"preference-center"}; 757/* ]]> */ 758</script>
vendor: 1 bytes, line 758
758
759<script type="text/javascript" defer="defer" src="js/jspc0899.js?ver=6.8.1" id="wp-pc-js-js"></script>
vendor: 1 bytes, line 759
759
760<script type="text/javascript" id="bookmark-js-js-extra"> 761/* <![CDATA[ */ 762var myaccount_bookmarks = {"ajaxurl":"https:\/\/www.architectural-review.com\/wp-admin\/admin-ajax.php"}; 763/* ]]> */ 764</script>
vendor: 1 bytes, line 764
764
765<script type="text/javascript" defer="defer" src="js/bookmark0899.js?ver=6.8.1" id="bookmark-js-js"></script>
vendor: 1 bytes, line 765
765
766<script type="text/javascript" id="myaccount_script-js-extra"> 767/* <![CDATA[ */ 768var myaccount_script = {"ajaxurl":"https:\/\/www.architectural-review.com\/wp-admin\/admin-ajax.php"}; 769/* ]]> */ 770</script>
vendor: 1 bytes, line 770
770
771<script type="text/javascript" defer="defer" src="js/script.mind279.js?ver=1.1.5" id="myaccount_script-js"></script>
vendor: 1 bytes, line 771
771
772<script type="text/javascript" defer="defer" src="js/formd279.js?ver=1.1.5" id="myaccount_profile_form-js"></script>
vendor: 1 bytes, line 772
772
773<script type="text/javascript" id="EmapSubscriptionCheckerJs-js-extra"> 774/* <![CDATA[ */ 775var ajax_object = {"ajax_url":"https:\/\/www.architectural-review.com\/wp-admin\/admin-ajax.php"}; 776/* ]]> */ 777</script>
vendor: 1 bytes, line 777
777
778<script type="text/javascript" defer="defer" src="js/emapsubscriptionchecker0899.js?ver=6.8.1" id="EmapSubscriptionCheckerJs-js"></script>
vendor: 1 bytes, line 778
778
779<script type="text/javascript" defer="defer" src="js/mbm_forms0899.js?ver=6.8.1" id="mbmformjs-js"></script>
vendor: 1 bytes, line 779
779
780<script type="text/javascript" defer="defer" src="js/homepage-newsletter-signup0899.js?ver=6.8.1" id="tie-script-4-js"></script>
vendor: 1 bytes, line 780
780
781<script type="text/javascript" defer="defer" src="js/scripts.min8717.js?ver=7.0" id="tie-script-parent-js"></script>
vendor: 1 bytes, line 781
781
782<script type="text/javascript" id="tie-script-child-js-extra"> 783/* <![CDATA[ */ 784var mbm_optimized_params = {"ajax_url":"https:\/\/www.architectural-review.com\/wp-admin\/admin-ajax.php","theme_url":"https:\/\/www.architectural-review.com\/wp-content\/themes\/ar-child"}; 785/* ]]> */ 786</script>
vendor: 1 bytes, line 786
786
787<script type="text/javascript" defer="defer" src="js/scripts.min8717-2.js?ver=7.0" id="tie-script-child-js"></script>
vendor: 1 bytes, line 787
787
788<script type="text/javascript" id="mbm-comment-validation-js-extra"> 789/* <![CDATA[ */ 790var recaptchaSettings = {"site_key":"6LdVVBwoAAAAAOnV_k0f5WowFnG1Lgo8S90sSuij","enable":"1"}; 791/* ]]> */ 792</script>
vendor: 1 bytes, line 792
792
793<script type="text/javascript" defer="defer" src="js/comment-validation.js" id="mbm-comment-validation-js"></script>
vendor: 1 bytes, line 793
793
794<script type="text/javascript" defer="defer" src="js/mbm_fex.min0899.js?ver=6.8.1" id="mbm_fex_lib-js"></script>
vendor: 1 bytes, line 794
794
795<script type="text/javascript" id="mbm-tools-js-js-extra"> 796/* <![CDATA[ */ 797var mbm_tools = {"ajaxurl":"https:\/\/www.architectural-review.com\/wp-admin\/admin-ajax.php"}; 798/* ]]> */ 799</script>
vendor: 1 bytes, line 799
799
800<script type="text/javascript" defer="defer" src="js/tools0899.js?ver=6.8.1" id="mbm-tools-js-js"></script>
vendor: 1 bytes, line 800
800
801<script type="text/javascript" defer="defer" src="js/jquery.panzoom4963.js?ver=1.1" id="pan_zoom-js"></script>
vendor: 1 bytes, line 801
801
802<script type="text/javascript" src="js/mbm_gdpr.minf269.js?ver=1.0.1" id="mbm-gdpr-js"></script>
802 803 804<!-- Shortcodes Ultimate custom CSS - start --> 805<style type="text/css"> 806.carousel-text { 807 font-size: 16px; 808 font-family: "Knockout", sans-serif; 809} 810 811.flickity-button { 812max-height: 32px; 813max-width: 32px; 814} 815</style> 816<!-- Shortcodes Ultimate custom CSS - end --> 817 818 <!---- getsitecontrol START ---> 819
819<script> 820 window.gsc = window.gsc || function() { 821 (gsc.q = gsc.q || []).push(arguments) 822 }; 823 var targetParameters = {"user_status":"","logged_in_status":"logged out","user_type":"","company_id":null,"company_name":null,"email_domain":"","user_expiry":null,"subscription_expiry_in_days":""}; 824 gsc('params', targetParameters); 825 </script>
825 826 <!---- getsitecontrol END ---> 827 828<div class="adv-footer"><!-- /5208313/DFP-AR-FSLB --> 829 830 <div gano="3" gid="DFP-AR-FSLB" class="" id="DFP-AR-FSLB" ></div> 831
831<script language="JavaScript"> 832 jQuery(document).ready(function($){ 833 show_ga = true; 834 isDevice = (window.innerWidth < 974 ); 835 isDuplicate = ($("div[gid='DFP-AR-FSLB']").length > 1); 836 isMobileGA = false; 837 838 if ( isDuplicate ) { // if same ad is added two times 839 if ( isDevice ) { //if client is viewing ad in device 840 if ( !isMobileGA ) { // if current ad is for desktop, return false 841 show_ga = false; 842 } 843 } else { //if client is viewing ad in desktop 844 if ( isMobileGA ) { // if current ad is for device, return false 845 show_ga = false; 846 } 847 } 848 } 849 850 if (show_ga) { 851 if ($("#DFP-AR-FSLB").length==0) { 852 $( "div[gano='3']" ).attr("id", "DFP-AR-FSLB"); 853 } 854 855 GA_googleFillSlot("DFP-AR-FSLB"); 856 } else { 857 lbl_div = $("div[gano='3']").parent().prev(); 858 if (lbl_div.text() == "Advertisement") { 859 lbl_div.parent().hide(); 860 } 861 } 862 }); 863 </script>
863 864 </div> 865</body> 866 867<!-- Mirrored from www.architectural-review.com/awards/ar-house/house-m-in-beijing-china-atelier-about-architecture by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 12 Jan 2026 11:03:09 GMT --> 868</html><!-- 869Performance optimized by Redis Object Cache. Learn more: https://wprediscache.com 870 871Retrieved 2614 objects (872 KB) from Redis using PhpRedis (v5.3.7). 872-->
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.