CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />  <title>Duke Kunshan University - Metric Design Studio (MDS)</title> <meta name="description" content="Metric Design Studio MDS, founded by Daniel Cheng, is an award winning digital agency based in Shanghai. We help brands from all over the world enter the Chinese market. We work with WeChat, Weibo, Xiaohongshu, Zhihu, Toutiao, TMall, JD, Taobao, and more." /> <link rel="canonical" href="https://metricdesign.net/portfolios/duke-kunshan-university/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Duke Kunshan University - Metric Design Studio (MDS)" /> <meta property="og:description" content="Metric Design Studio MDS, founded by Daniel Cheng, is an award winning digital agency based in Shanghai. We help brands from all over the world enter the Chinese market. We work with WeChat, Weibo, Xiaohongshu, Zhihu, Toutiao, TMall, JD, Taobao, and more." /> <meta property="og:url" content="https://metricdesign.net/portfolios/duke-kunshan-university/" /> <meta property="og:site_name" content="Metric Design Studio (MDS)" /> <meta property="article:publisher" content="https://www.facebook.com/metricdesignstudioshanghai" /> <meta property="article:modified_time" content="2021-11-22T09:04:50+00:00" /> <meta property="og:image" content="https://metricdesign.net/wp-content/uploads/2017/09/duke-kunshan.jpg" /> <meta property="og:image:width" content="560" /> <meta property="og:image:height" content="532" /> <meta property="og:image:type" content="image/jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:label1" content="Est. reading time" /> <meta name="twitter:data1" content="1 minute" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://metricdesign.net/portfolios/duke-kunshan-university/","url":"https://metricdesign.net/portfolios/duke-kunshan-university/","name":"Duke Kunshan University - Metric Design Studio (MDS)","isPartOf":{"@id":"https://metricdesign.net/#website"},"primaryImageOfPage":{"@id":"https://metricdesign.net/portfolios/duke-kunshan-university/#primaryimage"},"image":{"@id":"https://metricdesign.net/portfolios/duke-kunshan-university/#primaryimage"},"thumbnailUrl":"https://metricdesign.net/wp-content/uploads/2017/09/duke-kunshan.jpg","datePublished":"2017-09-11T04:26:29+00:00","dateModified":"2021-11-22T09:04:50+00:00","description":"Metric Design Studio MDS, founded by Daniel Cheng, is an award winning digital agency based in Shanghai. We help brands from all over the world enter the Chinese market. We work with WeChat, Weibo, Xiaohongshu, Zhihu, Toutiao, TMall, JD, Taobao, and more.","breadcrumb":{"@id":"https://metricdesign.net/portfolios/duke-kunshan-university/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://metricdesign.net/portfolios/duke-kunshan-university/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://metricdesign.net/portfolios/duke-kunshan-university/#primaryimage","url":"https://metricdesign.net/wp-content/uploads/2017/09/duke-kunshan.jpg","contentUrl":"https://metricdesign.net/wp-content/uploads/2017/09/duke-kunshan.jpg","width":560,"height":532},{"@type":"BreadcrumbList","@id":"https://metricdesign.net/portfolios/duke-kunshan-university/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://metricdesign.net/"},{"@type":"ListItem","position":2,"name":"Portfolios","item":"https://metricdesign.net/portfolios/"},{"@type":"ListItem","position":3,"name":"Duke Kunshan University"}]},{"@type":"WebSite","@id":"https://metricdesign.net/#website","url":"https://metricdesign.net/","name":"Metric Design Studio (MDS)","description":"Top digital social media marketing agency in Shanghai, China","publisher":{"@id":"https://metricdesign.net/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://metricdesign.net/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://metricdesign.net/#organization","name":"Metric Design Studio (MDS)","url":"https://metricdesign.net/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://metricdesign.net/#/schema/logo/image/","url":"https://metricdesign.net/wp-content/uploads/2017/08/20161222_MDS_New-Logo-512x512-blue.png","contentUrl":"https://metricdesign.net/wp-content/uploads/2017/08/20161222_MDS_New-Logo-512x512-blue.png","width":513,"height":513,"caption":"Metric Design Studio (MDS)"},"image":{"@id":"https://metricdesign.net/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/metricdesignstudioshanghai","https://www.linkedin.com/company/10086851"]}]}</script>  <link rel='dns-prefetch' href='//cdn.jsdelivr.net' /> <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel="alternate" type="application/rss+xml" title="Metric Design Studio (MDS) » Feed" href="https://metricdesign.net/feed/" /> <link rel="alternate" type="application/rss+xml" title="Metric Design Studio (MDS) » Comments Feed" href="https://metricdesign.net/comments/feed/" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/14.0.0\/svg\/","svgExt":".svg","source":{"wpemoji":"https:\/\/metricdesign.net\/wp-includes\/js\/wp-emoji.js?ver=6.4.5","twemoji":"https:\/\/metricdesign.net\/wp-includes\/js\/twemoji.js?ver=6.4.5"}}; /** * @output wp-includes/js/wp-emoji-loader.js */ /** * Emoji Settings as exported in PHP via _print_emoji_detection_script(). * @typedef WPEmojiSettings * @type {object} * @property {?object} source * @property {?string} source.concatemoji * @property {?string} source.twemoji * @property {?string} source.wpemoji * @property {?boolean} DOMReady * @property {?Function} readyCallback */ /** * Support tests. * @typedef SupportTests * @type {object} * @property {?boolean} flag * @property {?boolean} emoji */ /** * IIFE to detect emoji support and load Twemoji if needed. * * @param {Window} window * @param {Document} document * @param {WPEmojiSettings} settings */ ( function wpEmojiLoader( window, document, settings ) { if ( typeof Promise === 'undefined' ) { return; } var sessionStorageKey = 'wpEmojiSettingsSupports'; var tests = [ 'flag', 'emoji' ]; /** * Checks whether the browser supports offloading to a Worker. * * @since 6.3.0 * * @private * * @returns {boolean} */ function supportsWorkerOffloading() { return ( typeof Worker !== 'undefined' && typeof OffscreenCanvas !== 'undefined' && typeof URL !== 'undefined' && URL.createObjectURL && typeof Blob !== 'undefined' ); } /** * @typedef SessionSupportTests * @type {object} * @property {number} timestamp * @property {SupportTests} supportTests */ /** * Get support tests from session. * * @since 6.3.0 * * @private * * @returns {?SupportTests} Support tests, or null if not set or older than 1 week. */ function getSessionSupportTests() { try { /** @type {SessionSupportTests} */ var item = JSON.parse( sessionStorage.getItem( sessionStorageKey ) ); if ( typeof item === 'object' && typeof item.timestamp === 'number' && new Date().valueOf() < item.timestamp + 604800 && // Note: Number is a week in seconds. typeof item.supportTests === 'object' ) { return item.supportTests; } } catch ( e ) {} return null; } /** * Persist the supports in session storage. * * @since 6.3.0 * * @private * * @param {SupportTests} supportTests Support tests. */ function setSessionSupportTests( supportTests ) { try { /** @type {SessionSupportTests} */ var item = { supportTests: supportTests, timestamp: new Date().valueOf() }; sessionStorage.setItem( sessionStorageKey, JSON.stringify( item ) ); } catch ( e ) {} } /** * Checks if two sets of Emoji characters render the same visually. * * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing * scope. Everything must be passed by parameters. * * @since 4.9.0 * * @private * * @param {CanvasRenderingContext2D} context 2D Context. * @param {string} set1 Set of Emoji to test. * @param {string} set2 Set of Emoji to test. * * @return {boolean} True if the two sets render the same. */ function emojiSetsRenderIdentically( context, set1, set2 ) { // Cleanup from previous test. context.clearRect( 0, 0, context.canvas.width, context.canvas.height ); context.fillText( set1, 0, 0 ); var rendered1 = new Uint32Array( context.getImageData( 0, 0, context.canvas.width, context.canvas.height ).data ); // Cleanup from previous test. context.clearRect( 0, 0, context.canvas.width, context.canvas.height ); context.fillText( set2, 0, 0 ); var rendered2 = new Uint32Array( context.getImageData( 0, 0, context.canvas.width, context.canvas.height ).data ); return rendered1.every( function ( rendered2Data, index ) { return rendered2Data === rendered2[ index ]; } ); } /** * Determines if the browser properly renders Emoji that Twemoji can supplement. * * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing * scope. Everything must be passed by parameters. * * @since 4.2.0 * * @private * * @param {CanvasRenderingContext2D} context 2D Context. * @param {string} type Whether to test for support of "flag" or "emoji". * @param {Function} emojiSetsRenderIdentically Reference to emojiSetsRenderIdentically function, needed due to minification. * * @return {boolean} True if the browser can render emoji, false if it cannot. */ function browserSupportsEmoji( context, type, emojiSetsRenderIdentically ) { var isIdentical; switch ( type ) { case 'flag': /* * Test for Transgender flag compatibility. Added in Unicode 13. * * To test for support, we try to render it, and compare the rendering to how it would look if * the browser doesn't render it correctly (white flag emoji + transgender symbol). */ isIdentical = emojiSetsRenderIdentically( context, '\uD83C\uDFF3\uFE0F\u200D\u26A7\uFE0F', // as a zero-width joiner sequence '\uD83C\uDFF3\uFE0F\u200B\u26A7\uFE0F' // separated by a zero-width space ); if ( isIdentical ) { return false; } /* * Test for UN flag compatibility. This is the least supported of the letter locale flags, * so gives us an easy test for full support. * * To test for support, we try to render it, and compare the rendering to how it would look if * the browser doesn't render it correctly ([U] + [N]). */ isIdentical = emojiSetsRenderIdentically( context, '\uD83C\uDDFA\uD83C\uDDF3', // as the sequence of two code points '\uD83C\uDDFA\u200B\uD83C\uDDF3' // as the two code points separated by a zero-width space ); if ( isIdentical ) { return false; } /* * Test for English flag compatibility. England is a country in the United Kingdom, it * does not have a two letter locale code but rather a five letter sub-division code. * * To test for support, we try to render it, and compare the rendering to how it would look if * the browser doesn't render it correctly (black flag emoji + [G] + [B] + [E] + [N] + [G]). */ isIdentical = emojiSetsRenderIdentically( context, // as the flag sequence '\uD83C\uDFF4\uDB40\uDC67\uDB40\uDC62\uDB40\uDC65\uDB40\uDC6E\uDB40\uDC67\uDB40\uDC7F', // with each code point separated by a zero-width space '\uD83C\uDFF4\u200B\uDB40\uDC67\u200B\uDB40\uDC62\u200B\uDB40\uDC65\u200B\uDB40\uDC6E\u200B\uDB40\uDC67\u200B\uDB40\uDC7F' ); return ! isIdentical; case 'emoji': /* * Why can't we be friends? Everyone can now shake hands in emoji, regardless of skin tone! * * To test for Emoji 14.0 support, try to render a new emoji: Handshake: Light Skin Tone, Dark Skin Tone. * * The Handshake: Light Skin Tone, Dark Skin Tone emoji is a ZWJ sequence combining 🫱 Rightwards Hand, * 🏻 Light Skin Tone, a Zero Width Joiner, 🫲 Leftwards Hand, and 🏿 Dark Skin Tone. * * 0x1FAF1 == Rightwards Hand * 0x1F3FB == Light Skin Tone * 0x200D == Zero-Width Joiner (ZWJ) that links the code points for the new emoji or * 0x200B == Zero-Width Space (ZWS) that is rendered for clients not supporting the new emoji. * 0x1FAF2 == Leftwards Hand * 0x1F3FF == Dark Skin Tone. * * When updating this test for future Emoji releases, ensure that individual emoji that make up the * sequence come from older emoji standards. */ isIdentical = emojiSetsRenderIdentically( context, '\uD83E\uDEF1\uD83C\uDFFB\u200D\uD83E\uDEF2\uD83C\uDFFF', // as the zero-width joiner sequence '\uD83E\uDEF1\uD83C\uDFFB\u200B\uD83E\uDEF2\uD83C\uDFFF' // separated by a zero-width space ); return ! isIdentical; } return false; } /** * Checks emoji support tests. * * This function may be serialized to run in a Worker. Therefore, it cannot refer to variables from the containing * scope. Everything must be passed by parameters. * * @since 6.3.0 * * @private * * @param {string[]} tests Tests. * @param {Function} browserSupportsEmoji Reference to browserSupportsEmoji function, needed due to minification. * @param {Function} emojiSetsRenderIdentically Reference to emojiSetsRenderIdentically function, needed due to minification. * * @return {SupportTests} Support tests. */ function testEmojiSupports( tests, browserSupportsEmoji, emojiSetsRenderIdentically ) { var canvas; if ( typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope ) { canvas = new OffscreenCanvas( 300, 150 ); // Dimensions are default for HTMLCanvasElement. } else { canvas = document.createElement( 'canvas' ); } var context = canvas.getContext( '2d', { willReadFrequently: true } ); /* * Chrome on OS X added native emoji rendering in M41. Unfortunately, * it doesn't work when the font is bolder than 500 weight. So, we * check for bold rendering support to avoid invisible emoji in Chrome. */ context.textBaseline = 'top'; context.font = '600 32px Arial'; var supports = {}; tests.forEach( function ( test ) { supports[ test ] = browserSupportsEmoji( context, test, emojiSetsRenderIdentically ); } ); return supports; } /** * Adds a script to the head of the document. * * @ignore * * @since 4.2.0 * * @param {string} src The url where the script is located. * * @return {void} */ function addScript( src ) { var script = document.createElement( 'script' ); script.src = src; script.defer = true; document.head.appendChild( script ); } settings.supports = { everything: true, everythingExceptFlag: true }; // Create a promise for DOMContentLoaded since the worker logic may finish after the event has fired. var domReadyPromise = new Promise( function ( resolve ) { document.addEventListener( 'DOMContentLoaded', resolve, { once: true } ); } ); // Obtain the emoji support from the browser, asynchronously when possible. new Promise( function ( resolve ) { var supportTests = getSessionSupportTests(); if ( supportTests ) { resolve( supportTests ); return; } if ( supportsWorkerOffloading() ) { try { // Note that the functions are being passed as arguments due to minification. var workerScript = 'postMessage(' + testEmojiSupports.toString() + '(' + [ JSON.stringify( tests ), browserSupportsEmoji.toString(), emojiSetsRenderIdentically.toString() ].join( ',' ) + '));'; var blob = new Blob( [ workerScript ], { type: 'text/javascript' } ); var worker = new Worker( URL.createObjectURL( blob ), { name: 'wpTestEmojiSupports' } ); worker.onmessage = function ( event ) { supportTests = event.data; setSessionSupportTests( supportTests ); worker.terminate(); resolve( supportTests ); }; return; } catch ( e ) {} } supportTests = testEmojiSupports( tests, browserSupportsEmoji, emojiSetsRenderIdentically ); setSessionSupportTests( supportTests ); resolve( supportTests ); } ) // Once the browser emoji support has been obtained from the session, finalize the settings. .then( function ( supportTests ) { /* * Tests the browser support for flag emojis and other emojis, and adjusts the * support settings accordingly. */ for ( var test in supportTests ) { settings.supports[ test ] = supportTests[ test ]; settings.supports.everything = settings.supports.everything && settings.supports[ test ]; if ( 'flag' !== test ) { settings.supports.everythingExceptFlag = settings.supports.everythingExceptFlag && settings.supports[ test ]; } } settings.supports.everythingExceptFlag = settings.supports.everythingExceptFlag && ! settings.supports.flag; // Sets DOMReady to false and assigns a ready function to settings. settings.DOMReady = false; settings.readyCallback = function () { settings.DOMReady = true; }; } ) .then( function () { return domReadyPromise; } ) .then( function () { // When the browser can not render everything we need to load a polyfill. if ( ! settings.supports.everything ) { settings.readyCallback(); var src = settings.source || {}; if ( src.concatemoji ) { addScript( src.concatemoji ); } else if ( src.wpemoji && src.twemoji ) { addScript( src.twemoji ); addScript( src.wpemoji ); } } } ); } )( window, document, window._wpemojiSettings ); /* ]]> */ </script> <style> #wp-admin-bar-layers-edit-layout .ab-icon:before{ font-family: "layers-interface" !important; content: "\e62f" !important; font-size: 16px !important; } </style> <link rel='stylesheet' id='formidable-css' href='https://metricdesign.net/wp-content/plugins/formidable/css/formidableforms.css?ver=422630' type='text/css' media='all' /> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://metricdesign.net/wp-includes/css/dist/block-library/style.css?ver=6.4.5' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /** * These rules are needed for backwards compatibility. * They should match the button element rules in the base theme.json file. */ .wp-block-button__link { color: #ffffff; background-color: #32373c; border-radius: 9999px; /* 100% causes an oval, but any explicit but really high value retains the pill shape. */ /* This needs a low specificity so it won't override the rules from the button element if defined in theme.json. */ box-shadow: none; text-decoration: none; /* The extra 2px are added to size solids the same as the outline versions.*/ padding: calc(0.667em + 2px) calc(1.333em + 2px); font-size: 1.125em; } .wp-block-file__button { background: #32373c; color: #ffffff; text-decoration: none; } </style> <style id='global-styles-inline-css' type='text/css'> body{--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%);--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-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}body .is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}body .is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}body .is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}body .is-layout-flex{flex-wrap: wrap;align-items: center;}body .is-layout-flex > *{margin: 0;}body .is-layout-grid{display: grid;}body .is-layout-grid > *{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;}.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;} .wp-block-navigation a:where(:not(.wp-element-button)){color: inherit;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} .wp-block-pullquote{font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='cookie-notice-front-css' href='https://metricdesign.net/wp-content/plugins/cookie-notice/css/front.css?ver=2.4.16' type='text/css' media='all' /> <link rel='stylesheet' id='layers-app-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/app.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-style-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/style.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-responsive-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/responsive.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-fontello-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/fontello.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-font-awesome-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/font-awesome.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-nevis-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/nevis.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-slick-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/slick.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-slick-theme-css' href='https://metricdesign.net/wp-content/themes/creative/assets/css/slick-theme.css?ver=1.1.3' type='text/css' media='all' /> <link rel='stylesheet' id='layers-google-fonts-css' href='https://fonts.googleapis.com/css?family=Raleway%3A400%2C700%2C300&ver=1.1.3' type='text/css' media='all' /> <script type="text/javascript" id="cookie-notice-front-js-before"> /* <![CDATA[ */ var cnArgs = {"ajaxUrl":"https:\/\/metricdesign.net\/wp-admin\/admin-ajax.php","nonce":"32d117125a","hideEffect":"fade","position":"bottom","onScroll":false,"onScrollOffset":100,"onClick":false,"cookieName":"cookie_notice_accepted","cookieTime":2592000,"cookieTimeRejected":2592000,"globalCookie":false,"redirection":false,"cache":false,"revokeCookies":false,"revokeCookiesOpt":"automatic"}; /* ]]> */ </script> <script type="text/javascript" src="https://metricdesign.net/wp-content/plugins/cookie-notice/js/front.js?ver=2.4.16" id="cookie-notice-front-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-includes/js/jquery/jquery.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-includes/js/jquery/jquery-migrate.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/bower_components/modernizr/modernizr.js?ver=6.4.5" id="layers-modernizr.js-js"></script> <link rel="https://api.w.org/" href="https://metricdesign.net/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://metricdesign.net/xmlrpc.php?rsd" /> <link rel='shortlink' href='https://metricdesign.net/?p=1105' /> <link rel="alternate" type="application/json+oembed" href="https://metricdesign.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmetricdesign.net%2Fportfolios%2Fduke-kunshan-university%2F" /> <link rel="alternate" type="text/xml+oembed" href="https://metricdesign.net/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmetricdesign.net%2Fportfolios%2Fduke-kunshan-university%2F&format=xml" /> <script type="text/javascript">document.documentElement.className += " js";</script> <script type="text/javascript"> var ajaxurl = 'https://metricdesign.net/wp-admin/admin-ajax.php'; var templateurl = 'https://metricdesign.net/wp-content/themes/creative'; var postsCount = 146; </script> <link rel="icon" href="https://metricdesign.net/wp-content/uploads/2017/06/cropped-favicon-32x32.png" sizes="32x32" /> <link rel="icon" href="https://metricdesign.net/wp-content/uploads/2017/06/cropped-favicon-192x192.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://metricdesign.net/wp-content/uploads/2017/06/cropped-favicon-180x180.png" /> <meta name="msapplication-TileImage" content="https://metricdesign.net/wp-content/uploads/2017/06/cropped-favicon-270x270.png" /> <style type="text/css" id="wp-custom-css"> /* You can add your own CSS here. Click the help icon above to learn more. */ .no-hand { color: #999999; cursor: default; } textarea.other-needs { display: none; height: 0 !important; transition: ease-in-out 600ms; } input[name="others-field"] { display: none; } input.others-field:checked ~ .other-needs {display: block !important;height: 11rem !important;} #custom_html-7 img { cursor: default; transition: ease 800ms; } #custom_html-7 img:hover { filter: grayscale(100%); } .letter-overlay { opacity: 0; } .icon-text-diamond .content i { color: white; } #about .top img { background-image: url(https://metricdesign.net/wp-content/uploads/2019/11/About_GIF_190908_notext.gif); background-position: left bottom; background-size: contain; background-repeat: no-repeat; } h2.bottom img, h2.top img { position: unset; bottom: 0; } .archive.category .wp-die-message { display: none; } /** LIGHTBOX MARKUP **/ .lightbox { /** Default lightbox to hidden */ display: none; /** Position and style */ position: fixed; z-index: 999; width: 100%; height: 100%; text-align: center; top: 0; left: 0; background: rgba(0,0,0,0.8); } .lightbox img { /** Pad the lightbox image */ max-width: 90%; max-height: 80%; margin-top: 2%; } .lightbox:target { /** Remove default browser outline */ outline: none; /** Unhide lightbox **/ display: flex; align-items: center; } .member-bio { width: 80%; max-width: 720px; margin: auto; padding: 32px; background: #143E69; color: white; text-align: left; max-height: 85vh; overflow-x: scroll; } .member-name { color: white; } .furryFriends .member{ width:200px; } .furryFriends img{ width:200px;height:200px; } .flex{ display:flex; justify-content:center; align-items:center; } .flex:before, .flex:after{ content:none; } .leftAward{ width:28%; } .rightAwards{ width:70%; } .awards3{ display:flex; } #partners a { display:inline-block; margin:10px 0; } .featuredOn img{ margin:10px 0; } #bloomberg{ width:80%; height:auto; margin:auto; } .main-services .row{ margin:0 auto; } .main-services .icon-text{ border:1px solid #f0f0f0; border-bottom:none; } .main-services{ border:1px solid #f0f0f0; } .main-services .row:last-child .columns:last-child .icon-text{ padding:80px 60px 30px 60px } .dot-separator::before{ font-size:50px !important; } /* BOTTOM CONTACT SECTION */ .row.contact-footer-row { display: flex; justify-content: stretch; flex-direction: row } p.footer-copyright { font-size: 12px; position: absolute; bottom: 0; } .contact-details { position: relative; height: 100% } i.fa.fa-skype::before {content: "\f1d7";} @media(max-width: 40.0624em) { #about{ overflow-x:hidden; } .commitment p, .main-services p{ font-size: 12px !important; } .row.contact-footer-row { flex-direction: column; } .flex{ flex-direction:column; } .leftAward{ width:55%; margin-bottom:15px; } .rightAwards{ width:100%; } .awards3 a{ width:33%; margin:auto; } #yahoofinancelogo{ width:70%; } .single-portfolio div{ display:block !important; } .contact-footer-row .large-4.columns {margin-top: 50px;} p.footer-copyright { position: relative; margin-top: 20px; }} #cookie-notice .cn-button { padding: 8px 16px; font-size: 0.8rem; } </style>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-E6K6F6DVF7"> </script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-E6K6F6DVF7'); </script>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-N6NN8K39');</script>   <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window,document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '869380660527792'); fbq('track', 'PageView'); </script> <noscript> <img height="1" width="1" src="https://www.facebook.com/tr?id=869380660527792&ev=PageView &noscript=1"/> </noscript>  </head> <body data-rsssl=1 class="portfolio-template-default single single-portfolio postid-1105 wp-custom-logo cookies-not-set has-site-logo">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N6NN8K39" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class="full single"> <div class='row'> <div class='large-12 columns'> <div class='nav-wrapper'> <a href="https://metricdesign.net#work-section" class='close'> × </a> <ul class='nav'> <li> <a href="https://metricdesign.net/portfolios/sinocare/" title="previous"> <i class='fa fa-angle-left'></i> </a> </li> <li> <a href="https://metricdesign.net/portfolios/jll/" title="next"> <i class='fa fa-angle-right'></i> </a> </li> </ul> </div> </div> </div> <div class="two spacing"></div> <div class='row'> <div class='large-12 columns'> </div> </div> <div class='row'> <div class='large-12 columns'> <div class="spacing"></div> <div class="section-header alt"> <h3>Duke Kunshan University</h3> </div> <h4 style="text-align: center;"><a href="https://metricdesign.net/wp-content/uploads/2017/09/dukepage-1.jpg"><img fetchpriority="high" decoding="async" class="aligncenter wp-image-1797 size-full" src="https://metricdesign.net/wp-content/uploads/2017/09/dukepage-1.jpg" alt="" width="1379" height="801" srcset="https://metricdesign.net/wp-content/uploads/2017/09/dukepage-1.jpg 1379w, https://metricdesign.net/wp-content/uploads/2017/09/dukepage-1-300x174.jpg 300w, https://metricdesign.net/wp-content/uploads/2017/09/dukepage-1-768x446.jpg 768w, https://metricdesign.net/wp-content/uploads/2017/09/dukepage-1-1024x595.jpg 1024w" sizes="(max-width: 1379px) 100vw, 1379px" /></a></h4> <p> </p> <div style="display: flex; gap: 10%; width: 85%; margin: auto;"> <div class="left" style="flex: 40%;"> <div> <p><strong>LOCATION 地点</strong></p> <p>Shanghai, China</p> </div> <div> <p><strong>DELIVERABLES 交付服务</strong></p> <p>Digital Strategy 数字化策略<br /> Web Design 网页设计<br /> Web Development 网页开发</p> </div> </div> <div class="right" style="flex: 40%;"> <p><strong>THE STORY 品牌故事</strong></p> <p>Duke Kunshan University was jointly founded by Duke University and Wuhan University to create liberal arts and academic research programs targeting students throughout the world.</p> <p>昆山杜克大学是由美国杜克大学与中国武汉大学合作创办的的文理研究型大学，为全世界的学生提供学术项目。</p> </div> </div> <hr class="dot-separator wp-block-separator has-text-color is-style-dots flex" /> <p> </p> <div style="display: flex; gap: 10%; width: 85%; margin: auto;"> <div class="left" style="flex: 40%;"> <p><strong>CHALLENGES 面临的挑战</strong></p> <p>MDS helped Duke Kunshan University with designing and developing their official website in both Chinese and English.</p> <p>MDS 为杜克昆山大学设计建立了他们的中英文官方网站。</p> </div> <div class="right" style="flex: 40%;"> <p><strong>OUR SOLUTION 我们的解决方案</strong></p> <div> <p><strong style="color: gray;"><strong>PLATFORM 平台</strong></strong></p> <p>Using the primary colors of Duke Kunshan’s logo, dark blue and green, MDS designed and developed a website that showcased the unique undergraduate academic programs the university has to offer.</p> <p>根据昆山杜克大学的 logo，深蓝色与绿色，我们为他们设计并建立了网站来介绍展示他们特殊的本科学术项目。</p> <p> </p> </div> </div> </div> <div><a href="https://metricdesign.net/wp-content/uploads/2017/09/visualtour.png"><img decoding="async" class="aligncenter wp-image-1801 size-full" src="https://metricdesign.net/wp-content/uploads/2017/09/visualtour.png" alt="" width="1806" height="800" srcset="https://metricdesign.net/wp-content/uploads/2017/09/visualtour.png 1806w, https://metricdesign.net/wp-content/uploads/2017/09/visualtour-300x133.png 300w, https://metricdesign.net/wp-content/uploads/2017/09/visualtour-768x340.png 768w, https://metricdesign.net/wp-content/uploads/2017/09/visualtour-1024x454.png 1024w" sizes="(max-width: 1806px) 100vw, 1806px" /></a></div> <p> </p> <div style="display: flex; gap: 2%;"> <div><a href="https://metricdesign.net/wp-content/uploads/2017/09/DKS.png"><img decoding="async" class="wp-image-1802 aligncenter" src="https://metricdesign.net/wp-content/uploads/2017/09/DKS.png" alt="" width="875" height="511" srcset="https://metricdesign.net/wp-content/uploads/2017/09/DKS.png 1371w, https://metricdesign.net/wp-content/uploads/2017/09/DKS-300x175.png 300w, https://metricdesign.net/wp-content/uploads/2017/09/DKS-768x448.png 768w, https://metricdesign.net/wp-content/uploads/2017/09/DKS-1024x598.png 1024w" sizes="(max-width: 875px) 100vw, 875px" /></a></div> <div><a href="https://metricdesign.net/wp-content/uploads/2017/09/xysh.png"><img loading="lazy" decoding="async" class="wp-image-1803 aligncenter" src="https://metricdesign.net/wp-content/uploads/2017/09/xysh.png" alt="" width="875" height="507" srcset="https://metricdesign.net/wp-content/uploads/2017/09/xysh.png 1381w, https://metricdesign.net/wp-content/uploads/2017/09/xysh-300x174.png 300w, https://metricdesign.net/wp-content/uploads/2017/09/xysh-768x445.png 768w, https://metricdesign.net/wp-content/uploads/2017/09/xysh-1024x593.png 1024w" sizes="(max-width: 875px) 100vw, 875px" /></a></div> </div> <p> </p> <div>Photo Credits to: Duke Kunshan University<br /> 图片版权归属：昆山杜克大学</div> <p> </p> <div> <p><strong>RESULTS 展示成果</strong></p> <p>MDS created a portal for the school to showcase their academic programs to potential students and related stakeholders.</p> <p>建立了一个能够有效地让学校向潜在学生和相关股东展示学术项目的网站。</p> </div> <p> </p> <div class="spacing"></div> <ul class='info'> </ul> <div class='two spacing'></div> <div class='spacing'></div> </div> </div> </div> <div class="four spacing"></div> <div class="two spacing"></div> <script type='text/javascript' src='https://metricdesign.net/wp-content/uploads/winp-css-js/3529.js?ver=1616493088'></script> <style type="text/css"> #wp-admin-bar-themes { display: block !important; } #wp-admin-bar-customize-themes { display: none; } </style> <style id='core-block-supports-inline-css' type='text/css'> /** * Core styles: block-supports */ </style> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/bower_components/foundation/js/foundation.min.js?ver=1.1.3" id="layers-foundation.js-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/js/slick.min.js?ver=1.1.3" id="layers-slick.min.js-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/js/masonry.pkgd.js?ver=1.1.3" id="layers-masonry.pkgd.js-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/js/imagesloaded.pkgd.min.js?ver=1.1.3" id="layers-imagesloaded.pkgd.min.js-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/js/jquery.appear.js?ver=1.1.3" id="layers-jquery.appear.js-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/js/jquery.validate.js?ver=1.1.3" id="layers-jquery.validate.js-js"></script> <script type="text/javascript" src="https://metricdesign.net/wp-content/themes/creative/assets/js/app.js?ver=1.1.3" id="layers-app.js-js"></script> <script type="text/javascript" id="wp_slimstat-js-extra"> /* <![CDATA[ */ var SlimStatParams = {"ajaxurl":"https:\/\/metricdesign.net\/wp-admin\/admin-ajax.php","baseurl":"\/","dnt":"noslimstat,ab-item","ci":"YTo0OntzOjEyOiJjb250ZW50X3R5cGUiO3M6MTM6ImNwdDpwb3J0Zm9saW8iO3M6ODoiY2F0ZWdvcnkiO3M6MTA6IjE0LDM2LDQsMTEiO3M6MTA6ImNvbnRlbnRfaWQiO2k6MTEwNTtzOjY6ImF1dGhvciI7czo3OiJtZXRyaWNzIjt9.6cc45b61321d1f13f6a294b472975fb9"}; /* ]]> */ </script> <script defer type="text/javascript" src="https://cdn.jsdelivr.net/wp/wp-slimstat/tags/5.1.5/wp-slimstat.min.js" id="wp_slimstat-js"></script>  <div id="cookie-notice" role="dialog" class="cookie-notice-hidden cookie-revoke-hidden cn-position-bottom" aria-label="Cookie Notice" style="background-color: rgba(50,50,58,1);"><div class="cookie-notice-container" style="color: #fff"><span id="cn-notice-text" class="cn-text-container">We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it. Please view our Terms of Use & Privacy Policy.</span><span id="cn-notice-buttons" class="cn-buttons-container"><a href="#" id="cn-accept-cookie" data-cookie-set="accept" class="cn-set-cookie cn-button cn-button-custom button" aria-label="Thanks! 谢谢">Thanks! 谢谢</a><a href="https://metricdesign.net/terms-of-use-privacy-policy/" target="_blank" id="cn-more-info" class="cn-more-info cn-button cn-button-custom button" aria-label="Privacy Policy">Privacy Policy</a></span><span id="cn-close-notice" data-cookie-set="accept" class="cn-close-icon" title="No"></span></div> </div>  </body> </html>