1<!doctype html> 2<html 3 class="no-js" 4 data-scheme="light" 5 lang="en" 6 dir="ltr" 7> 8 <head> 9 <meta charset="utf-8"> 10 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 11 <meta name="viewport" content="width=device-width,initial-scale=1"> 12 <meta name="theme-color" content=""> 13 <link rel="canonical" href="https://spinfans.com.sg/blogs/projects"> 14 <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> 15 16 <style data-shopify> 17 html, body { 18 scrollbar-gutter: stable; 19 } 20 </style> 21<link 22 rel="icon" 23 type="image/png" 24 href="//spinfans.com.sg/cdn/shop/files/Favicon_c3737c4e-1de8-4a2c-ad9d-840e3cbe3877_32x32.png?v=1785490727" 25 ><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title>Projects</title> 26 27 28 29 30 31<meta property="og:site_name" content="SPIN Pte Ltd"> 32<meta property="og:url" content="https://spinfans.com.sg/blogs/projects"> 33<meta property="og:title" content="Projects"> 34<meta property="og:type" content="website"> 35<meta property="og:description" content="Founded in 2014, SPIN emerged from a singular purpose: designing sculptural fans for the modern home. From the very beginning, we set out to reinterpret the ceiling fan as an essential design element rather than a background appliance, elevating both interior spaces and daily living experiences. "><meta property="og:image" content="http://spinfans.com.sg/cdn/shop/files/Screenshot_2025-12-22_at_6.29.58_PM_2.png?v=1785566269"> 36 <meta property="og:image:secure_url" content="https://spinfans.com.sg/cdn/shop/files/Screenshot_2025-12-22_at_6.29.58_PM_2.png?v=1785566269"> 37 <meta property="og:image:width" content="1200"> 38 <meta property="og:image:height" content="628"><meta name="twitter:card" content="summary_large_image"> 39<meta name="twitter:title" content="Projects"> 40<meta name="twitter:description" content="Founded in 2014, SPIN emerged from a singular purpose: designing sculptural fans for the modern home. From the very beginning, we set out to reinterpret the ceiling fan as an essential design element rather than a background appliance, elevating both interior spaces and daily living experiences. "> 41 42 43
43<script src="//spinfans.com.sg/cdn/shop/t/2/assets/constants.js?v=57430444635880596041773639295" defer="defer"></script>
43 44
44<script src="//spinfans.com.sg/cdn/shop/t/2/assets/pubsub.js?v=2921868252632587581773639295" defer="defer"></script>
44 45
45<script src="//spinfans.com.sg/cdn/shop/t/2/assets/global.js?v=145106814144868139061773639295" defer="defer"></script>
45 46 47
47<script src="//spinfans.com.sg/cdn/shop/t/2/assets/quick-add.js?v=180406215023960895951773639295" defer="defer"></script>
47 48
48<script src="//spinfans.com.sg/cdn/shop/t/2/assets/product-form.js?v=49365074201186506051773639295" defer="defer"></script>
48 49 50
50<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
50<meta name="google-site-verification" content="OcQOyg516yPIFkFdDeOtd3pc4NeGgJPX0r_8FJa4SLA"> 51<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/95549358367/digital_wallets/dialog"> 52<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/blogs/projects.atom" /> 53<link rel="next" href="/blogs/projects?page=2">
54<script async="async" src="/checkouts/internal/preloads.js?locale=en-SG"></script>
54 55<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
56<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-SG&shop_id=95549358367" crossorigin="anonymous"></script>
vendor: 1 bytes, line 56
56
57<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":95549358367,"countryCode":"SG","currencyCode":"SGD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/95549358367","merchantName":"SPIN Pte Ltd","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex"],"total":{"type":"pending","label":"SPIN Pte Ltd","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 57
57
58<script id="shopify-features" type="application/json">{"accessToken":"33e7fa7b79927607033407ca86e0eadd","betas":["rich-media-storefront-analytics"],"domain":"spinfans.com.sg","predictiveSearch":true,"shopId":95549358367,"locale":"en"}</script>
vendor: 1 bytes, line 58
58
59<script>var Shopify = Shopify || {}; 60Shopify.shop = "spin-fans-2026.myshopify.com"; 61Shopify.locale = "en"; 62Shopify.currency = {"active":"SGD","rate":"1.0"}; 63Shopify.country = "SG"; 64Shopify.theme = {"name":"Outsiders","id":181384085791,"schema_name":"Outsiders","schema_version":"1.2.0","theme_store_id":2896,"role":"main"}; 65Shopify.theme.handle = "null"; 66Shopify.theme.style = {"id":null,"handle":null}; 67Shopify.cdnHost = "spinfans.com.sg/cdn"; 68Shopify.routes = Shopify.routes || {}; 69Shopify.routes.root = "/"; 70Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 71Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 72Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 73Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 73
73
74<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 74
74
75<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 75
75
76<script> 77 window.ShopifyPay = window.ShopifyPay || {}; 78 window.ShopifyPay.apiHost = "shop.app\/pay"; 79 window.ShopifyPay.redirectState = null; 80</script>
vendor: 1 bytes, line 80
80
81<script> 82 window.Shopify = window.Shopify || {}; 83 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 84 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 85 window.Shopify.SignInWithShop.eligible = true; 86</script>
vendor: 1 bytes, line 86
86
87<script id="shop-js-analytics" type="application/json">{"pageType":"blog"}</script>
vendor: 1 bytes, line 87
87
88<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 88
88
89<script type="module"> 90 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 91 92 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 93 94</script>
vendor: 1 bytes, line 94
94
95<script> 96 window.Shopify = window.Shopify || {}; 97 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 98 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 99</script>
vendor: 1 bytes, line 99
99
100<script id="__st">var __st={"a":95549358367,"offset":28800,"reqid":"31664357-0b8e-40cc-abd8-55434535d113-1791134415","pageurl":"spinfans.com.sg\/blogs\/projects","s":"blogs-119473864991","u":"2780acde164a","p":"blog","rtyp":"blog","rid":119473864991};</script>
vendor: 1 bytes, line 100
100
101<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 101
101
102<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 102
102
103<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//spinfans.com.sg/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 103
103
104<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//spinfans.com.sg/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
104<script crossorigin="anonymous" defer="defer" src="//spinfans.com.sg/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 104
104
105<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 105
105
106<script> 107 window.Shopify = window.Shopify || {}; 108 window.Shopify.MCP = window.Shopify.MCP || {}; 109 window.Shopify.MCP.enabled = true; 110 window.Shopify.MCP.shop = "spin-fans-2026.myshopify.com"; 111 window.Shopify.MCP.mcpEndpoint = "https:\/\/spinfans.com.sg\/api\/mcp"; 112 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 113</script>
vendor: 1 bytes, line 113
113
114<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/spinfans.com.sg\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 115</script>
vendor: 1 bytes, line 115
115
116<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://spinfans.com.sg/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 117</script>
vendor: 1 bytes, line 117
117
118<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 119 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 120</script>
vendor: 1 bytes, line 120
120
121<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 122</script>
122 123<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://spinfans.com.sg/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 124<style id="shopify-accelerated-checkout-cart"> 125 #shopify-buyer-consent { 126 margin-top: 1em; 127 display: inline-block; 128 width: 100%; 129} 130 131#shopify-buyer-consent.hidden { 132 display: none; 133} 134 135#shopify-subscription-policy-button { 136 background: none; 137 border: none; 138 padding: 0; 139 text-decoration: underline; 140 font-size: inherit; 141 cursor: pointer; 142} 143 144#shopify-subscription-policy-button::before { 145 box-shadow: none; 146} 147 148 </style>
149<script id="sections-script" data-sections="header,footer" defer="defer" src="//spinfans.com.sg/cdn/shop/t/2/compiled_assets/scripts.js?v=116010768735976792431773639312"></script>
vendor: 1 bytes, line 149
149
150<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
150 151 152 153 154<style data-shopify> 155 @font-face { 156 font-family: Lato; 157 font-weight: 400; 158 font-style: normal; 159 font-display: swap; 160 src: url("//spinfans.com.sg/cdn/fonts/lato/lato_n4.c3b93d431f0091c8be23185e15c9d1fee1e971c5.woff2") format("woff2"), 161 url("//spinfans.com.sg/cdn/fonts/lato/lato_n4.d5c00c781efb195594fd2fd4ad04f7882949e327.woff") format("woff"); 162} 163 164 @font-face { 165 font-family: Besley; 166 font-weight: 400; 167 font-style: normal; 168 font-display: swap; 169 src: url("//spinfans.com.sg/cdn/fonts/besley/besley_n4.63b3ba79124e9efd5f425a6785cb953541abbde0.woff2") format("woff2"), 170 url("//spinfans.com.sg/cdn/fonts/besley/besley_n4.a92dcaabaec414e1c5313cc53a6aa59c07f32993.woff") format("woff"); 171} 172 173 @font-face { 174 font-family: Lato; 175 font-weight: 400; 176 font-style: normal; 177 font-display: swap; 178 src: url("//spinfans.com.sg/cdn/fonts/lato/lato_n4.c3b93d431f0091c8be23185e15c9d1fee1e971c5.woff2") format("woff2"), 179 url("//spinfans.com.sg/cdn/fonts/lato/lato_n4.d5c00c781efb195594fd2fd4ad04f7882949e327.woff") format("woff"); 180} 181 182 @font-face { 183 font-family: Besley; 184 font-weight: 400; 185 font-style: normal; 186 font-display: swap; 187 src: url("//spinfans.com.sg/cdn/fonts/besley/besley_n4.63b3ba79124e9efd5f425a6785cb953541abbde0.woff2") format("woff2"), 188 url("//spinfans.com.sg/cdn/fonts/besley/besley_n4.a92dcaabaec414e1c5313cc53a6aa59c07f32993.woff") format("woff"); 189} 190 191 @font-face { 192 font-family: Lato; 193 font-weight: 300; 194 font-style: normal; 195 font-display: swap; 196 src: url("//spinfans.com.sg/cdn/fonts/lato/lato_n3.a7080ececf6191f1dd5b0cb021691ca9b855c876.woff2") format("woff2"), 197 url("//spinfans.com.sg/cdn/fonts/lato/lato_n3.61e34b2ff7341f66543eb08e8c47eef9e1cde558.woff") format("woff"); 198} 199 200 @font-face { 201 font-family: Lato; 202 font-weight: 400; 203 font-style: normal; 204 font-display: swap; 205 src: url("//spinfans.com.sg/cdn/fonts/lato/lato_n4.c3b93d431f0091c8be23185e15c9d1fee1e971c5.woff2") format("woff2"), 206 url("//spinfans.com.sg/cdn/fonts/lato/lato_n4.d5c00c781efb195594fd2fd4ad04f7882949e327.woff") format("woff"); 207} 208 209 @font-face { 210 font-family: Lato; 211 font-weight: 500; 212 font-style: normal; 213 font-display: swap; 214 src: url("//spinfans.com.sg/cdn/fonts/lato/lato_n5.b2fec044fbe05725e71d90882e5f3b21dae2efbd.woff2") format("woff2"), 215 url("//spinfans.com.sg/cdn/fonts/lato/lato_n5.f25a9a5c73ff9372e69074488f99e8ac702b5447.woff") format("woff"); 216} 217 218 @font-face { 219 font-family: Lato; 220 font-weight: 700; 221 font-style: normal; 222 font-display: swap; 223 src: url("//spinfans.com.sg/cdn/fonts/lato/lato_n7.900f219bc7337bc57a7a2151983f0a4a4d9d5dcf.woff2") format("woff2"), 224 url("//spinfans.com.sg/cdn/fonts/lato/lato_n7.a55c60751adcc35be7c4f8a0313f9698598612ee.woff") format("woff"); 225} 226 227 @font-face { 228 font-family: Besley; 229 font-weight: 700; 230 font-style: normal; 231 font-display: swap; 232 src: url("//spinfans.com.sg/cdn/fonts/besley/besley_n7.3b530357b83dc2b56556feb4b0101ab81dda4624.woff2") format("woff2"), 233 url("//spinfans.com.sg/cdn/fonts/besley/besley_n7.c5242a2cd120e7fea0b142c04fb32e32ff995154.woff") format("woff"); 234} 235 236 @font-face { 237 font-family: Lato; 238 font-weight: 400; 239 font-style: italic; 240 font-display: swap; 241 src: url("//spinfans.com.sg/cdn/fonts/lato/lato_i4.09c847adc47c2fefc3368f2e241a3712168bc4b6.woff2") format("woff2"), 242 url("//spinfans.com.sg/cdn/fonts/lato/lato_i4.3c7d9eb6c1b0a2bf62d892c3ee4582b016d0f30c.woff") format("woff"); 243} 244 245 @font-face { 246 font-family: Besley; 247 font-weight: 400; 248 font-style: italic; 249 font-display: swap; 250 src: url("//spinfans.com.sg/cdn/fonts/besley/besley_i4.af947f4f8e9e2232646d99172ab5d00ff1bdb3c9.woff2") format("woff2"), 251 url("//spinfans.com.sg/cdn/fonts/besley/besley_i4.55e84fae3546fc5440a785b358265207b06377c0.woff") format("woff"); 252} 253 254 @font-face { 255 font-family: Lato; 256 font-weight: 700; 257 font-style: italic; 258 font-display: swap; 259 src: url("//spinfans.com.sg/cdn/fonts/lato/lato_i7.16ba75868b37083a879b8dd9f2be44e067dfbf92.woff2") format("woff2"), 260 url("//spinfans.com.sg/cdn/fonts/lato/lato_i7.4c07c2b3b7e64ab516aa2f2081d2bb0366b9dce8.woff") format("woff"); 261} 262 263 @font-face { 264 font-family: Besley; 265 font-weight: 900; 266 font-style: normal; 267 font-display: swap; 268 src: url("//spinfans.com.sg/cdn/fonts/besley/besley_n9.92370a0955519bd76cef634fb2f1d569b0382441.woff2") format("woff2"), 269 url("//spinfans.com.sg/cdn/fonts/besley/besley_n9.2d123da419ed04b104abdfed633ab7de98be492a.woff") format("woff"); 270} 271 272 273 274 :root, 275 [data-scheme=light] .color-background-1 { 276 --color-background: 255,255,255; 277--color-background-secondary: 255,255,255; 278 279 --gradient-background: #ffffff; 280 281--color-foreground: 0, 0, 0; 282--color-foreground-secondary: 0, 0, 0; 283--color-foreground-title: 0, 0, 0; 284--menu-shadow-color: var(--color-foreground); 285--color-button-text: 255, 255, 255; 286--color-button-text-hover: 255, 255, 255; 287--color-button: 77, 63, 59; 288--color-button-hover: 77, 63, 59; 289 290--color-button-secondary: 255, 255, 255; 291--color-button-secondary-hover: 255, 255, 255; 292--color-button-secondary-text: 77, 63, 59; 293--color-button-secondary-text-hover: 77, 63, 59; 294 295--color-button-tertiary-text: 77, 63, 59; 296--color-button-tertiary-text-hover: 77, 63, 59; 297 298--color-overlay: 255, 255, 255; 299--color-border-input: 0, 0, 0; 300--color-border-input-hover: 0, 0, 0; 301--color-background-input: 255, 255, 255; 302--color-background-input-hover: 255, 255, 255; 303--color-border: 77, 63, 59; 304--color-accent: 77, 63, 59; 305--color-emphasis: 77, 63, 59; 306 307--color-badge-background: 77, 63, 59; 308--color-badge-text: 255, 255, 255; 309 310--color-badge-sale-background: 6, 6, 6; 311--color-badge-sale-text: 253, 253, 253; 312--color-badge-soldout-background: 6, 6, 6; 313--color-badge-soldout-text: 204, 204, 204; 314--color-badge-custom-background: 253, 253, 253; 315--color-badge-custom-text: 6, 6, 6; 316 317--color-pagination-text: 6, 6, 6; 318--color-pagination-background: 245, 245, 245; 319--color-pagination-border: 240, 240, 240; 320--color-pagination-active-text: 253, 253, 253; 321--color-pagination-active-background: 6, 6, 6; 322--color-pagination-active-border: 6, 6, 6; 323 } 324 @media (prefers-color-scheme: light) { 325 :root, 326 [data-scheme=auto] .color-background-1 { 327 --color-background: 255,255,255; 328--color-background-secondary: 255,255,255; 329 330 --gradient-background: #ffffff; 331 332--color-foreground: 0, 0, 0; 333--color-foreground-secondary: 0, 0, 0; 334--color-foreground-title: 0, 0, 0; 335--menu-shadow-color: var(--color-foreground); 336--color-button-text: 255, 255, 255; 337--color-button-text-hover: 255, 255, 255; 338--color-button: 77, 63, 59; 339--color-button-hover: 77, 63, 59; 340 341--color-button-secondary: 255, 255, 255; 342--color-button-secondary-hover: 255, 255, 255; 343--color-button-secondary-text: 77, 63, 59; 344--color-button-secondary-text-hover: 77, 63, 59; 345 346--color-button-tertiary-text: 77, 63, 59; 347--color-button-tertiary-text-hover: 77, 63, 59; 348 349--color-overlay: 255, 255, 255; 350--color-border-input: 0, 0, 0; 351--color-border-input-hover: 0, 0, 0; 352--color-background-input: 255, 255, 255; 353--color-background-input-hover: 255, 255, 255; 354--color-border: 77, 63, 59; 355--color-accent: 77, 63, 59; 356--color-emphasis: 77, 63, 59; 357 358--color-badge-background: 77, 63, 59; 359--color-badge-text: 255, 255, 255; 360 361--color-badge-sale-background: 6, 6, 6; 362--color-badge-sale-text: 253, 253, 253; 363--color-badge-soldout-background: 6, 6, 6; 364--color-badge-soldout-text: 204, 204, 204; 365--color-badge-custom-background: 253, 253, 253; 366--color-badge-custom-text: 6, 6, 6; 367 368--color-pagination-text: 6, 6, 6; 369--color-pagination-background: 245, 245, 245; 370--color-pagination-border: 240, 240, 240; 371--color-pagination-active-text: 253, 253, 253; 372--color-pagination-active-background: 6, 6, 6; 373--color-pagination-active-border: 6, 6, 6; 374 } 375 } 376 [data-scheme=dark], 377 .color-inverse, 378 [data-scheme=dark] .color-background-1 { 379 380 --color-background: 30, 30, 30; 381 --color-background-secondary: 16, 16, 16; 382 --color-border-input: 44, 44, 44;
383 --color-border-input-hover: 48, 48, 48; 384 --color-background-input: 44, 44, 44; 385 --color-background-input-hover: 48, 48, 48; 386 387 388 --gradient-background: rgb(var(--color-background)); 389 390--color-overlay: 31, 31, 31; 391--color-foreground: 255, 255, 255; 392--color-foreground-secondary: 255, 255, 255; 393--color-foreground-title: 255, 255, 255; 394--color-border: 245, 245, 245; 395--color-link: 229, 229, 229; 396--alpha-link: 0.5; 397--color-button: 10, 10, 10; 398--color-button-hover: 15, 15, 15; 399--color-button-text: 255, 255, 255; 400--color-button-text-hover: 255, 255, 255; 401--color-button-secondary: 60, 60, 60; 402--color-button-secondary-hover: 65, 65, 65; 403--color-button-secondary-text: 255, 255, 255; 404--color-button-secondary-text-hover: 255, 255, 255; 405--color-button-tertiary: 15, 15, 15; 406--color-button-tertiary-hover: 20, 20, 20; 407--color-button-tertiary-text: 255, 255, 255; 408--color-button-tertiary-text-hover: 255, 255, 255; 409--alpha-button-background: 1; 410--alpha-button-border: 1; 411--color-social: 255, 255, 255; 412--color-placeholder-input: 255, 255, 255; 413--color-card-price-new: 229, 229, 229; 414--color-card-price-old: 169, 169, 169; 415--color-error-background: 0, 0, 0; 416--color-title-text: 255, 255, 255; 417--color-accent : 180, 180, 180; 418--menu-shadow-color: 0, 0, 0; 419--menu-shadow-alpha: 0.3; 420--swiper-navigation-color: rgb(var(--color-foreground)); 421--swiper-pagination-color : rgb(var(--color-foreground)); 422 423 424 } 425 @media (prefers-color-scheme: dark) { 426 [data-scheme=auto], 427 [data-scheme=auto] .color-background-1 { 428 429 --color-background: 30, 30, 30; 430 --color-background-secondary: 16, 16, 16; 431 --color-border-input: 44, 44, 44; 432 --color-border-input-hover: 48, 48, 48; 433 --color-background-input: 44, 44, 44; 434 --color-background-input-hover: 48, 48, 48; 435 436 437 --gradient-background: rgb(var(--color-background)); 438 439--color-overlay: 31, 31, 31; 440--color-foreground: 255, 255, 255; 441--color-foreground-secondary: 255, 255, 255; 442--color-foreground-title: 255, 255, 255; 443--color-border: 245, 245, 245; 444--color-link: 229, 229, 229; 445--alpha-link: 0.5; 446--color-button: 10, 10, 10; 447--color-button-hover: 15, 15, 15; 448--color-button-text: 255, 255, 255; 449--color-button-text-hover: 255, 255, 255; 450--color-button-secondary: 60, 60, 60; 451--color-button-secondary-hover: 65, 65, 65; 452--color-button-secondary-text: 255, 255, 255; 453--color-button-secondary-text-hover: 255, 255, 255; 454--color-button-tertiary: 15, 15, 15; 455--color-button-tertiary-hover: 20, 20, 20; 456--color-button-tertiary-text: 255, 255, 255; 457--color-button-tertiary-text-hover: 255, 255, 255; 458--alpha-button-background: 1; 459--alpha-button-border: 1; 460--color-social: 255, 255, 255; 461--color-placeholder-input: 255, 255, 255; 462--color-card-price-new: 229, 229, 229; 463--color-card-price-old: 169, 169, 169; 464--color-error-background: 0, 0, 0; 465--color-title-text: 255, 255, 255; 466--color-accent : 180, 180, 180; 467--menu-shadow-color: 0, 0, 0; 468--menu-shadow-alpha: 0.3; 469--swiper-navigation-color: rgb(var(--color-foreground)); 470--swiper-pagination-color : rgb(var(--color-foreground)); 471 472 473 } 474 } 475 476 477 478 [data-scheme=light] .color-background-2 { 479 --color-background: 77,63,59; 480--color-background-secondary: 77,63,59; 481 482 --gradient-background: #4d3f3b; 483 484--color-foreground: 255, 255, 255; 485--color-foreground-secondary: 255, 255, 255; 486--color-foreground-title: 255, 255, 255; 487--menu-shadow-color: var(--color-foreground); 488--color-button-text: 77, 63, 59; 489--color-button-text-hover: 77, 63, 59; 490--color-button: 255, 255, 255; 491--color-button-hover: 255, 255, 255; 492 493--color-button-secondary: 77, 63, 59; 494--color-button-secondary-hover: 77, 63, 59; 495--color-button-secondary-text: 255, 255, 255; 496--color-button-secondary-text-hover: 255, 255, 255; 497 498--color-button-tertiary-text: 255, 255, 255; 499--color-button-tertiary-text-hover: 255, 255, 255; 500 501--color-overlay: 0, 0, 0; 502--color-border-input: 77, 63, 59; 503--color-border-input-hover: 77, 63, 59; 504--color-background-input: 77, 63, 59; 505--color-background-input-hover: 77, 63, 59; 506--color-border: 234, 234, 234; 507--color-accent: 255, 255, 255; 508--color-emphasis: 0, 0, 0; 509 510--color-badge-background: 77, 63, 59; 511--color-badge-text: 255, 255, 255; 512 513--color-badge-sale-background: 6, 6, 6; 514--color-badge-sale-text: 253, 253, 253; 515--color-badge-soldout-background: 6, 6, 6; 516--color-badge-soldout-text: 204, 204, 204; 517--color-badge-custom-background: 253, 253, 253; 518--color-badge-custom-text: 6, 6, 6; 519 520--color-pagination-text: 6, 6, 6; 521--color-pagination-background: 245, 245, 245; 522--color-pagination-border: 240, 240, 240; 523--color-pagination-active-text: 253, 253, 253; 524--color-pagination-active-background: 6, 6, 6; 525--color-pagination-active-border: 6, 6, 6; 526 } 527 @media (prefers-color-scheme: light) { 528 529 [data-scheme=auto] .color-background-2 { 530 --color-background: 77,63,59; 531--color-background-secondary: 77,63,59; 532 533 --gradient-background: #4d3f3b; 534 535--color-foreground: 255, 255, 255; 536--color-foreground-secondary: 255, 255, 255; 537--color-foreground-title: 255, 255, 255; 538--menu-shadow-color: var(--color-foreground); 539--color-button-text: 77, 63, 59; 540--color-button-text-hover: 77, 63, 59; 541--color-button: 255, 255, 255; 542--color-button-hover: 255, 255, 255; 543 544--color-button-secondary: 77, 63, 59; 545--color-button-secondary-hover: 77, 63, 59; 546--color-button-secondary-text: 255, 255, 255; 547--color-button-secondary-text-hover: 255, 255, 255; 548 549--color-button-tertiary-text: 255, 255, 255; 550--color-button-tertiary-text-hover: 255, 255, 255; 551 552--color-overlay: 0, 0, 0; 553--color-border-input: 77, 63, 59; 554--color-border-input-hover: 77, 63, 59; 555--color-background-input: 77, 63, 59; 556--color-background-input-hover: 77, 63, 59; 557--color-border: 234, 234, 234; 558--color-accent: 255, 255, 255; 559--color-emphasis: 0, 0, 0; 560 561--color-badge-background: 77, 63, 59; 562--color-badge-text: 255, 255, 255; 563 564--color-badge-sale-background: 6, 6, 6; 565--color-badge-sale-text: 253, 253, 253; 566--color-badge-soldout-background: 6, 6, 6; 567--color-badge-soldout-text: 204, 204, 204; 568--color-badge-custom-background: 253, 253, 253; 569--color-badge-custom-text: 6, 6, 6; 570 571--color-pagination-text: 6, 6, 6; 572--color-pagination-background: 245, 245, 245; 573--color-pagination-border: 240, 240, 240; 574--color-pagination-active-text: 253, 253, 253; 575--color-pagination-active-background: 6, 6, 6; 576--color-pagination-active-border: 6, 6, 6; 577 } 578 } 579 580 [data-scheme=dark] .color-background-2 { 581 582 --color-background: 44, 44, 44;
583 --color-background-secondary: 31, 31, 31; 584 --color-border-input: 35, 35, 35; 585 --color-border-input-hover: 37, 37, 37; 586 --color-background-input: 35, 35, 35; 587 --color-background-input-hover: 37, 37, 37; 588 589 590 --gradient-background: rgb(var(--color-background)); 591 592--color-overlay: 31, 31, 31; 593--color-foreground: 255, 255, 255; 594--color-foreground-secondary: 255, 255, 255; 595--color-foreground-title: 255, 255, 255; 596--color-border: 245, 245, 245; 597--color-link: 229, 229, 229; 598--alpha-link: 0.5; 599--color-button: 10, 10, 10; 600--color-button-hover: 15, 15, 15; 601--color-button-text: 255, 255, 255; 602--color-button-text-hover: 255, 255, 255; 603--color-button-secondary: 60, 60, 60; 604--color-button-secondary-hover: 65, 65, 65; 605--color-button-secondary-text: 255, 255, 255; 606--color-button-secondary-text-hover: 255, 255, 255; 607--color-button-tertiary: 15, 15, 15; 608--color-button-tertiary-hover: 20, 20, 20; 609--color-button-tertiary-text: 255, 255, 255; 610--color-button-tertiary-text-hover: 255, 255, 255; 611--alpha-button-background: 1; 612--alpha-button-border: 1; 613--color-social: 255, 255, 255; 614--color-placeholder-input: 255, 255, 255; 615--color-card-price-new: 229, 229, 229; 616--color-card-price-old: 169, 169, 169; 617--color-error-background: 0, 0, 0; 618--color-title-text: 255, 255, 255; 619--color-accent : 180, 180, 180; 620--menu-shadow-color: 0, 0, 0; 621--menu-shadow-alpha: 0.3; 622--swiper-navigation-color: rgb(var(--color-foreground)); 623--swiper-pagination-color : rgb(var(--color-foreground)); 624 625 626 } 627 @media (prefers-color-scheme: dark) { 628 629 [data-scheme=auto] .color-background-2 { 630 631 --color-background: 44, 44, 44; 632 --color-background-secondary: 31, 31, 31; 633 --color-border-input: 35, 35, 35; 634 --color-border-input-hover: 37, 37, 37; 635 --color-background-input: 35, 35, 35; 636 --color-background-input-hover: 37, 37, 37; 637 638 639 --gradient-background: rgb(var(--color-background)); 640 641--color-overlay: 31, 31, 31; 642--color-foreground: 255, 255, 255; 643--color-foreground-secondary: 255, 255, 255; 644--color-foreground-title: 255, 255, 255; 645--color-border: 245, 245, 245; 646--color-link: 229, 229, 229; 647--alpha-link: 0.5; 648--color-button: 10, 10, 10; 649--color-button-hover: 15, 15, 15; 650--color-button-text: 255, 255, 255; 651--color-button-text-hover: 255, 255, 255; 652--color-button-secondary: 60, 60, 60; 653--color-button-secondary-hover: 65, 65, 65; 654--color-button-secondary-text: 255, 255, 255; 655--color-button-secondary-text-hover: 255, 255, 255; 656--color-button-tertiary: 15, 15, 15; 657--color-button-tertiary-hover: 20, 20, 20; 658--color-button-tertiary-text: 255, 255, 255; 659--color-button-tertiary-text-hover: 255, 255, 255; 660--alpha-button-background: 1; 661--alpha-button-border: 1; 662--color-social: 255, 255, 255; 663--color-placeholder-input: 255, 255, 255; 664--color-card-price-new: 229, 229, 229; 665--color-card-price-old: 169, 169, 169; 666--color-error-background: 0, 0, 0; 667--color-title-text: 255, 255, 255; 668--color-accent : 180, 180, 180; 669--menu-shadow-color: 0, 0, 0; 670--menu-shadow-alpha: 0.3; 671--swiper-navigation-color: rgb(var(--color-foreground)); 672--swiper-pagination-color : rgb(var(--color-foreground)); 673 674 675 } 676 } 677 678 679 680 body, .color-background-1, .color-background-2 { 681 color: rgba(var(--color-foreground)); 682 background-color: rgb(var(--color-background)); 683 } 684 685 :root { 686 --header-height: 0px; 687 --breadcrumbs-height: 0px; 688 --color-border-input-focusable: 20, 20, 20; 689 690 --spaced-section: 5rem; 691 692 --font-body-family: Lato, sans-serif; 693 --font-body-style: normal; 694 --font-body-weight: 400; 695 696 --font-body-scale: 1.6; 697 --font-body-scale-s: 1.4; 698 --font-body-scale-m: 1.4; 699 --font-body-scale-l: 2.0; 700 --font-body-letter-spacing: 0em; 701 --font-body-line-height: 1.4; 702 703 --font-heading-family: Besley, serif; 704 --font-heading-style: normal; 705 --font-heading-weight: 400; 706 --font-heading-letter-spacing: -0.3em; 707 --font-heading-line-height: 1.2; 708 --font-heading-text-transform: none; 709 710 --font-subtitle-family: Lato, sans-serif; 711 --font-subtitle-style: normal; 712 --font-subtitle-weight: 400; 713 --font-subtitle-text-transform: uppercase; 714 --font-subtitle-letter-spacing: 0.4em; 715 --font-subtitle-scale: 1.2; 716 717 --font-badge-family: Lato, sans-serif; 718 --font-badge-style: normal;
719 --font-badge-weight: 400; 720 --font-badge-text-transform: uppercase; 721 --font-badge-letter-spacing: 0.4em; 722 --font-badge-scale: 1.2; 723 724 --font-heading-h0-scale: 1.0; 725 --font-heading-h1-scale: 1.0; 726 --font-heading-h2-scale: 1.2; 727 --font-heading-h3-scale: 1.2; 728 --font-heading-h4-scale: 1.2; 729 --font-heading-h5-scale: 1.2; 730 --font-heading-h6-scale: 1.2; 731 732 --font-heading-card-family: Besley, serif; 733 --font-heading-card-style: normal; 734 --font-heading-card-weight: 400; 735 --font-heading-card-text-transform: capitalize; 736 --font-heading-card-letter-spacing: -0.3em; 737 --font-price-card-family: Lato, sans-serif; 738 --font-prcie-card-style: normal; 739 --font-prcie-card-weight: 400; 740 --font-text-card-family: Lato, sans-serif; 741 --font-text-card-style: normal; 742 --font-text-card-weight: 400; 743 744 --font-heading-card-scale: 1.9; 745 --font-price-card-scale: 1.3; 746 --font-text-card-scale: 1.2; 747 748 --font-button-family: Lato, sans-serif; 749 --font-button-style: normal; 750 --font-button-weight: 400; 751 --font-button-text-transform: uppercase; 752 --font-button-scale: 1.2; 753 --font-button-letter-spacing: 0.4em; 754 755 --font-header-menu-family: Lato, sans-serif; 756 --font-header-menu-style: normal; 757 --font-header-menu-weight: 400; 758 --font-header-menu-link-scale: 1.2; 759 --font-header-menu-text-transform: uppercase; 760 761 --font-footer-menu-family: Lato, sans-serif; 762 --font-footer-menu-style: normal; 763 --font-footer-menu-weight: 400; 764 --font-footer-heading-scale: 1.2; 765 766 --font-popups-heading-family: Besley, serif; 767 --font-popups-heading-style: normal; 768 --font-popups-heading-weight: 400; 769 --font-popups-text-family: Lato, sans-serif; 770 --font-popups-text-style: normal; 771 --font-popups-text-weight: 400; 772 --font-popup-heading-scale: 1.0; 773 --font-popup-desc-scale: 1.4; 774 --font-popup-text-scale: 1.8; 775 --font-notification-heading-scale: 1.5; 776 --font-notification-text-scale: 2.2; 777 778 --border-radius-button: 4px; 779 --badge-border-radius: 2px; 780 --border-radius: 4px; 781 --payment-terms-background-color: ; 782 --color-card-price-new: , , ; 783 --color-card-price-old: , , ; 784 785 } 786 787 @media screen and (min-width: 990px) { 788 :root { 789 --spaced-section: 16rem; 790 } 791 } 792 *, 793 *::before, 794 *::after { 795 box-sizing: inherit; 796 } 797 798 html { 799 box-sizing: border-box; 800 font-size: 10px; 801 height: 100%; 802 } 803 804 body { 805 position: relative; 806 display: grid; 807 grid-template-rows: auto auto 1fr auto; 808 grid-template-columns: 100%; 809 min-height: 100%; 810 margin: 0; 811 /*font-size: 1.6rem;*/ 812 line-height: 1.5; 813 font-family: var(--font-body-family); 814 font-style: var(--font-body-style); 815 font-weight: var(--font-body-weight); 816 overflow-x: hidden; 817 font-size: calc(var(--font-body-scale) * 0.9rem); 818 819 } 820 /*@media screen and (min-width: 750px) { 821 body { 822 font-size: calc(var(--font-body-scale) * 0.9rem); 823 } 824 }*/ 825 @media screen and (min-width: 1150px) { 826 body { 827 font-size: calc(var(--font-body-scale) * 1rem); 828 } 829 } 830</style> 831 832 833 <link href="//spinfans.com.sg/cdn/shop/t/2/assets/swiper-bundle.min.css?v=130431104823019760491773639295" rel="stylesheet" type="text/css" media="all" /> 834 <link href="//spinfans.com.sg/cdn/shop/t/2/assets/base.css?v=120718499934495981541783584229" rel="stylesheet" type="text/css" media="all" /> 835<link 836 rel="stylesheet" 837 href="//spinfans.com.sg/cdn/shop/t/2/assets/component-predictive-search.css?v=184393364107413925461773639295" 838 media="print" 839 onload="this.media='all'" 840 ><link 841 rel="preload" 842 as="font" 843 href="//spinfans.com.sg/cdn/fonts/lato/lato_n4.c3b93d431f0091c8be23185e15c9d1fee1e971c5.woff2" 844 type="font/woff2" 845 crossorigin 846 ><link 847 rel="preload" 848 as="font" 849 href="//spinfans.com.sg/cdn/fonts/besley/besley_n4.63b3ba79124e9efd5f425a6785cb953541abbde0.woff2" 850 type="font/woff2" 851 crossorigin 852 >
852<script> 853 document.documentElement.className = 854 document.documentElement.className.replace('no-js', 'js'); 855 if (Shopify.designMode) { 856 document.documentElement.classList.add('shopify-design-mode'); 857 } 858 </script>
858 859 860
860<script src="//spinfans.com.sg/cdn/shop/t/2/assets/jquery-3.6.0.js?v=32573363768646652941773639295" defer="defer"></script>
860 861
861<script 862 src="//spinfans.com.sg/cdn/shop/t/2/assets/swiper-bundle.min.js?v=43136238899456646181773639295" 863 defer="defer" 864 ></script>
864 865 866
866<script src="//spinfans.com.sg/cdn/shop/t/2/assets/jquery-marquee.js?v=44084714191673457951773639295" defer="defer"></script>
866 867
867<script src="//spinfans.com.sg/cdn/shop/t/2/assets/gsap.min.js?v=63856540745804407941773639295" defer="defer"></script>
867 868
868<script src="//spinfans.com.sg/cdn/shop/t/2/assets/parallax.js?v=59832350794901598321773639295" defer="defer"></script>
868 869 870
870<script src="//spinfans.com.sg/cdn/shop/t/2/assets/observer.min.js?v=119791226363810823301773639295" defer="defer"></script>
870 871
871<script 872 src="//spinfans.com.sg/cdn/shop/t/2/assets/ScrollTrigger.min.js?v=172410024157382806541773639295" 873 defer="defer" 874 ></script>
874<script src="//spinfans.com.sg/cdn/shop/t/2/assets/search-modal.js?v=139514534380112732741773639295" defer="defer"></script>
874<script src="//spinfans.com.sg/cdn/shop/t/2/assets/popup.js?v=157577431647926229421773639295" defer="defer"></script>
874 875 876
876<script src="//spinfans.com.sg/cdn/shop/t/2/assets/product-card.js?v=11638800041542066811773639295" defer="defer"></script>
876 877<link rel="preconnect" href="https://fonts.googleapis.com"> 878<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 879<link href="https://fonts.googleapis.com/css2?family=Forum&display=swap" rel="stylesheet"> 880 <!-- BEGIN app block: shopify://apps/hulk-form-builder/blocks/app-embed/b6b8dd14-356b-4725-a4ed-77232212b3c3 --><!-- BEGIN app snippet: hulkapps-formbuilder-theme-ext -->
880<script type="text/javascript"> 881 882 if (typeof window.formbuilder_customer != "object") { 883 window.formbuilder_customer = {} 884 } 885 886 887 888 window.hulkFormBuilder = { 889 form_data: {"form_E1tPCu5hLtZhQeh-733SSQ":{"uuid":"E1tPCu5hLtZhQeh-733SSQ","form_name":"ONIX PRO Enquire","form_data":{"div_back_gradient_1":"#fff","div_back_gradient_2":"#fff","back_color":"#fff","form_title":"","form_submit":"Submit","after_submit":"hideAndmessage","after_submit_msg":"","captcha_enable":"no","label_style":"blockLabels","input_border_radius":"2","back_type":"transparent","input_back_color":"#fff","input_back_color_hover":"#fff","back_shadow":"none","label_font_clr":"#333333","input_font_clr":"#333333","button_align":"fullBtn","button_clr":"#fff","button_back_clr":"#4d3f3b","button_border_radius":"5","form_width":"100%","form_border_size":0,"form_border_clr":"#c7c7c7","form_border_radius":0,"label_font_size":"14","input_font_size":"12","button_font_size":"16","form_padding":0,"input_border_color":"#ccc","input_border_color_hover":"#ccc","btn_border_clr":"#333333","btn_border_size":"1","form_name":"ONIX PRO Enquire","form_access_message":"\u
889003cp\u003ePlease login to access the form\u003cbr\u003eDo not have an account? Create account\u003c\/p\u003e","label_fonts_type":"Google Fonts","label_font_family":"Forum","input_font_family":"Forum","formElements":[{"type":"text","position":0,"label":"Name","customClass":"","halfwidth":"no","Conditions":{},"required":"yes","page_number":1},{"type":"email","position":1,"label":"Email","required":"yes","email_confirm":"yes","Conditions":{},"page_number":1},{"type":"select","position":2,"label":"Diameter","values":"2.5 m\n3 m\n3.6 m\n4.3 m\n4.9 ml\n6.1 m\n7.3 m","Conditions":{},"elementCost":{},"page_number":1}]},"is_spam_form":false,"shop_uuid":"ZuHoOWg7BEhMS9DfmC_XsA","shop_timezone":"Asia\/Singapore","shop_id":167619,"shop_is_after_submit_enabled":false,"shop_shopify_plan":"Development","shop_shopify_domain":"spin-fans-2026.myshopify.com","popup_settings":{},"form_is_active":true}}, 890 shop_data: {"shop_ZuHoOWg7BEhMS9DfmC_XsA":{"shop_uuid":"ZuHoOWg7BEhMS9DfmC_XsA","shop_timezone":"Asia\/Singapore","shop_id":167619,"shop_is_after_submit_enabled":false,"shop_shopify_plan":"Basic","shop_shopify_domain":"spin-fans-2026.myshopify.com","shop_created_at":"2026-04-03T08:09:12.664Z","is_skip_metafield":false,"shop_deleted":false,"shop_disabled":false}}, 891 settings_data: {"shop_settings":{"shop_customise_msgs":[],"default_customise_msgs":{"is_required":"is required","thank_you":"Thank you! The form was submitted successfully.","processing":"Processing...","valid_data":"Please provide valid data","valid_email":"Provide valid email format","valid_tags":"HTML Tags are not allowed","valid_phone":"Provide valid phone number","valid_captcha":"Please provide a valid CAPTCHA response.","valid_url":"Provide valid URL","only_number_alloud":"Provide valid number in","number_less":"must be less than","number_more":"must be more than","image_must_less":"Image must be less than 20MB","image_number":"Images allowed","image_extension":"Invalid extension! Please provide image file","error_image_upload":"Error in image upload. Please try again.","error_file_upload":"Error in file upload. Please try again.","your_response":"Your response","error_form_submit":"Error occur.Please try again after sometime.","email_submitted":"Form with this email is already submitted","invalid_email_by_zerobounce":"The email address you entered appears to be invalid. Please check it and try again.","download_file":"Download file","card_details_invalid":"Your card details are invalid","card_details":"Card details","please_enter_card_details":"Please enter card details","card_number":"Card number","exp_mm":"Exp MM","exp_yy":"Exp YY","crd_cvc":"CVV","payment_value":"Payment amount","please_enter_payment_amount":"Please enter a payment amount.","address1":"Address line 1","address2":"Address line 2","city":"City","province":"Province","zipcode":"Zip code","country":"Country","blocked_domain":"This form does not accept addresses from","file_must_less":"File must be less than 20MB","file_extension":"Invalid extension! Please provide file","only_file_number_alloud":"files allowed","previous":"Previous","next":"Next","must_have_a_input":"Please enter at least one field.","please_enter_required_data":"Please enter required data","atleast_one_special_char":"Include at least one special character","atleast_one_lowercase_char":"Include at least one lowercase character","atleast_one_uppercase_char":"Include at least one uppercase character","atleast_one_number":"Include at least one number","must_have_8_chars":"Must have 8 characters long","be_between_8_and_12_chars":"Be between 8 and 12 characters long","please_select":"Please Select","phone_submitted":"Form with this phone number is already submitted","user_res_parse_error":"Error while submitting the form","valid_same_values":"values must be the same","product_choice_clear_selection":"Clear Selection","picture_choice_clear_selection":"Clear Selection","remove_all_for_file_image_upload":"Remove All","invalid_file_type_for_image_upload":"You can't upload files of this type.","invalid_file_type_for_signature_upload":"You can't upload files of this type.","max_files_exceeded_for_file_upload":"You can not upload any more files.","max_files_exceeded_for_image_upload":"You can not upload any more files.","file_already_exist":"File already uploaded","max_limit_exceed":"You have added the maximum number of text fields.","cancel_upload_for_file_upload":"Cancel upload","cancel_upload_for_image_upload":"Cancel upload","cancel_upload_for_signature_upload":"Cancel upload"}}}, 892 features_data: {"shop_plan_features":{"shop_plan_features":["unlimited-forms","full-design-customization","export-form-submissions","multiple-recipients-for-form-submissions","multiple-admin-notifications","enable-captcha","unlimited-file-uploads","save-submitted-form-data","set-auto-response-message","conditional-logic","form-banner","save-as-draft-facility","include-user-response-in-admin-email","disable-form-submission","forms-limit","submissions-visibility-limit","file-upload"]}}, 893 shop: null, 894 shop_id: null, 895 plan_features: null, 896 validateDoubleQuotes: false, 897 assets: { 898 searchableDropdown: "https://cdn.shopify.com/extensions/01a08a53-1431-71a3-8d75-dd04d3c69aa4/form-builder
898-by-hulkapps-74/assets/searchable-dropdown.js", 899 extraFunctions: "https://cdn.shopify.com/extensions/01a08a53-1431-71a3-8d75-dd04d3c69aa4/form-builder-by-hulkapps-74/assets/extra-functions.js", 900 extraStyles: "https://cdn.shopify.com/extensions/01a08a53-1431-71a3-8d75-dd04d3c69aa4/form-builder-by-hulkapps-74/assets/extra-styles.css", 901 bootstrapStyles: "https://cdn.shopify.com/extensions/01a08a53-1431-71a3-8d75-dd04d3c69aa4/form-builder-by-hulkapps-74/assets/theme-app-extension-bootstrap.css", 902 }, 903 translations: { 904 htmlTagNotAllowed: "HTML Tags are not allowed", 905 sqlQueryNotAllowed: "SQL Queries are not allowed", 906 doubleQuoteNotAllowed: "Double quotes are not allowed", 907 908 maxTextFieldsReached: "You have added the maximum number of text fields.", 909 910 911 912 zerobounceApiErrorMsg: "We couldn\u0026#39;t verify your email due to a technical issue. Please try again later.", 913 } 914 915 } 916 917 918 919 window.FbThemeAppExtSettingsHash = {} 920 921</script>
921<!-- END app snippet --><!-- END app block -->
921<script src="https://cdn.shopify.com/extensions/01a08a53-1431-71a3-8d75-dd04d3c69aa4/form-builder-by-hulkapps-74/assets/form-builder-script.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 921
921
922<script src="https://cdn.shopify.com/extensions/01a0fdff-2b95-7a42-80bb-495e663795ed/forms-2610/assets/shopify-forms-loader.js" type="text/javascript" defer="defer"></script>
922 923<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
924<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 95549358367,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "blog"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 924
924
925<script> 926 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 927</script>
vendor: 1 bytes, line 927
927
928<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
928).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 95549358367,storefrontBaseUrl: "https://spinfans.com.sg",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://spinfans.com.sg/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2432205087","configuration":"{\"pixel_id\":\"657250138078857\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"2432172319","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-0XS2D8F7D9\\\",\\\"GT-MJSZP24X\\\",\\\"GT-PJ72P8V\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-0XS2D8F7D9\\\",\\\"MC-R6130ZKE76\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-0XS2D8F7D9\\\",\\\"MC-R6130ZKE76\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-0XS2D8F7D9\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-0XS2D8F7D9\\\",\\\"MC-QVL9GVXY7S\\\",\\\"MC-R6130ZKE76\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-0XS2D8F7D9\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-0XS2D8F7D9\\\",\\\"MC-QVL9GVXY7S\\\",\\\"MC-R6130ZKE76\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-0XS2D8F7D9\\\",\\\"MC-QVL9GVXY7S\\\",\\\"MC-R6130ZKE76\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-0XS2D8F7D9\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-0XS2D8F7D9\\\",\\\"MC-R6130ZKE76\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-0XS2D8F7D9\\\",\\\"MC-R6130ZKE76\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-0XS2D8F7D9\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"SPIN Pte Ltd","paymentSettings":{"currencyCode":"SGD"},"myshopifyDomain":"spin-fans-2026.myshopify.com","countryCode":"SG","storefrontUrl":"https:\/\/spinfans.com.sg"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"
92810464015352095","handle":"signature-collection","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52569112248607","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10464020955423","handle":"timber-collection","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52570414088479","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10464820068639","handle":"sphere-collection","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52569179324703","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10464822001951","handle":"onix-collection","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52569456607519","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10500638114079","handle":"onix-pro-collection","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"52570221936927","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://spinfans.com.sg/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"181384085791","themeStoreId":"2896","themePublished":"true","eventMetadataId":"5ec62a2d-d35a-46cf-a554-a1ac335c7743","pageType":"blog","resourceId":"119473864991","shopId":"95549358367","storefrontBaseUrl":"https:\/\/spinfans.com.sg","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
928<script> 929 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 930 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 931 window.ShopifyAnalytics.meta.currency = 'SGD'; 932 var meta = {"page":{"pageType":"blog","resourceType":"blog","resourceId":119473864991,"requestId":"31664357-0b8e-40cc-abd8-55434535d113-1791134415"}}; 933 for (var attr in meta) { 934 window.ShopifyAnalytics.meta[attr] = meta[attr]; 935 } 936</script>
vendor: 1 bytes, line 936
936
937<script class="analytics"> 938 (function () { 939 var customDocumentWrite = function(content) { 940 var jquery = null; 941 942 if (window.jQuery) { 943 jquery = window.jQuery; 944 } else if (window.Checkout && window.Checkout.$) { 945 jquery = window.Checkout.$; 946 } 947 948 if (jquery) { 949 jquery('body').append(content); 950 } 951 }; 952 953 var hasLoggedConversion = function(token) { 954 if (token) { 955 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 956 } 957 return false; 958 } 959 960 var setCookieIfConversion = function(token) { 961 if (token) { 962 var twoMonthsFromNow = new Date(Date.now()); 963 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 964 965 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 966 } 967 } 968 969 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 970 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 971 if (trekkie.integrations) { 972 return; 973 } 974 trekkie.methods = [ 975 'identify', 976 'page', 977 'ready', 978 'track', 979 'trackForm', 980 'trackLink' 981 ]; 982 trekkie.factory = function(method) { 983 return function() { 984 var args = Array.prototype.slice.call(arguments); 985 args.unshift(method); 986 trekkie.push(args); 987 if (method == 'track' || method == 'page') { 988 var pageUrl; 989 try { 990 pageUrl = window.location.href; 991 } catch (e) {} 992 var pageReferrer; 993 try { 994 pageReferrer = document.referrer; 995 } catch (e) {} 996 try { 997 if (window.__TREKKIE_SHIM_QUEUE == null) { 998 window.__TREKKIE_SHIM_QUEUE = []; 999 } 1000 window.__TREKKIE_SHIM_QUEUE.push({ 1001 from: 'trekkie-stub', 1002 method: method, 1003 args: args.slice(1), 1004 pageContext: { 1005 url: pageUrl, 1006 referrer: pageReferrer 1007 } 1008 }); 1009 } catch (e) { 1010 // no-op 1011 } 1012 } 1013 return trekkie; 1014 }; 1015 }; 1016 for (var i = 0; i < trekkie.methods.length; i++) { 1017 var key = trekkie.methods[i]; 1018 trekkie[key] = trekkie.factory(key); 1019 } 1020 trekkie.load = function(config) { 1021 trekkie.config = config || {}; 1022 trekkie.config.initialDocumentCookie = document.cookie; 1023 var first = document.getElementsByTagName('script')[0]; 1024var script = document.createElement('script'); 1025script.type = 'text/javascript'; 1026script.onerror = function(e) { 1027 var scriptFallback = document.createElement('script'); 1028 scriptFallback.type = 'text/javascript'; 1029 scriptFallback.onerror = function(error) { 1030 var Monorail = { 1031 produce: function produce(monorailDomain, schemaId, payload) { 1032 var currentMs = new Date().getTime(); 1033 var event = { 1034 schema_id: schemaId, 1035 payload: payload, 1036 metadata: { 1037 event_created_at_ms: currentMs, 1038 event_sent_at_ms: currentMs 1039 } 1040 }; 1041 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1042 }, 1043 sendRequest: function sendRequest(endpointUrl, payload) { 1044 // Try the sendBeacon API 1045 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1046 var blobData = new window.Blob([payload], { 1047 type: 'text/plain' 1048 }); 1049 1050 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1051 return true; 1052 } // sendBeacon was not successful 1053 1054 } // XHR beacon 1055 1056 var xhr = new XMLHttpRequest(); 1057 1058 try { 1059 xhr.open('POST', endpointUrl); 1060 xhr.setRequestHeader('Content-Type', 'text/plain'); 1061 xhr.send(payload); 1062 } catch (e) { 1063 console.log(e); 1064 } 1065 1066 return false; 1067 }, 1068 isIos12: function isIos12() { 1069 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1070 } 1071 }; 1072 Monorail.produce('monorail-edge.shopifysvc.com', 1073 'trekkie_storefront_load_errors/1.1', 1074 {shop_id: 95549358367, 1075 theme_id: 181384085791, 1076 app_name: "storefront", 1077 context_url: window.location.href, 1078 source_url: "//spinfans.com.sg/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 1079 1080 }; 1081 scriptFallback.async = true; 1082 scriptFallback.src = '//spinfans.com.sg/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1083 first.parentNode.insertBefore(scriptFallback, first); 1084}; 1085script.async = true; 1086script.src = '//spinfans.com.sg/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1087first.parentNode.insertBefore(script, first); 1088 1089 }; 1090 trekkie.load( 1091 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":95549358367,"isMerchantRequest":null,"themeId":181384085791,"themeCityHash":"3884679537655812825","contentLanguage":"en","currency":"SGD","eventMetadataId":"5ec62a2d-d35a-46cf-a554-a1ac335c7743"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1092 ); 1093 1094 var loaded = false;
1095 trekkie.ready(function() { 1096 if (loaded) return; 1097 loaded = true; 1098 1099 window.ShopifyAnalytics.lib = window.trekkie; 1100 1101 var originalDocumentWrite = document.write; 1102 document.write = customDocumentWrite; 1103 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1104 document.write = originalDocumentWrite; 1105 1106 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1107 var token = match? match[1]: undefined; 1108 if (!hasLoggedConversion(token)) { 1109 setCookieIfConversion(token); 1110 1111 } 1112 }); 1113 1114 window.ShopifyAnalytics.lib.page(null,{"pageType":"blog","resourceType":"blog","resourceId":119473864991,"requestId":"31664357-0b8e-40cc-abd8-55434535d113-1791134415","shopifyEmitted":true}); 1115 1116 var eventsListenerScript = document.createElement('script'); 1117 eventsListenerScript.async = true; 1118 eventsListenerScript.src = "//spinfans.com.sg/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1119 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1120})();</script>
vendor: 1 bytes, line 1120
1120
1121<script 1122 defer 1123 src="https://spinfans.com.sg/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1124 data-application="storefront-renderer" 1125 data-shop-id="95549358367" 1126 data-render-region="gcp-us-central1" 1127 data-page-type="blog" 1128 data-theme-instance-id="181384085791" 1129 data-theme-name="Outsiders" 1130 data-theme-version="1.2.0" 1131 data-monorail-region="shop_domain" 1132 data-resource-timing-sampling-rate="10" 1133 data-shs="true" 1134 data-shs-beacon="true" 1135 data-shs-export-with-fetch="true" 1136 data-shs-logs-sample-rate="1" 1137 data-shs-beacon-endpoint="https://spinfans.com.sg/api/collect" 1138></script>
1138 1139<meta name="shopify-y" content="905abc80-7d0b-4449-a428-10600f105831" data-expiration="1822692015000"><meta name="shopify-s" content="1d366f02-7db6-4a7d-adf4-e2b4c1e24d48" data-expiration="1791136215000"><meta name="new-cookie-storage-activated" content="t"> 1140</head>
1141<script> 1142(function() { 1143 var attempts = 0; 1144 function tryInject() { 1145 var host = document.querySelector('shopify-forms-embed'); 1146 if (host && host.shadowRoot && host.shadowRoot.querySelector('._container_3eyaa_70')) { 1147 var s = document.createElement('style'); 1148 s.textContent = '._container_3eyaa_70 { grid-template-columns: 1fr !important; }'; 1149 host.shadowRoot.appendChild(s); 1150 } else if (attempts < 20) { 1151 attempts++; 1152 setTimeout(tryInject, 300); 1153 } 1154 } 1155 tryInject(); 1156})(); 1157</script>
vendor: 1 bytes, line 1157
1157
1158<script> 1159(function() { 1160 var attempts = 0; 1161 function tryInject() { 1162 var host = document.querySelector('shopify-forms-embed'); 1163 if (host && host.shadowRoot && host.shadowRoot.querySelector('._formContainer_1q1d2_30')) { 1164 var s = document.createElement('style'); 1165 s.textContent = '._formContainer_1q1d2_30 { max-width: unset !important; }'; 1166 host.shadowRoot.appendChild(s); 1167 } else if (attempts < 20) { 1168 attempts++; 1169 setTimeout(tryInject, 300); 1170 } 1171 } 1172 tryInject(); 1173})(); 1174</script>
1174 1175 <body class="body-template-blog body-template-blog-projects"> 1176 <a 1177 class="skip-to-content-link button visually-hidden button--simple" 1178 href="#MainContent" 1179 > 1180 <span> 1181 <span class="button-label"> 1182 Skip to content 1183 </span> 1184 <span class="button-label"> 1185 Skip to content 1186 </span> 1187 </span> 1188 </a> 1189 1190 <!-- BEGIN sections: header-group --> 1191<div id="shopify-section-sections--25578881384735__header" class="shopify-section shopify-section-group-header-group shopify-section-header"><link rel="stylesheet" href="//spinfans.com.sg/cdn/shop/t/2/assets/component-localization-form.css?v=150720380932147474611773639295" media="all"> 1192<link href="//spinfans.com.sg/cdn/shop/t/2/assets/component-search.css?v=82018203039538711561773639295" rel="stylesheet" type="text/css" media="all" /> 1193<link rel="stylesheet" href="//spinfans.com.sg/cdn/shop/t/2/assets/component-menu-drawer.css?v=79177230989883075221773639295" media="all"> 1194<link rel="stylesheet" href="//spinfans.com.sg/cdn/shop/t/2/assets/component-slider.css?v=28567533500918097381773639295" media="all"> 1195<link rel="stylesheet" href="//spinfans.com.sg/cdn/shop/t/2/assets/template-collection.css?v=15267461735364133781773639295" media="all"> 1196<link rel="stylesheet" href="//spinfans.com.sg/cdn/shop/t/2/assets/country-flag.css?v=149495755635519442281773639295" media="all"> 1197<link rel="stylesheet" href="//spinfans.com.sg/cdn/shop/t/2/assets/component-price.css?v=178066959405281082861773639295" media="print" onload="this.media='all'"> 1198<link rel="stylesheet" href="//spinfans.com.sg/cdn/shop/t/2/assets/disclosure.css?v=115309099965082227151773639295" media="print" onload="this.media='all'"> 1199<link href="//spinfans.com.sg/cdn/shop/t/2/assets/component-loading-overlay.css?v=79265832905940437911773639295" rel="stylesheet" type="text/css" media="all" /> 1200 1201 <link href="//spinfans.com.sg/cdn/shop/t/2/assets/component-cart-shipping.css?v=149478003872360252891773639295" rel="stylesheet" type="text/css" media="all" /> 1202 1203<link href="//spinfans.com.sg/cdn/shop/t/2/assets/component-discounts.css?v=182200842823948812191773639295" rel="stylesheet" type="text/css" media="all" /> 1204<link href="//spinfans.com.sg/cdn/shop/t/2/assets/component-cart-drawer.css?v=12926975154290893261773639295" rel="stylesheet" type="text/css" media="all" /> 1205 1206<noscript><link href="//spinfans.com.sg/cdn/shop/t/2/assets/component-menu-drawer.css?v=79177230989883075221773639295" rel="stylesheet" type="text/css" media="all" /></noscript> 1207<noscript><link href="//spinfans.com.sg/cdn/shop/t/2/assets/component-slider.css?v=28567533500918097381773639295" rel="stylesheet" type="text/css" media="all" /></noscript> 1208<noscript><link href="//spinfans.com.sg/cdn/shop/t/2/assets/template-collection.css?v=15267461735364133781773639295" rel="stylesheet" type="text/css" media="all" /></noscript> 1209<noscript><link href="//spinfans.com.sg/cdn/shop/t/2/assets/country-flag.css?v=149495755635519442281773639295" rel="stylesheet" type="text/css" media="all" /></noscript> 1210<noscript><link href="//spinfans.com.sg/cdn/shop/t/2/assets/component-price.css?v=178066959405281082861773639295" rel="stylesheet" type="text/css" media="all" /></noscript> 1211 1212<link href="//spinfans.com.sg/cdn/shop/t/2/assets/component-card-horizontal.css?v=108497491611950451291773639295" rel="stylesheet" type="text/css" media="all" /> 1213<link href="//spinfans.com.sg/cdn/shop/t/2/assets/component-card.css?v=39868778460217132291773639295" rel="stylesheet" type="text/css" media="all" /> 1214<link href="//spinfans.com.sg/cdn/shop/t/2/assets/component-newsletter.css?v=104124400230438787871773639295" rel="stylesheet" type="text/css" media="all" />
1215<script src="//spinfans.com.sg/cdn/shop/t/2/assets/header.js?v=136112842206596474941773639295" defer="defer"></script>
1215 1216 1217<style> 1218 :root { 1219 --header-min-height : 60px; 1220 } 1221 1222 @media screen and (min-width: 1150px) { 1223 header-drawer { 1224 display: none; 1225 } 1226 } 1227 .menu-drawer-container { 1228 display: flex; 1229 } 1230 1231 summary.list-menu__item { 1232 padding-right: 2.7rem; 1233 } 1234 .header-top__right { 1235 display: flex; 1236 align-items: center; 1237 gap: 12px; 1238} 1239.header__custom-button { 1240 white-space: nowrap; 1241} 1242.header-top__right { 1243 display: flex; 1244 align-items: center; 1245 gap: 12px; 1246} 1247.header__custom-button--mobile { 1248 margin-bottom: 1rem; 1249} 1250@media screen and (max-width: 1149px) { 1251 .header__custom-button--desktop { 1252 display: none !important; 1253 } 1254} 1255</style> 1256
1257<script src="//spinfans.com.sg/cdn/shop/t/2/assets/details-disclosure.js?v=72810235320323687291773639295" defer="defer"></script>
vendor: 1 bytes, line 1257
1257
1258<script src="//spinfans.com.sg/cdn/shop/t/2/assets/details-modal.js?v=68380403784609942651773639295" defer="defer"></script>
1258<script src="//spinfans.com.sg/cdn/shop/t/2/assets/cart.js?v=84445009130338719431773639295" defer="defer"></script>
1258 1259
1259<script src="//spinfans.com.sg/cdn/shop/t/2/assets/cart-drawer.js?v=151325163956153356151773639295" defer="defer"></script>
1259<svg xmlns="http://www.w3.org/2000/svg" class="hidden"> 1260 <symbol id="icon-search" viewBox="0 0 16 16" fill="none"> 1261 <path d="M12.5233 11.4628L15.7355 14.6743L14.6743 15.7355L11.4628 12.5233C10.2678 13.4812 8.7815 14.0022 7.25 14C3.524 14 0.5 10.976 0.5 7.25C0.5 3.524 3.524 0.5 7.25 0.5C10.976 0.5 14 3.524 14 7.25C14.0022 8.7815 13.4812 10.2678 12.5233 11.4628ZM11.0188 10.9063C11.9706 9.92741 12.5022 8.61532 12.5 7.25C12.5 4.349 10.1503 2 7.25 2C4.349 2 2 4.349 2 7.25C2 10.1503 4.349 12.5 7.25 12.5C8.61532 12.5022 9.92741 11.9706 10.9063 11.0188L11.0188 10.9063Z" fill="currentColor"/> 1262 </symbol> 1263 1264 <symbol id="icon-close" class="icon icon-close" fill="none" viewBox="0 0 11 11"> 1265 <path d="M9.00568 0.823302L5.33333 4.4989L1.66099 0.823302L1.48421 0.646368L1.30736 0.823223L0.823223 1.30736L0.646368 1.48421L0.823302 1.66099L4.4989 5.33333L0.823302 9.00568L0.646368 9.18246L0.823223 9.35931L1.30736 9.84344L1.48421 10.0203L1.66099 9.84337L5.33333 6.16777L9.00568 9.84337L9.18246 10.0203L9.35931 9.84344L9.84344 9.35931L10.0203 9.18246L9.84337 9.00568L6.16777 5.33333L9.84337 1.66099L10.0203 1.48421L9.84344 1.30736L9.35931 0.823223L9.18246 0.646368L9.00568 0.823302Z" fill="currentColor" stroke="currentColor" stroke-width="0.5"/> 1266 </symbol> 1267 1268 <symbol id="icon-close-small" class="icon icon-close-small" viewBox="0 0 12 13"> 1269 <path d="M8.48627 9.32917L2.82849 3.67098" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 1270 <path d="M2.88539 9.38504L8.42932 3.61524" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/> 1271 </symbol> 1272</svg> 1273 1274 1275 1276 1277<sticky-header data-sticky-type="on-scroll-up" class="header-wrapper" data-overlay-with-background="false" data-on-scroll-inverse="false"> 1278 <header class="header header--has-menu "> 1279 <div class="header-top"> 1280 <div class="header-top-container header-top-background color-background-1 background"> 1281 <div class="header-top__wrapper header-top-background container color-background-1 background"> 1282 1283<header-drawer data-breakpoint="tablet"> 1284 <details class="menu-drawer-container"> 1285 <summary class="header__icon header__icon--menu header__icon--summary focus-inset" aria-label="Menu"> 1286 <span class="header__modal-icon header__modal-open"> 1287 1288 1289<svg 1290 width="36" 1291 height="17" 1292 viewBox="0 0 36 17" 1293 fill="none" 1294 xmlns="http://www.w3.org/2000/svg" 1295> 1296 <path d="M0 1.5H36" stroke="currentColor" stroke-width="1.5"/> 1297 <path d="M0 8.5H36" stroke="currentColor" stroke-width="1.5"/> 1298 <path d="M0 15.5H36" stroke="currentColor" stroke-width="1.5"/> 1299</svg> 1300 1301 1302 </span> 1303 <span class="header__modal-icon header__modal-close-button"> 1304 1305 1306<svg 1307 width="14" 1308 height="14" 1309 viewBox="0 0 14 14" 1310 aria-hidden="true" 1311 focusable="false" 1312 role="presentation" 1313 class="icon icon-close" 1314 fill="none" 1315 xmlns="http://www.w3.org/2000/svg" 1316> 1317 <path d="M10.9375 3.0625L3.0625 10.9375" stroke="currentColor" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/> 1318 <path d="M10.9375 10.9375L3.0625 3.0625" stroke="currentColor" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/> 1319</svg> 1320 1321 </span> 1322 </summary> 1323 <div id="menu-drawer" class="menu-drawer motion-reduce background color-background-1" tabindex="-1" data-color-scheme="color-background-1"> 1324 1325 <div class="menu-drawer__inner-container"> 1326 <div class="menu-drawer__navigation-container"> 1327 <nav class="menu-drawer__navigation"> 1328 <ul class="menu-drawer__menu list-menu list-unstyled" role="list"><li><a href="/pages/philosophy" class="menu-drawer__menu-item list-menu__item focus-inset extra-large-font"> 1329 Philosophy 1330 </a></li><li><div class="menu-drawer__menu-item-wrapper"> 1331 <a href="/collections/main-collections" class="menu-drawer__menu-item list-menu__item focus-inset extra-large-font"> 1332 Collections 1333 </a> 1334 <details class="menu-drawer__dropdown-details"> 1335 <summary class="menu-drawer__dropdown-toggle" aria-label="Toggle submenu"> 1336 <svg 1337 width="16" 1338 height="16" 1339 viewBox="0 0 16 16" 1340 fill="none" 1341 xmlns="http://www.w3.org/2000/svg" 1342 class="icon icon-caret" 1343 focusable="false" 1344> 1345 <path d="M8.00048 9.28166L4.70048 5.98166L3.75781 6.92432L8.00048 11.167L12.2431 6.92432L11.3005 5.98166L8.00048 9.28166Z" fill="currentColor"/> 1346</svg> 1347 1348 </summary> 1349 <div id="link-Collections" class="menu-drawer__submenu motion-reduce" tabindex="-1"> 1350 <div class="menu-drawer__inner-submenu"> 1351 <button class="menu-drawer__close-button focus-inset" aria-expanded="true"> 1352 <svg 1353 width="42" 1354 height="42" 1355 viewBox="0 0 42 42" 1356 class="icon icon-arrow" 1357 fill="none" 1358 xmlns="http://www.w3.org/2000/svg" 1359> 1360 <path fill-rule="evenodd" clip-rule="evenodd" d="M27.5772 22.5187H12.25V20.7187H27.5772L22.1136 15.2551L23.3864 13.9823L30.3864 20.9823L31.0228 21.6187L30.3864 22.2551L23.3864 29.2551L22.1136 27.9823L27.5772 22.5187Z" fill="currentColor"/> 1361</svg> 1362 1363 Collections 1364 </button> 1365 <ul class="menu-drawer__menu list-menu list-unstyled" role="list" tabindex="-1"><li><a href="/products/signature-collection" class="menu-drawer__menu-item list-menu__item focus-inset"> 1366 SIGNATURE Collection 1367 </a></li><li><a href="/products/timber-collection" class="menu-drawer__menu-item list-menu__item focus-inset"> 1368 TIMBER Collection 1369 </a></li><li><a href="/products/sphere-collection" class="menu-drawer__menu-item list-menu__item focus-inset"> 1370 SPHERE Collection 1371 </a></li><li><a href="/products/onix-collection" class="menu-drawer__menu-item list-menu__item focus-inset"> 1372 ONIX Collection 1373 </a></li><li><a href="/products/onix-pro-collection" class="menu-drawer__menu-item list-menu__item focus-inset"> 1374 ONIX PRO Collection 1375 </a></li><li>
1375<details> 1376 <summary class="menu-drawer__menu-item list-menu__item focus-inset"> 1377 <span class="medium-font"> 1378 CHROMATIC Collection 1379 </span> 1380 </summary> 1381 <div id="childlink-CHROMATIC Collection" class="menu-drawer__submenu motion-reduce"> 1382 <button class="menu-drawer__close-button focus-inset" aria-expanded="true"> 1383 <svg 1384 width="42" 1385 height="42" 1386 viewBox="0 0 42 42" 1387 class="icon icon-arrow" 1388 fill="none" 1389 xmlns="http://www.w3.org/2000/svg" 1390> 1391 <path fill-rule="evenodd" clip-rule="evenodd" d="M27.5772 22.5187H12.25V20.7187H27.5772L22.1136 15.2551L23.3864 13.9823L30.3864 20.9823L31.0228 21.6187L30.3864 22.2551L23.3864 29.2551L22.1136 27.9823L27.5772 22.5187Z" fill="currentColor"/> 1392</svg> 1393 1394 CHROMATIC Collection 1395 </button> 1396 <ul class="menu-drawer__menu list-menu list-unstyled" role="list" tabindex="-1"><li> 1397 <a href="/products/chromatic-primary-collection" class="menu-drawer__menu-item list-menu__item focus-inset"> 1398 Primary Series 1399 </a> 1400 </li><li> 1401 <a href="/products/chromatic-winter-collection" class="menu-drawer__menu-item list-menu__item focus-inset"> 1402 Winter Series 1403 </a> 1404 </li><li> 1405 <a href="/products/chromatic-spring-collection" class="menu-drawer__menu-item list-menu__item focus-inset"> 1406 Spring Series 1407 </a> 1408 </li><li> 1409 <a href="/products/chromatic-summer-collection" class="menu-drawer__menu-item list-menu__item focus-inset"> 1410 Summer Series 1411 </a> 1412 </li><li> 1413 <a href="/products/chromatic-fall-collection" class="menu-drawer__menu-item list-menu__item focus-inset"> 1414 Fall Series 1415 </a> 1416 </li></ul> 1417 </div> 1418 </details></li></ul> 1419 </div> 1420 </div> 1421 </details> 1422 </div></li><li><a href="/blogs/projects" class="menu-drawer__menu-item list-menu__item focus-inset menu-drawer__menu-item--active extra-large-font" aria-current="page"> 1423 Projects 1424 </a></li><li><a href="/pages/sustainability" class="menu-drawer__menu-item list-menu__item focus-inset extra-large-font"> 1425 Sustainability 1426 </a></li><li><div class="menu-drawer__menu-item-wrapper"> 1427 <a href="#" class="menu-drawer__menu-item list-menu__item focus-inset extra-large-font"> 1428 Support 1429 </a> 1430 <details class="menu-drawer__dropdown-details"> 1431 <summary class="menu-drawer__dropdown-toggle" aria-label="Toggle submenu"> 1432 <svg 1433 width="16" 1434 height="16" 1435 viewBox="0 0 16 16" 1436 fill="none" 1437 xmlns="http://www.w3.org/2000/svg" 1438 class="icon icon-caret" 1439 focusable="false" 1440> 1441 <path d="M8.00048 9.28166L4.70048 5.98166L3.75781 6.92432L8.00048 11.167L12.2431 6.92432L11.3005 5.98166L8.00048 9.28166Z" fill="currentColor"/> 1442</svg> 1443 1444 </summary> 1445 <div id="link-Support" class="menu-drawer__submenu motion-reduce" tabindex="-1"> 1446 <div class="menu-drawer__inner-submenu"> 1447 <button class="menu-drawer__close-button focus-inset" aria-expanded="true"> 1448 <svg 1449 width="42" 1450 height="42" 1451 viewBox="0 0 42 42" 1452 class="icon icon-arrow" 1453 fill="none" 1454 xmlns="http://www.w3.org/2000/svg" 1455> 1456 <path fill-rule="evenodd" clip-rule="evenodd" d="M27.5772 22.5187H12.25V20.7187H27.5772L22.1136 15.2551L23.3864 13.9823L30.3864 20.9823L31.0228 21.6187L30.3864 22.2551L23.3864 29.2551L22.1136 27.9823L27.5772 22.5187Z" fill="currentColor"/> 1457</svg> 1458 1459 Support 1460 </button> 1461 <ul class="menu-drawer__menu list-menu list-unstyled" role="list" tabindex="-1"><li><a href="/pages/catalogue" class="menu-drawer__menu-item list-menu__item focus-inset"> 1462 Catalogue 1463 </a></li><li><a href="/pages/references" class="menu-drawer__menu-item list-menu__item focus-inset"> 1464 References 1465 </a></li><li><a href="/pages/warranty-registration" class="menu-drawer__menu-item list-menu__item focus-inset"> 1466 Warranty 1467 </a></li><li><a href="https://servicebookingfancare.fieldrobo.io" class="menu-drawer__menu-item list-menu__item focus-inset"> 1468 Servicing 1469 </a></li><li><a href="/pages/contact" class="menu-drawer__menu-item list-menu__item focus-inset"> 1470 Contact 1471 </a></li></ul> 1472 </div> 1473 </div> 1474 </details> 1475 </div></li></ul> 1476 </nav> 1477 <div class="menu-drawer__utility-links"><a href="/pages/appointment-booking" 1478 class="button button--primary menu-drawer__account focus-inset header__custom-button--mobile" 1479 > 1480 <span class="button-label">BOOK APPOINTMENT</span> 1481</a> 1482<a href="https://spinfans.com.sg/customer_authentication/redirect?locale=en®ion_country=SG" class="button button--primary menu-drawer__account focus-inset"> 1483 <span class="button-label">Log in</span> 1484 </a> 1485 <div class="menu-drawer__account-register"> 1486 <span>No account yet?</span> 1487 <a href="https://shopify.com/95549358367/account?locale=en®ion_country=SG&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJzcGluLWZhbnMtMjAyNi5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTE3MzkyMTUsIm5iZiI6MTc5MTEzNDQxNX0.wFe1oRwvVqnK00pwhcaIRu8EXogSQIbZE_ffBewBwJA" class="button button--simple"> 1488 <span class="button-label">Create Account</span> 1489 </a> 1490 </div></div> 1491 <div class="menu-drawer__footer"> 1492 </div> 1493 </div> 1494 </div> 1495 </div> 1496 </details> 1497 </header-drawer> 1498 <div class="header-top__left header-top__left-center"> 1499 1500 1501 1502 <nav class="header__menu"><ul class="list-menu list-menu--inline list-unstyled" role="list"> 1503 1504 1505 1506 1507 1508 <li 1509 class=" 1510 1511 1512 " 1513 > 1514 <a 1515 href="/pages/philosophy" 1516class="header__menu-item list-menu__item focus-inset" 1517 1518 aria-label="Philosophy" 1519> 1520 <span 1521 title="Philosophy" 1522 > 1523 1524 1525 <span class="animation-wrapper" hoverstagger="link"> 1526 <span class="animation" hoverstagger="text"> 1527 <span class="word" id="word1">Philosophy</span> 1528 </span> 1529 <span class="is-2 animation" hoverstagger="text"> 1530 <span class="word" id="word2">Philosophy</span> 1531 </span> 1532 </span> 1533 1534 </span> 1535</a> 1536 1537 </li> 1538 1539 1540 1541 1542 1543 <li 1544 class=" 1545 list-menu-has-child 1546 1547 " 1548 > 1549 <a 1550 href="/collections/main-collections" 1551class="header__menu-item list-menu__item focus-inset" 1552 1553 aria-label="Collections" 1554> 1555 <span 1556 title="Collections" 1557 > 1558 1559 1560 <span class="animation-wrapper" hoverstagger="link"> 1561 <span class="animation" hoverstagger="text"> 1562 <span class="word" id="word1">Collections</span> 1563 </span> 1564 <span class="is-2 animation" hoverstagger="text"> 1565 <span class="word" id="word2">Collections</span> 1566 </span> 1567 </span> 1568 1569 </span> 1570</a> 1571 1572 <ul 1573 class="header__submenu header__submenu-first_level list-menu list-menu--disclosure motion-reduce color-background-1 list-unstyled" 1574 role="list" 1575 tabindex="-1" 1576 ><li 1577 tabindex="-1" 1578 class="" 1579 data-hover-opacity="2" 1580 ><a 1581 href="/products/signature-collection" 1582 1583 class="header__menu-item medium-font list-menu__item focus-inset " 1584 1585 > 1586 <span> 1587 SIGNATURE Collection 1588 </span> 1589 </a></li><li 1590 tabindex="-1" 1591 class="" 1592 data-hover-opacity="2" 1593 ><a 1594 href="/products/timber-collection" 1595 1596 class="header__menu-item medium-font list-menu__item focus-inset " 1597 1598 > 1599 <span> 1600 TIMBER Collection 1601 </span> 1602 </a></li><li 1603 tabindex="-1" 1604 class="" 1605 data-hover-opacity="2" 1606 ><a 1607 href="/products/sphere-collection" 1608 1609 class="header__menu-item medium-font list-menu__item focus-inset " 1610 1611 > 1612 <span> 1613 SPHERE Collection 1614 </span> 1615 </a></li><li 1616 tabindex="-1" 1617 class="" 1618 data-hover-opacity="2" 1619 ><a 1620 href="/products/onix-collection" 1621 1622 class="header__menu-item medium-font list-menu__item focus-inset " 1623 1624 > 1625 <span> 1626 ONIX Collection 1627 </span> 1628 </a></li><li 1629 tabindex="-1" 1630 class="" 1631 data-hover-opacity="2" 1632 ><a 1633 href="/products/onix-pro-collection" 1634 1635 class="header__menu-item medium-font list-menu__item focus-inset " 1636 1637 > 1638 <span> 1639 ONIX PRO Collection 1640 </span> 1641 </a></li><li 1642 tabindex="-1" 1643 class="list-menu-has-child" 1644 data-hover-opacity="2" 1645 ><a 1646 href="##" 1647 class="header__menu-item medium-font list-menu__item focus-inset cursor-default" 1648 > 1649 <span> 1650 CHROMATIC Collection 1651 </span> 1652 </a> 1653 <ul 1654 class="header__submenu list-menu--disclosure list-menu motion-reduce color-background-1 list-unstyled" 1655 tabindex="-1" 1656 ><li data-hover-opacity="3"> 1657 <a 1658 href="/products/chromatic-primary-collection" 1659 1660 class="header__menu-item medium-font list-menu__item focus-inset" 1661 1662 > 1663 <span> 1664 Primary Series 1665 </span> 1666 </a> 1667 </li><li data-hover-opacity="3"> 1668 <a 1669 href="/products/chromatic-winter-collection" 1670 1671 class="header__menu-item medium-font list-menu__item focus-inset" 1672 1673 > 1674 <span> 1675 Winter Series 1676 </span> 1677 </a> 1678 </li><li data-hover-opacity="3"> 1679 <a 1680 href="/products/chromatic-spring-collection" 1681 1682 class="header__menu-item medium-font list-menu__item focus-inset" 1683 1684 > 1685 <span> 1686 Spring Series 1687 </span> 1688 </a> 1689 </li><li data-hover-opacity="3"> 1690 <a 1691 href="/products/chromatic-summer-collection" 1692 1693 class="header__menu-item medium-font list-menu__item focus-inset" 1694 1695 > 1696 <span> 1697 Summer Series 1698 </span> 1699 </a> 1700 </li><li data-hover-opacity="3"> 1701 <a 1702 href="/products/chromatic-fall-collection" 1703 1704 class="header__menu-item medium-font list-menu__item focus-inset" 1705 1706 > 1707 <span> 1708 Fall Series 1709 </span> 1710 </a> 1711 </li></ul></li></ul> 1712 1713
1714<script> 1715 (function () { 1716 const submenuActive = () => { 1717 const parentMenuItems = document.querySelectorAll( 1718 '.header__submenu-first_level .list-menu-has-child' 1719 ); 1720 1721 parentMenuItems.forEach((item) => { 1722 item.addEventListener('mouseenter', () => { 1723 parentMenuItems.forEach((el) => el.classList.remove('active')); 1724 item.classList.add('active'); 1725 }); 1726 }); 1727 }; 1728 1729 document.addEventListener('DOMContentLoaded', function () { 1730 submenuActive(); 1731 }); 1732 1733 document.addEventListener('shopify:section:load', function () { 1734 submenuActive(); 1735 }); 1736 })(); 1737</script>
1737 1738 1739 </li> 1740 1741 1742 1743 1744 1745 <li 1746 class=" 1747 current-link 1748 1749 " 1750 > 1751 <a 1752 href="/blogs/projects" 1753class="header__menu-item list-menu__item focus-inset current-link" 1754 aria-current="page" 1755 1756 1757 aria-label="Projects" 1758> 1759 <span 1760 class="header__active-menu-item" 1761 1762 title="Projects" 1763 > 1764 1765 1766 <span class="animation-wrapper" hoverstagger="link"> 1767 <span class="animation" hoverstagger="text"> 1768 <span class="word" id="word1">Projects</span> 1769 </span> 1770 <span class="is-2 animation" hoverstagger="text"> 1771 <span class="word" id="word2">Projects</span> 1772 </span> 1773 </span> 1774 1775 </span> 1776</a> 1777 1778 </li> 1779 1780 1781 1782 1783 1784 <li 1785 class=" 1786 1787 1788 " 1789 > 1790 <a 1791 href="/pages/sustainability" 1792class="header__menu-item list-menu__item focus-inset" 1793 1794 aria-label="Sustainability" 1795> 1796 <span 1797 title="Sustainability" 1798 > 1799 1800 1801 <span class="animation-wrapper" hoverstagger="link"> 1802 <span class="animation" hoverstagger="text"> 1803 <span class="word" id="word1">Sustainability</span> 1804 </span> 1805 <span class="is-2 animation" hoverstagger="text"> 1806 <span class="word" id="word2">Sustainability</span> 1807 </span> 1808 </span> 1809 1810 </span> 1811</a> 1812 1813 </li> 1814 1815 1816 1817 1818 1819 <li 1820 class=" 1821 list-menu-has-child 1822 1823 " 1824 > 1825 <a 1826 href="#" 1827class="header__menu-item list-menu__item focus-inset" 1828 1829 target="_blank" 1830 1831 aria-label="Support" 1832> 1833 <span 1834 title="Support" 1835 > 1836 1837 1838 <span class="animation-wrapper" hoverstagger="link"> 1839 <span class="animation" hoverstagger="text"> 1840 <span class="word" id="word1">Support</span> 1841 </span> 1842 <span class="is-2 animation" hoverstagger="text"> 1843 <span class="word" id="word2">Support</span> 1844 </span> 1845 </span> 1846 1847 </span> 1848</a> 1849 1850 <ul 1851 class="header__submenu header__submenu-first_level list-menu list-menu--disclosure motion-reduce color-background-1 list-unstyled" 1852 role="list" 1853 tabindex="-1" 1854 ><li 1855 tabindex="-1" 1856 class="" 1857 data-hover-opacity="2" 1858 ><a 1859 href="/pages/catalogue" 1860 1861 class="header__menu-item medium-font list-menu__item focus-inset " 1862 1863 > 1864 <span> 1865 Catalogue 1866 </span> 1867 </a></li><li 1868 tabindex="-1" 1869 class="" 1870 data-hover-opacity="2" 1871 ><a 1872 href="/pages/references" 1873 1874 class="header__menu-item medium-font list-menu__item focus-inset " 1875 1876 > 1877 <span> 1878 References 1879 </span> 1880 </a></li><li 1881 tabindex="-1" 1882 class="" 1883 data-hover-opacity="2" 1884 ><a 1885 href="/pages/warranty-registration" 1886 1887 class="header__menu-item medium-font list-menu__item focus-inset " 1888 1889 > 1890 <span> 1891 Warranty 1892 </span> 1893 </a></li><li 1894 tabindex="-1" 1895 class="" 1896 data-hover-opacity="2" 1897 ><a 1898 href="https://servicebookingfancare.fieldrobo.io" 1899 1900 target="_blank" 1901 1902 class="header__menu-item medium-font list-menu__item focus-inset " 1903 1904 > 1905 <span> 1906 Servicing 1907 </span> 1908 </a></li><li 1909 tabindex="-1" 1910 class="" 1911 data-hover-opacity="2" 1912 ><a 1913 href="/pages/contact" 1914 1915 class="header__menu-item medium-font list-menu__item focus-inset " 1916 1917 > 1918 <span> 1919 Contact 1920 </span> 1921 </a></li></ul> 1922 1923
1924<script> 1925 (function () { 1926 const submenuActive = () => { 1927 const parentMenuItems = document.querySelectorAll( 1928 '.header__submenu-first_level .list-menu-has-child' 1929 ); 1930 1931 parentMenuItems.forEach((item) => { 1932 item.addEventListener('mouseenter', () => { 1933 parentMenuItems.forEach((el) => el.classList.remove('active')); 1934 item.classList.add('active'); 1935 }); 1936 }); 1937 }; 1938 1939 document.addEventListener('DOMContentLoaded', function () { 1940 submenuActive(); 1941 }); 1942 1943 document.addEventListener('shopify:section:load', function () { 1944 submenuActive(); 1945 }); 1946 })(); 1947</script>
1947 1948 1949 </li></ul></nav> 1950 1951 1952 </div> 1953 1954 1955 <div class="header-top__logo"><style> 1956 :root { 1957 --header-logo-width: 100px; 1958 } 1959 </style> 1960 <a href="/" class="header__heading-link focus-inset"> 1961 <img src="//spinfans.com.sg/cdn/shop/files/Logo.svg?v=1773891862&width=100" alt="SPIN Pte Ltd" width="100" height="30.46875" class="header__heading-logo" srcset=" 1962 //spinfans.com.sg/cdn/shop/files/Logo.svg?v=1773891862&width=100, //spinfans.com.sg/cdn/shop/files/Logo.svg?v=1773891862&width=200 2x 1963 "> 1964</a></div> 1965 1966 1967 <div class="header-top__right"> 1968 1969 1970 1971 1972 1973 1974 1975 1976 1977 1978<a href="/pages/appointment-booking" 1979 class="button button--primary header__custom-button header__custom-button--desktop" 1980 > 1981 <span class="button-label">BOOK APPOINTMENT</span> 1982 </a> 1983 1984<div class="header__search"> 1985 <div class="header__details"> 1986 <a href="/search" class="header__icon header__icon--search focus-inset search-modal-trigger" title="Search" aria-label="Search"> 1987 <span class="header-tabs"> 1988 1989 1990 1991 <svg 1992 width="22" 1993 height="23" 1994 viewBox="0 0 22 23" 1995 fill="none" 1996 xmlns="http://www.w3.org/2000/svg" 1997 focusable="false" 1998 aria-hidden="true" 1999 role="presentation" 2000 class="icon icon-search" 2001> 2002 <path d="M9.625 17C13.422 17 16.5 13.922 16.5 10.125C16.5 6.32804 13.422 3.25 9.625 3.25C5.82804 3.25 2.75 6.32804 2.75 10.125C2.75 13.922 5.82804 17 9.625 17Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 2003 <path d="M14.4883 14.9865L19.2518 19.75" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 2004</svg> 2005 2006 2007 2008 </span> 2009 </a> 2010 </div> 2011 </div> 2012 2013<div class="header__account"><details> 2014 <summary class="header__icon header__icon--account header__icon--summary focus-inset modal__toggle" 2015 aria-haspopup="dialog" 2016 role="button" 2017 id="account-icon-open" 2018 > 2019 2020 <span class="header-tabs"> 2021 2022 <svg 2023 width="22" 2024 height="23" 2025 viewBox="0 0 22 23" 2026 fill="none" 2027 xmlns="http://www.w3.org/2000/svg" 2028 aria-hidden="true" 2029 focusable="false" 2030 role="presentation" 2031 class="icon icon-account" 2032> 2033 <path d="M11 14.25C14.0376 14.25 16.5 11.7876 16.5 8.75C16.5 5.71243 14.0376 3.25 11 3.25C7.96243 3.25 5.5 5.71243 5.5 8.75C5.5 11.7876 7.96243 14.25 11 14.25Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 2034 <path d="M2.75 19.0625C4.41461 16.1862 7.43789 14.25 11 14.25C14.5621 14.25 17.5854 16.1862 19.25 19.0625" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 2035</svg> 2036 2037 2038 2039 </span> 2040 </summary> 2041 </details></div> 2042 2043 <a href="/cart" class="header__cart-icon header__cart header__cart--empt header__icon header__icon--cart focus-inset header__only-icon--cart" id="cart-icon-bubble" aria-label="Open cart"> 2044 2045 <span class="header-tabs"> 2046 2047<svg 2048 width="22" 2049 height="23" 2050 viewBox="0 0 22 23" 2051 fill="none" 2052 xmlns="http://www.w3.org/2000/svg" 2053 class="icon icon-cart" 2054 aria-hidden="true" 2055 focusable="false" 2056 role="presentation" 2057> 2058 <path d="M18.5625 6.6875H3.4375C3.0578 6.6875 2.75 6.9953 2.75 7.375V17.6875C2.75 18.0672 3.0578 18.375 3.4375 18.375H18.5625C18.9422 18.375 19.25 18.0672 19.25 17.6875V7.375C19.25 6.9953 18.9422 6.6875 18.5625 6.6875Z" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 2059 <path d="M7.5625 6.6875V6C7.5625 5.08832 7.92466 4.21398 8.56932 3.56932C9.21398 2.92466 10.0883 2.5625 11 2.5625C11.9117 2.5625 12.786 2.92466 13.4307 3.56932C14.0753 4.21398 14.4375 5.08832 14.4375 6V6.6875" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round"/> 2060</svg> 2061 2062 2063 </span> 2064 <span class="header__cart-text hidden">Cart</span> 2065 <span class="cart-count-bubble header-tabs"><span aria-hidden="true"> 2066 0 2067 </span><span class="visually-hidden hidden">0</span> 2068 </span> 2069 </a> 2070 2071 </div>
2072 </div> 2073 </div> 2074 </div> 2075 </header> 2076</sticky-header> 2077 2078 2079
2080<script type="application/ld+json"> 2081 { 2082 "@context": "http://schema.org", 2083 "@type": "Organization", 2084 "name": "SPIN Pte Ltd", 2085 2086 2087 "logo": "https:\/\/spinfans.com.sg\/cdn\/shop\/files\/Logo_128x.svg?v=1773891862", 2088 2089 "sameAs": [ 2090 "", 2091 "", 2092 "", 2093 "", 2094 "", 2095 "", 2096 "", 2097 "", 2098 "" 2099 ], 2100 "url": "https:\/\/spinfans.com.sg" 2101 } 2102 2103</script>
2103 2104
2105<script> 2106 const calcHeader = () => { 2107 const header = document.querySelector('.shopify-section-header'); 2108 const headerObserver = new ResizeObserver((entries) => { 2109 const headerHeight = header.getBoundingClientRect().height.toFixed(2); 2110 document.documentElement.style.setProperty('--header-height', `${headerHeight}px`); 2111 2112 document.querySelectorAll('.header__inline-menu .list-menu--submenu').forEach((item) => { 2113 item.addEventListener('mouseenter', (event) => { 2114 item.querySelectorAll('.header__submenu .header__submenu').forEach((submenu) => { 2115 submenu.style.setProperty('--clientY', `${submenu.getBoundingClientRect().top}px`); 2116 }); 2117 }); 2118 }); 2119 }); 2120 if (header) headerObserver.observe(header); 2121 }; 2122 2123 calcHeader(); 2124 2125 document.addEventListener('shopify:section:load', calcHeader); 2126 document.addEventListener('shopify:section:unload', calcHeader); 2127 document.addEventListener('shopify:section:reorder', calcHeader); 2128 2129</script>
2129 2130<style> #shopify-section-sections--25578881384735__header h2 {font-size: clamp(22px, 6vw, 46px);} #shopify-section-sections--25578881384735__header .menu-drawer__menu-item span.medium-font {font-size: var(--font-menu-size) !important;} </style></div> 2131<!-- END sections: header-group --> 2132 <!-- BEGIN sections: overlay-group --> 2133 2134<!-- END sections: overlay-group --> 2135 2136 <main 2137 id="MainContent" 2138 class="content-for-layout focus-none" 2139 role="main" 2140 tabindex="-1" 2141 > 2142 2143 <section id="shopify-section-template--26129914036511__hero_section_MjWNY9" class="shopify-section hero-section spaced-section"><link href="//spinfans.com.sg/cdn/shop/t/2/assets/hero-section.css?v=161157894589258592251773639295" rel="stylesheet" type="text/css" media="all" />
2144<script src="//spinfans.com.sg/cdn/shop/t/2/assets/hero-section.js?v=174713647193625439651773639295" defer="defer"></script>
2144<style data-shopify>.section-template--26129914036511__hero_section_MjWNY9-padding { 2145 2146 padding-top: 3rem; 2147 2148 2149 2150 padding-bottom: 3rem; 2151 2152} 2153 2154@media screen and (min-width: 990px) { 2155 .section-template--26129914036511__hero_section_MjWNY9-padding { 2156 2157 padding-top: 3.2rem; 2158 2159 2160 2161 padding-bottom: 3.2rem; 2162 2163 } 2164} 2165 2166@media screen and (min-width: 1150px) { 2167 .section-template--26129914036511__hero_section_MjWNY9-padding { 2168 2169 padding-top: 3.2rem; 2170 2171 2172 2173 padding-bottom: 3.2rem; 2174 2175 } 2176} 2177 2178 2179 2180 #shopify-section-template--26129914036511__hero_section_MjWNY9 { 2181 2182 padding-top: 0; 2183 2184 2185 2186 padding-bottom: 0; 2187 2188} 2189 2190@media screen and (min-width: 990px) { 2191 #shopify-section-template--26129914036511__hero_section_MjWNY9 { 2192 2193 padding-top: 0; 2194 2195 2196 2197 padding-bottom: 0; 2198 2199 } 2200} 2201 2202@media screen and (min-width: 1150px) { 2203 #shopify-section-template--26129914036511__hero_section_MjWNY9 { 2204 2205 padding-top: 0; 2206 2207 2208 2209 padding-bottom: 0; 2210 2211 } 2212} 2213 2214 2215 2216 #shopify-section-template--26129914036511__hero_section_MjWNY9 .have-overlay { 2217 --overlay-alpha : 40%; 2218 }</style> 2219<style data-shopify> 2220 #shopify-section-template--26129914036511__hero_section_MjWNY9 .hero_wrapper { 2221 --slide-height : 49%; 2222 } 2223</style> 2224<div 2225 data-per-row="1" 2226 data-id="shopify-section-template--26129914036511__hero_section_MjWNY9" 2227 class="hero color-background-2 background" 2228> 2229 <div class="hero__cursor"></div> 2230 2231 <div class="hero_wrapper overlay-header-paddings have-overlay"> 2232 <div class="hero_content"> 2233 <div class="container"> 2234 2235 <h1 class="hero_heading"> 2236 PROJECTS 2237 </h1> 2238 2239 2240 <div class="hero_text"> 2241 <p>Explore our portfolio of curated spaces, from boutique hospitality destinations to luxury, design-forward residential interiors.</p> 2242 </div> 2243 2244 2245 2246 2247 </div> 2248 </div> 2249 2250 <div class="hero_block"><div class="hero_img" data-id="column_96JEHG"> 2251 2252 <img src="//spinfans.com.sg/cdn/shop/files/Our_project.png?v=1783503167&width=3840" alt="" srcset="//spinfans.com.sg/cdn/shop/files/Our_project.png?v=1783503167&width=375 375w, //spinfans.com.sg/cdn/shop/files/Our_project.png?v=1783503167&width=550 550w, //spinfans.com.sg/cdn/shop/files/Our_project.png?v=1783503167&width=750 750w, //spinfans.com.sg/cdn/shop/files/Our_project.png?v=1783503167&width=1100 1100w, //spinfans.com.sg/cdn/shop/files/Our_project.png?v=1783503167&width=1500 1500w, //spinfans.com.sg/cdn/shop/files/Our_project.png?v=1783503167&width=1780 1780w, //spinfans.com.sg/cdn/shop/files/Our_project.png?v=1783503167&width=2000 2000w, //spinfans.com.sg/cdn/shop/files/Our_project.png?v=1783503167&width=3000 3000w, //spinfans.com.sg/cdn/shop/files/Our_project.png?v=1783503167&width=3840 3840w" width="1512" height="780.0" loading="lazy" class="" sizes="100vw"> 2253 2254 2255</div></div> 2256 </div> 2257 2258 2259</div> 2260<style> #shopify-section-template--26129914036511__hero_section_MjWNY9 h1 {font-size: 64px;} @media screen and (max-width: 749px) {#shopify-section-template--26129914036511__hero_section_MjWNY9 h1 {font-size: 36px; } #shopify-section-template--26129914036511__hero_section_MjWNY9 .hero_content {height: 50vh; }} </style></section><section id="shopify-section-template--26129914036511__rich_text_fcgM9d" class="shopify-section spaced-section rich-text-section"><link href="//spinfans.com.sg/cdn/shop/t/2/assets/section-rich-text.css?v=74796872209234738701773639295" rel="stylesheet" type="text/css" media="all" />
2261<script src="//spinfans.com.sg/cdn/shop/t/2/assets/rich-text.js?v=28348736066681929161773639295" defer="defer"></script>
2261<style data-shopify>.section-template--26129914036511__rich_text_fcgM9d-padding { 2262 2263 padding-top: 3rem; 2264 2265 2266 2267 padding-bottom: 3rem; 2268 2269} 2270 2271@media screen and (min-width: 990px) { 2272 .section-template--26129914036511__rich_text_fcgM9d-padding { 2273 2274 padding-top: 3.2rem; 2275 2276 2277 2278 padding-bottom: 3.2rem; 2279 2280 } 2281} 2282 2283@media screen and (min-width: 1150px) { 2284 .section-template--26129914036511__rich_text_fcgM9d-padding { 2285 2286 padding-top: 3.2rem; 2287 2288 2289 2290 padding-bottom: 3.2rem; 2291 2292 } 2293} 2294 2295 2296 2297 #shopify-section-template--26129914036511__rich_text_fcgM9d { 2298 2299 padding-top: 0; 2300 2301 2302 2303 padding-bottom: 0; 2304 2305} 2306 2307@media screen and (min-width: 990px) { 2308 #shopify-section-template--26129914036511__rich_text_fcgM9d { 2309 2310 padding-top: 0; 2311 2312 2313 2314 padding-bottom: 0; 2315 2316 } 2317} 2318 2319@media screen and (min-width: 1150px) { 2320 #shopify-section-template--26129914036511__rich_text_fcgM9d { 2321 2322 padding-top: 0; 2323 2324 2325 2326 padding-bottom: 0; 2327 2328 } 2329} 2330 2331 2332 2333</style><div 2334 class=" 2335 rich-text container 2336 " 2337> 2338 <div 2339 class="rich-text__blocks section-template--26129914036511__rich_text_fcgM9d-padding color-background-1 background " 2340 style="text-align: left" 2341 > 2342 <div class="rich-text__wrapper"><h2 2343 class="title--section h2" 2344 2345 > 2346 Browse Our Works. 2347 </h2></div> 2348 </div> 2349</div> 2350 2351 2352<style> #shopify-section-template--26129914036511__rich_text_fcgM9d .rich-text__blocks {border-bottom: 1px solid #000; padding-bottom: 12px;} </style></section><section id="shopify-section-template--26129914036511__main" class="shopify-section section-main-blog"><link href="//spinfans.com.sg/cdn/shop/t/2/assets/component-article-card.css?v=177069287296137073511784714556" rel="stylesheet" type="text/css" media="all" /> 2353<link href="//spinfans.com.sg/cdn/shop/t/2/assets/section-main-blog.css?v=52703675930612868071784714586" rel="stylesheet" type="text/css" media="all" /> 2354
2355<script src="//spinfans.com.sg/cdn/shop/t/2/assets/load-more.js?v=103344540486261114581773639295" defer="defer"></script>
vendor: 1 bytes, line 2355
2355
2356<script src="//spinfans.com.sg/cdn/shop/t/2/assets/main-blog.js?v=146985603216039186481773639295" defer="defer"></script>
2356 2357 2358<style data-shopify> 2359 .section-template--26129914036511__main-padding { 2360 2361 padding-top: 3rem; 2362 2363 2364 2365 padding-bottom: 3rem; 2366 2367} 2368 2369@media screen and (min-width: 990px) { 2370 .section-template--26129914036511__main-padding { 2371 2372 padding-top: 3.2rem; 2373 2374 2375 2376 padding-bottom: 3.2rem; 2377 2378 } 2379} 2380 2381@media screen and (min-width: 1150px) { 2382 .section-template--26129914036511__main-padding { 2383 2384 padding-top: 3.2rem; 2385 2386 2387 2388 padding-bottom: 3.2rem; 2389 2390 } 2391} 2392 2393 2394 2395 #shopify-section-template--26129914036511__main { 2396 2397 padding-top: 4rem; 2398 2399 2400 2401 padding-bottom: 6rem; 2402 2403} 2404 2405@media screen and (min-width: 990px) { 2406 #shopify-section-template--26129914036511__main { 2407 2408 padding-top: 5.2rem; 2409 2410 2411 2412 padding-bottom: 8rem; 2413 2414 } 2415} 2416 2417@media screen and (min-width: 1150px) { 2418 #shopify-section-template--26129914036511__main { 2419 2420 padding-top: 6.4rem; 2421 2422 2423 2424 padding-bottom: 10rem; 2425 2426 } 2427} 2428 2429 2430 2431</style> 2432 2433 2434 2435<div class="main-blog"> 2436 <div class="container"> 2437 2438 2439 2440 2441 <div class="blog-tag-filter"> 2442 <a 2443 href="/blogs/projects" 2444 class="blog-tag-filter__item is-active" 2445 > 2446 All 2447 </a> 2448 2449 2450 2451 <a 2452 href="/blogs/projects/tagged/residential" 2453 class="blog-tag-filter__item" 2454 > 2455 Residential 2456 </a> 2457 2458 2459 2460 2461 <a 2462 href="/blogs/projects/tagged/commercial" 2463 class="blog-tag-filter__item" 2464 > 2465 Commercial 2466 </a> 2467 2468 2469 2470 2471 <a 2472 href="/blogs/projects/tagged/project" 2473 class="blog-tag-filter__item" 2474 > 2475 Project 2476 </a> 2477 2478 2479 </div> 2480 2481 2482 2483 <div class="blog-articles__wrapper"> 2484 <ul 2485 class="blog-articles load-more-grid list-unstyled" 2486 style="--per-row: 4" 2487 > 2488 2489 2490 <li> 2491 2492 2493<article 2494 class="article-card article-card-reverse" 2495 aria-labelledby="Article-629235777823" 2496 style="--image-size: 133%" 2497> 2498 2499 <div class="artcile-card_wrapper"> 2500 <div class="article-card_content"> 2501 <div class="article-card_content-top"><div class="article-card__block"> 2502 <div class="article-card__tags"> 2503 2504 2505 <span 2506 class="badge" 2507 title="Residential" 2508 > 2509 Residential 2510 </span> 2511 2512 2513 </div></div> 2514 2515 <h3 2516 class="article-card__title h3" 2517 id="Article-629235777823" 2518 > 2519 <a href="/blogs/projects/timber-ash-konmari-studio" class="full-unstyled-link"> 2520 2521 TIMBER - ASH <br>Konmari Studio 2522 2523 </a> 2524 </h3></div> 2525 2526 </div> 2527 <div class="artcile-card_image-wrapper"> 2528 2529<a 2530 2531 href="/blogs/projects/timber-ash-konmari-studio"class="article-card__image zoom" 2532 > 2533 2534 2535 2536 <img src="//spinfans.com.sg/cdn/shop/articles/Espada_x_ash_-_konmari_studio_2_480x480_ad1a4a52-6c07-4e69-925e-5a009c518359.webp?v=1784886224&width=1296" alt="TIMBER - ASH #Konmari Studio" srcset="//spinfans.com.sg/cdn/shop/articles/Espa
2536da_x_ash_-_konmari_studio_2_480x480_ad1a4a52-6c07-4e69-925e-5a009c518359.webp?v=1784886224&width=375 375w, //spinfans.com.sg/cdn/shop/articles/Espada_x_ash_-_konmari_studio_2_480x480_ad1a4a52-6c07-4e69-925e-5a009c518359.webp?v=1784886224&width=550 550w, //spinfans.com.sg/cdn/shop/articles/Espada_x_ash_-_konmari_studio_2_480x480_ad1a4a52-6c07-4e69-925e-5a009c518359.webp?v=1784886224&width=750 750w, //spinfans.com.sg/cdn/shop/articles/Espada_x_ash_-_konmari_studio_2_480x480_ad1a4a52-6c07-4e69-925e-5a009c518359.webp?v=1784886224&width=1100 1100w" width="480" height="320.0" loading="lazy" sizes="100vw, (min-width: 576px) 50vw, (min-width: 1150px) 33vw" style=" 2537 object-fit: cover; 2538 "> 2539 2540 </a></div> 2541 </div> 2542 2543</article> 2544 2545 </li> 2546 2547 2548 <li> 2549 2550 2551<article 2552 class="article-card article-card-reverse" 2553 aria-labelledby="Article-629214937375" 2554 style="--image-size: 133%" 2555> 2556 2557 <div class="artcile-card_wrapper"> 2558 <div class="article-card_content"> 2559 <div class="article-card_content-top"><div class="article-card__block"> 2560 <div class="article-card__tags"> 2561 2562 2563 <span 2564 class="badge" 2565 title="Project" 2566 > 2567 Project 2568 </span> 2569 2570 2571 </div></div> 2572 2573 <h3 2574 class="article-card__title h3" 2575 id="Article-629214937375" 2576 > 2577 <a href="/blogs/projects/signature-espada-jervois-mansion" class="full-unstyled-link"> 2578 2579 SIGNATURE - ESPADA <br>Jervois Mansion Common Areas 2580 2581 </a> 2582 </h3></div> 2583 2584 </div> 2585 <div class="artcile-card_image-wrapper"> 2586 2587<a 2588 2589 href="/blogs/projects/signature-espada-jervois-mansion"class="article-card__image zoom" 2590 > 2591 2592 2593 2594 <img src="//spinfans.com.sg/cdn/shop/articles/IMG_6886_1_17acc632-255e-4b79-b715-d4ac8c556675.jpg?v=1787042893&width=1296" alt="SIGNATURE - ESPADA #Jervois Mansion Common Areas" srcset="//spinfans.com.sg/cdn/shop/articles/IMG_6886_1_17acc632-255e-4b79-b715-d4ac8c556675.jpg?v=1787042893&width=375 375w, //spinfans.com.sg/cdn/shop/articles/IMG_6886_1_17acc632-255e-4b79-b715-d4ac8c556675.jpg?v=1787042893&width=550 550w, //spinfans.com.sg/cdn/shop/articles/IMG_6886_1_17acc632-255e-4b79-b715-d4ac8c556675.jpg?v=1787042893&width=750 750w, //spinfans.com.sg/cdn/shop/articles/IMG_6886_1_17acc632-255e-4b79-b715-d4ac8c556675.jpg?v=1787042893&width=1100 1100w" width="400" height="600.0000000000001" loading="lazy" sizes="100vw, (min-width: 576px) 50vw, (min-width: 1150px) 33vw" style=" 2595 object-fit: cover; 2596 "> 2597 2598 </a></div> 2599 </div> 2600 2601</article> 2602 2603 </li> 2604 2605 2606 <li> 2607 2608 2609<article 2610 class="article-card article-card-reverse" 2611 aria-labelledby="Article-629214904607" 2612 style="--image-size: 133%" 2613> 2614 2615 <div class="artcile-card_wrapper"> 2616 <div class="article-card_content"> 2617 <div class="article-card_content-top"><div class="article-card__block"> 2618 <div class="article-card__tags"> 2619 2620
2621 <span 2622 class="badge" 2623 title="Project" 2624 > 2625 Project 2626 </span> 2627 2628 2629 </div></div> 2630 2631 <h3 2632 class="article-card__title h3" 2633 id="Article-629214904607" 2634 > 2635 <a href="/blogs/projects/onix-pro-black-warehouse-in-tampines" class="full-unstyled-link"> 2636 2637 ONIX PRO - BLACK <br>Warehouse 2638 2639 </a> 2640 </h3></div> 2641 2642 </div> 2643 <div class="artcile-card_image-wrapper"> 2644 2645<a 2646 2647 href="/blogs/projects/onix-pro-black-warehouse-in-tampines"class="article-card__image zoom" 2648 > 2649 2650 2651 2652 <img src="//spinfans.com.sg/cdn/shop/articles/IMG_0618_1_1_0b21b996-1d98-4626-9056-e5cac3b28ae2.jpg?v=1785987771&width=1296" alt="ONIX PRO - BLACK #Warehouse" srcset="//spinfans.com.sg/cdn/shop/articles/IMG_0618_1_1_0b21b996-1d98-4626-9056-e5cac3b28ae2.jpg?v=1785987771&width=375 375w, //spinfans.com.sg/cdn/shop/articles/IMG_0618_1_1_0b21b996-1d98-4626-9056-e5cac3b28ae2.jpg?v=1785987771&width=550 550w, //spinfans.com.sg/cdn/shop/articles/IMG_0618_1_1_0b21b996-1d98-4626-9056-e5cac3b28ae2.jpg?v=1785987771&width=750 750w, //spinfans.com.sg/cdn/shop/articles/IMG_0618_1_1_0b21b996-1d98-4626-9056-e5cac3b28ae2.jpg?v=1785987771&width=1100 1100w" width="2307" height="3072.0" loading="lazy" sizes="100vw, (min-width: 576px) 50vw, (min-width: 1150px) 33vw" style=" 2653 object-fit: cover; 2654 "> 2655 2656 </a></div> 2657 </div> 2658 2659</article> 2660 2661 </li> 2662 2663 2664 <li> 2665 2666 2667<article 2668 class="article-card article-card-reverse" 2669 aria-labelledby="Article-629214871839" 2670 style="--image-size: 133%" 2671> 2672 2673 <div class="artcile-card_wrapper"> 2674 <div class="article-card_content"> 2675 <div class="article-card_content-top"><div class="article-card__block"> 2676 <div class="article-card__tags"> 2677 2678 2679 <span 2680 class="badge" 2681 title="Project" 2682 > 2683 Project 2684 </span> 2685 2686 2687 </div></div> 2688 2689 <h3 2690 class="article-card__title h3" 2691 id="Article-629214871839" 2692 > 2693 <a href="/blogs/projects/signature-caramel-cdl-ssa" class="full-unstyled-link"> 2694 2695 SIGNATURE - CARAMEL <br>CDL SSA 2696 2697 </a> 2698 </h3></div> 2699 2700 </div> 2701 <div class="artcile-card_image-wrapper"> 2702 2703<a 2704 2705 href="/blogs/projects/signature-caramel-cdl-ssa"class="article-card__image zoom" 2706 > 2707 2708 2709 2710 <img src="//spinfans.com.sg/cdn/shop/articles/IMG_1943_a3addfa6-2c93-4e69-b363-983fd11a5b45.jpg?v=1784886654&width=1296" alt="SIGNATURE - CARAMEL #CDL SSA" srcset="//spinfans.com.sg/cdn/shop/articles/IMG_1943_a3addfa6-2c93-4e69-b363-983fd11a5b45.jpg?v=1784886654&width=375 375w, //spinfans.com.sg/cdn/shop/articles/IMG_1943_a3addfa6-2c93-4e69-b363-983fd11a5b45.jpg?v=1784886654&width=550 550w, //spinfans.com.sg/cdn/shop/articles/IMG_1943_a3addfa6-2c93-4e69-b363-983fd11a5b45.jpg?v=1784886654&width=750 750w, //spinfans.com.sg/cdn/shop/articles/IMG_1943_a3addfa6-2c93-4e69-b363-983fd11a5b45.jpg?v=1784886654&width=1100 1100w" width="3024" height="4032.0" loading="lazy" sizes="100vw, (min-width: 576px) 50vw, (min-width: 1150px) 33vw" style=" 2711 object-fit: cover; 2712 "> 2713 2714 </a></div> 2715 </div> 2716 2717</article> 2718 2719 </li> 2720 2721 2722 <li> 2723 2724 2725<article 2726 class="article-card article-card-reverse" 2727 aria-labelledby="Article-629214839071" 2728 style="--image-size: 133%" 2729> 2730 2731 <div class="artcile-card_wrapper"> 2732 <div class="article-card_content"> 2733 <div class="article-card_content-top"><div class="article-card__block"> 2734 <div class="article-card__tags"> 2735 2736
2737 <span 2738 class="badge" 2739 title="Project" 2740 > 2741 Project 2742 </span> 2743 2744 2745 </div></div> 2746 2747 <h3 2748 class="article-card__title h3" 2749 id="Article-629214839071" 2750 > 2751 <a href="/blogs/projects/onix-white-great-world-mrt-station" class="full-unstyled-link"> 2752 2753 ONIX - WHITE <br>Great World MRT Station 2754 2755 </a> 2756 </h3></div> 2757 2758 </div> 2759 <div class="artcile-card_image-wrapper"> 2760 2761<a 2762 2763 href="/blogs/projects/onix-white-great-world-mrt-station"class="article-card__image zoom" 2764 > 2765 2766 2767 2768 <img src="//spinfans.com.sg/cdn/shop/articles/IMG_4424_copy_480x480_f0c5fbe1-7d28-4282-9da9-b6a58ac0f636.webp?v=1784886615&width=1296" alt="ONIX - WHITE #Great World MRT Station" srcset="//spinfans.com.sg/cdn/shop/articles/IMG_4424_copy_480x480_f0c5fbe1-7d28-4282-9da9-b6a58ac0f636.webp?v=1784886615&width=375 375w, //spinfans.com.sg/cdn/shop/articles/IMG_4424_copy_480x480_f0c5fbe1-7d28-4282-9da9-b6a58ac0f636.webp?v=1784886615&width=550 550w, //spinfans.com.sg/cdn/shop/articles/IMG_4424_copy_480x480_f0c5fbe1-7d28-4282-9da9-b6a58ac0f636.webp?v=1784886615&width=750 750w, //spinfans.com.sg/cdn/shop/articles/IMG_4424_copy_480x480_f0c5fbe1-7d28-4282-9da9-b6a58ac0f636.webp?v=1784886615&width=1100 1100w" width="360" height="480.0" loading="lazy" sizes="100vw, (min-width: 576px) 50vw, (min-width: 1150px) 33vw" style=" 2769 object-fit: cover; 2770 "> 2771 2772 </a></div> 2773 </div> 2774 2775</article> 2776 2777 </li> 2778 2779 2780 <li> 2781 2782 2783<article 2784 class="article-card article-card-reverse" 2785 aria-labelledby="Article-629214806303" 2786 style="--image-size: 133%" 2787> 2788 2789 <div class="artcile-card_wrapper"> 2790 <div class="article-card_content"> 2791 <div class="article-card_content-top"><div class="article-card__block"> 2792 <div class="article-card__tags"> 2793 2794 2795 <span 2796 class="badge" 2797 title="Commercial" 2798 > 2799 Commercial 2800 </span> 2801 2802 2803 </div></div> 2804 2805 <h3 2806 class="article-card__title h3" 2807 id="Article-629214806303" 2808 > 2809 <a href="/blogs/projects/signature-espada-serangoon-house-hotel" class="full-unstyled-link"> 2810 2811 SIGNATURE - ESPADA <br>Serangoon House Hotel 2812 2813 </a> 2814 </h3></div> 2815 2816 </div> 2817 <div class="artcile-card_image-wrapper"> 2818 2819<a 2820 2821 href="/blogs/projects/signature-espada-serangoon-house-hotel"class="article-card__image zoom" 2822 > 2823 2824 2825 2826 <img src="//spinfans.com.sg/cdn/shop/articles/SPIN_Serangoon_House_44f27728-4fdf-42c1-bcf1-5b31fe0f4803.webp?v=1784886291&width=1296" alt="SIGNATURE - ESPADA #Serangoon House Hotel" srcset="//spinfans.com.sg/cdn/shop/articles/SPIN_Serangoon_House_44f27728-4fdf-42c1-bcf1-5b31fe0f4803.webp?v=1784886291&width=375 375w, //spinfans.com.sg/cdn/shop/articles/SPIN_Serangoon_House_44f27728-4fdf-42c1-bcf1-5b31fe0f4803.webp?v=1784886291&width=550 550w, //spinfans.com.sg/cdn/shop/articles/SPIN_Serangoon_House_44f27728-4fdf-42c1-bcf1-5b31fe0f4803.webp?v=1784886291&width=750 750w, //spinfans.com.sg/cdn/shop/articles/SPIN_Serangoon_House_44f27728-4fdf-42c1-bcf1-5b31fe0f4803.webp?v=1784886291&width=1100 1100w" width="1008" height="1344.0" loading="lazy" sizes="100vw, (min-width: 576px) 50vw, (min-width: 1150px) 33vw" style=" 2827 object-fit: cover; 2828 "> 2829 2830 </a></div> 2831 </div> 2832 2833</article> 2834 2835 </li> 2836 2837 2838 <li> 2839 2840 2841<article 2842 class="article-card article-card-reverse" 2843 aria-labelledby="Article-629214773535" 2844 style="--image-size: 133%" 2845> 2846 2847 <div class="artcile-card_wrapper"> 2848 <div class="article-card_content"> 2849 <div class="article-card_content-top"><div class="article-card__block"> 2850 <div class="article-card__tags"> 2851 2852
2853 <span 2854 class="badge" 2855 title="Commercial" 2856 > 2857 Commercial 2858 </span> 2859 2860 2861 </div></div> 2862 2863 <h3 2864 class="article-card__title h3" 2865 id="Article-629214773535" 2866 > 2867 <a href="/blogs/projects/signature-caramel-natsu-cafe" class="full-unstyled-link"> 2868 2869 SIGNATURE - CARAMEL <br>Natsu Cafe 2870 2871 </a> 2872 </h3></div> 2873 2874 </div> 2875 <div class="artcile-card_image-wrapper"> 2876 2877<a 2878 2879 href="/blogs/projects/signature-caramel-natsu-cafe"class="article-card__image zoom" 2880 > 2881 2882 2883 2884 <img src="//spinfans.com.sg/cdn/shop/articles/IMG_1754.webp?v=1784886639&width=1296" alt="SIGNATURE - CARAMEL #Natsu Cafe" srcset="//spinfans.com.sg/cdn/shop/articles/IMG_1754.webp?v=1784886639&width=375 375w, //spinfans.com.sg/cdn/shop/articles/IMG_1754.webp?v=1784886639&width=550 550w, //spinfans.com.sg/cdn/shop/articles/IMG_1754.webp?v=1784886639&width=750 750w, //spinfans.com.sg/cdn/shop/articles/IMG_1754.webp?v=1784886639&width=1100 1100w" width="3024" height="4032.0" loading="lazy" sizes="100vw, (min-width: 576px) 50vw, (min-width: 1150px) 33vw" style=" 2885 object-fit: cover; 2886 "> 2887 2888 </a></div> 2889 </div> 2890 2891</article> 2892 2893 </li> 2894 2895 2896 <li> 2897 2898 2899<article 2900 class="article-card article-card-reverse" 2901 aria-labelledby="Article-629214740767" 2902 style="--image-size: 133%" 2903> 2904 2905 <div class="artcile-card_wrapper"> 2906 <div class="article-card_content"> 2907 <div class="article-card_content-top"><div class="article-card__block"> 2908 <div class="article-card__tags"> 2909 2910 2911 <span 2912 class="badge" 2913 title="Commercial" 2914 > 2915 Commercial 2916 </span> 2917 2918 2919 </div></div> 2920 2921 <h3 2922 class="article-card__title h3" 2923 id="Article-629214740767" 2924 > 2925 <a href="/blogs/projects/signature-espada-veloce-showroom" class="full-unstyled-link"> 2926 2927 SIGNATURE - ESPADA <br>Veloce Showroom 2928 2929 </a> 2930 </h3></div> 2931 2932 </div> 2933 <div class="artcile-card_image-wrapper"> 2934 2935<a 2936 2937 href="/blogs/projects/signature-espada-veloce-showroom"class="article-card__image zoom" 2938 > 2939 2940 2941 2942 <img src="//spinfans.com.sg/cdn/shop/articles/IMG_1557_d30e8097-eb49-4a75-b621-f31d7edf9e7b.webp?v=1784886626&width=1296" alt="SIGNATURE - ESPADA #Veloce Showroom" srcset="//spinfans.com.sg/cdn/shop/articles/IMG_1557_d30e8097-eb49-4a75-b621-f31d7edf9e7b.webp?v=1784886626&width=375 375w, //spinfans.com.sg/cdn/shop/articles/IMG_1557_d30e8097-eb49-4a75-b621-f31d7edf9e7b.webp?v=1784886626&width=550 550w, //spinfans.com.sg/cdn/shop/articles/IMG_1557_d30e8097-eb49-4a75-b621-f31d7edf9e7b.webp?v=1784886626&width=750 750w, //spinfans.com.sg/cdn/shop/articles/IMG_1557_d30e8097-eb49-4a75-b621-f31d7edf9e7b.webp?v=1784886626&width=1100 1100w" width="2268" height="4032.0" loading="lazy" sizes="100vw, (min-width: 576px) 50vw, (min-width: 1150px) 33vw" style=" 2943 object-fit: cover; 2944 "> 2945 2946 </a></div> 2947 </div> 2948 2949</article> 2950 2951 </li> 2952 2953 2954 <li> 2955 2956 2957<article 2958 class="article-card article-card-reverse" 2959 aria-labelledby="Article-629214675231" 2960 style="--image-size: 133%" 2961> 2962 2963 <div class="artcile-card_wrapper"> 2964 <div class="article-card_content"> 2965 <div class="article-card_content-top"><div class="article-card__block"> 2966 <div class="article-card__tags"> 2967 2968
2969 <span 2970 class="badge" 2971 title="Commercial" 2972 > 2973 Commercial 2974 </span> 2975 2976 2977 </div></div> 2978 2979 <h3 2980 class="article-card__title h3" 2981 id="Article-629214675231" 2982 > 2983 <a href="/blogs/projects/signature-caramel-savannah-prestige-global-design-showroom" class="full-unstyled-link"> 2984 2985 SIGNATURE - CARAMEL, SAVANNAH <br>Prestige Global Design Showroom 2986 2987 </a> 2988 </h3></div> 2989 2990 </div> 2991 <div class="artcile-card_image-wrapper"> 2992 2993<a 2994 2995 href="/blogs/projects/signature-caramel-savannah-prestige-global-design-showroom"class="article-card__image zoom" 2996 > 2997 2998 2999 3000 <img src="//spinfans.com.sg/cdn/shop/articles/IMG_7375_480x480_9ac82e71-92ae-4b87-bdb5-8821f21882e1.jpg?v=1784886335&width=1296" alt="SIGNATURE - CARAMEL, SAVANNAH #Prestige Global Design Showroom" srcset="//spinfans.com.sg/cdn/shop/articles/IMG_7375_480x480_9ac82e71-92ae-4b87-bdb5-8821f21882e1.jpg?v=1784886335&width=375 375w, //spinfans.com.sg/cdn/shop/articles/IMG_7375_480x480_9ac82e71-92ae-4b87-bdb5-8821f21882e1.jpg?v=1784886335&width=550 550w, //spinfans.com.sg/cdn/shop/articles/IMG_7375_480x480_9ac82e71-92ae-4b87-bdb5-8821f21882e1.jpg?v=1784886335&width=750 750w, //spinfans.com.sg/cdn/shop/articles/IMG_7375_480x480_9ac82e71-92ae-4b87-bdb5-8821f21882e1.jpg?v=1784886335&width=1100 1100w" width="360" height="480.0" loading="lazy" sizes="100vw, (min-width: 576px) 50vw, (min-width: 1150px) 33vw" style=" 3001 object-fit: cover; 3002 "> 3003 3004 </a></div> 3005 </div> 3006 3007</article> 3008 3009 </li> 3010 3011 3012 <li> 3013 3014 3015<article 3016 class="article-card article-card-reverse" 3017 aria-labelledby="Article-629214642463" 3018 style="--image-size: 133%" 3019> 3020 3021 <div class="artcile-card_wrapper"> 3022 <div class="article-card_content"> 3023 <div class="article-card_content-top"><div class="article-card__block"> 3024 <div class="article-card__tags"> 3025 3026 3027 <span 3028 class="badge" 3029 title="Commercial" 3030 > 3031 Commercial 3032 </span> 3033 3034 3035 </div></div> 3036 3037 <h3 3038 class="article-card__title h3" 3039 id="Article-629214642463" 3040 > 3041 <a href="/blogs/projects/signature-quincy-shake-shack" class="full-unstyled-link"> 3042 3043 SIGNATURE - QUINCY <br>Shake Shack 3044 3045 </a> 3046 </h3></div> 3047 3048 </div> 3049 <div class="artcile-card_image-wrapper"> 3050 3051<a 3052 3053 href="/blogs/projects/signature-quincy-shake-sh
3053ack"class="article-card__image zoom" 3054 > 3055 3056 3057 3058 <img src="//spinfans.com.sg/cdn/shop/articles/DSC00304_480x480_aaa6b804-a290-4bc1-9c1d-ae5bcb84e641.webp?v=1784886605&width=1296" alt="SIGNATURE - QUINCY #Shake Shack" srcset="//spinfans.com.sg/cdn/shop/articles/DSC00304_480x480_aaa6b804-a290-4bc1-9c1d-ae5bcb84e641.webp?v=1784886605&width=375 375w, //spinfans.com.sg/cdn/shop/articles/DSC00304_480x480_aaa6b804-a290-4bc1-9c1d-ae5bcb84e641.webp?v=1784886605&width=550 550w, //spinfans.com.sg/cdn/shop/articles/DSC00304_480x480_aaa6b804-a290-4bc1-9c1d-ae5bcb84e641.webp?v=1784886605&width=750 750w, //spinfans.com.sg/cdn/shop/articles/DSC00304_480x480_aaa6b804-a290-4bc1-9c1d-ae5bcb84e641.webp?v=1784886605&width=1100 1100w" width="480" height="320.0" loading="lazy" sizes="100vw, (min-width: 576px) 50vw, (min-width: 1150px) 33vw" style=" 3059 object-fit: cover; 3060 "> 3061 3062 </a></div> 3063 </div> 3064 3065</article> 3066 3067 </li> 3068 3069 3070 <li> 3071 3072 3073<article 3074 class="article-card article-card-reverse" 3075 aria-labelledby="Article-629214609695" 3076 style="--image-size: 133%" 3077> 3078 3079 <div class="artcile-card_wrapper"> 3080 <div class="article-card_content"> 3081 <div class="article-card_content-top"><div class="article-card__block"> 3082 <div class="article-card__tags"> 3083 3084 3085 <span 3086 class="badge" 3087 title="Commercial" 3088 > 3089 Commercial 3090 </span> 3091 3092 3093 </div></div> 3094 3095 <h3 3096 class="article-card__title h3" 3097 id="Article-629214609695" 3098 > 3099 <a href="/blogs/projects/signature-quincy-terra-hill" class="full-unstyled-link"> 3100 3101 SIGNATURE - QUINCY <br>Terra Hill Showflat 3102 3103 </a> 3104 </h3></div> 3105 3106 </div> 3107 <div class="artcile-card_image-wrapper"> 3108 3109<a 3110 3111 href="/blogs/projects/signature-quincy-terra-hill"class="article-card__image zoom" 3112 > 3113 3114 3115 3116 <img src="//spinfans.com.sg/cdn/shop/articles/Terra_Hill_2_480x480_548211b5-7ac8-4d26-af37-4fb4976eb144.webp?v=1787042950&width=1296" alt="SIGNATURE - QUINCY #Terra Hill Showflat" srcset="//spinfans.com.sg/cdn/shop/articles/Terra_Hill_2_480x480_548211b5-7ac8-4d26-af37-4fb4976eb144.webp?v=1787042950&width=375 375w, //spinfans.com.sg/cdn/shop/articles/Terra_Hill_2_480x480_548211b5-7ac8-4d26-af37-4fb4976eb144.webp?v=1787042950&width=550 550w, //spinfans.com.sg/cdn/shop/articles/Terra_Hill_2_480x480_548211b5-7ac8-4d26-af37-4fb4976eb144.webp?v=1787042950&width=750 750w, //spinfans.com.sg/cdn/shop/articles/Terra_Hill_2_480x480_548211b5-7ac8-4d26-af37-4fb4976eb144.webp?v=1787042950&width=1100 1100w" width="480" height="278.0" loading="lazy" sizes="100vw, (min-width: 576px) 50vw, (min-width: 1150px) 33vw" style=" 3117 object-fit: cover; 3118 "> 3119 3120 </a></div> 3121 </div> 3122 3123</article> 3124 3125 </li> 3126 3127 3128 <li> 3129 3130 3131<article 3132 class="article-card article-card-reverse" 3133 aria-labelledby="Article-629214544159" 3134 style="--image-size: 133%" 3135> 3136 3137 <div class="artcile-card_wrapper"> 3138 <div class="article-card_content"> 3139 <div class="article-card_content-top"><div class="article-card__block"> 3140 <div class="article-card__tags"> 3141 3142
3143 <span 3144 class="badge" 3145 title="Residential" 3146 > 3147 Residential 3148 </span> 3149 3150 3151 </div></div> 3152 3153 <h3 3154 class="article-card__title h3" 3155 id="Article-629214544159" 3156 > 3157 <a href="/blogs/projects/sphere-espada-quincy-savannah-caramel-condo-in-marine-parade" class="full-unstyled-link"> 3158 3159 SPHERE - ESPADA, QUINCY, SAVANNAH, CARAMEL <br>Home 3160 3161 </a> 3162 </h3></div> 3163 3164 </div> 3165 <div class="artcile-card_image-wrapper"> 3166 3167<a 3168 3169 href="/blogs/projects/sphere-espada-quincy-savannah-caramel-condo-in-marine-parade"class="article-card__image zoom" 3170 > 3171 3172 3173 3174 <img src="//spinfans.com.sg/cdn/shop/articles/SPHERE_-_ESPADA_QUINCY_SAVANNAH_CARAMEL_Condo_in_Marine_Parade19.webp?v=1785987711&width=1296" alt="SPHERE - ESPADA, QUINCY, SAVANNAH, CARAMEL #Home" srcset="//spinfans.com.sg/cdn/shop/articles/SPHERE_-_ESPADA_QUINCY_SAVANNAH_CARAMEL_Condo_in_Marine_Parade19.webp?v=1785987711&width=375 375w, //spinfans.com.sg/cdn/shop/articles/SPHERE_-_ESPADA_QUINCY_SAVANNAH_CARAMEL_Condo_in_Marine_Parade19.webp?v=1785987711&width=550 550w, //spinfans.com.sg/cdn/shop/articles/SPHERE_-_ESPADA_QUINCY_SAVANNAH_CARAMEL_Condo_in_Marine_Parade19.webp?v=1785987711&width=750 750w, //spinfans.com.sg/cdn/shop/articles/SPHERE_-_ESPADA_QUINCY_SAVANNAH_CARAMEL_Condo_in_Marine_Parade19.webp?v=1785987711&width=1100 1100w" width="1677" height="2514.0" loading="lazy" sizes="100vw, (min-width: 576px) 50vw, (min-width: 1150px) 33vw" style=" 3175 object-fit: cover; 3176 "> 3177 3178 </a></div> 3179 </div> 3180 3181</article> 3182 3183 </li> 3184 3185 3186 <li> 3187 3188 3189<article 3190 class="article-card article-card-reverse" 3191 aria-labelledby="Article-629214511391" 3192 style="--image-size: 133%" 3193> 3194 3195 <div class="artcile-card_wrapper"> 3196 <div class="article-card_content"> 3197 <div class="article-card_content-top"><div class="article-card__block"> 3198 <div class="article-card__tags"> 3199 3200 3201 <span 3202 class="badge" 3203 title="Residential" 3204 > 3205 Residential 3206 </span> 3207 3208 3209 </div></div> 3210 3211 <h3 3212 class="article-card__title h3" 3213 id="Article-629214511391" 3214 > 3215 <a href="/blogs/projects/sphere-carbon-bto-in-tampines" class="full-unstyled-link"> 3216 3217 SPHERE - CARBON <br>Home 3218 3219 </a> 3220 </h3></div> 3221 3222 </div> 3223 <div class="artcile-card_image-wrapper"> 3224 3225<a 3226 3227 href="/blogs/projects/sphere-carbon-bto-in-tampines"class="article-card__image zoom" 3228 > 3229 3230 3231 3232 <img src="//spinfans.com.sg/cdn/shop/articles/IMG_7394_1_311ab8e8-bdd8-4ff6-b4bb-e72d8f8ea7a9.jpg?v=1785987758&width=1296" alt="SPHERE - CARBON #Home" srcset="//spinfans.com.sg/cdn/shop/articles/IMG_7394_1_311ab8e8-bdd8-4ff6-b4bb-e72d8f8ea7a9.jpg?v=1785987758&width=375 375w, //spinfans.com.sg/cdn/shop/articles/IMG_7394_1_311ab8e8-bdd8-4ff6-b4bb-e72d8f8ea7a9.jpg?v=1785987758&width=550 550w, //spinfans.com.sg/cdn/shop/articles/IMG_7394_1_311ab8e8-bdd8-4ff6-b4bb-e72d8f8ea7a9.jpg?v=1785987758&width=750 750w, //spinfans.com.sg/cdn/shop/articles/IMG_7394_1_311ab8e8-bdd8-4ff6-b4bb-e72d8f8ea7a9.jpg?v=1785987758&width=1100 1100w" width="900" height="900.0" loading="lazy" sizes="100vw, (min-width: 576px) 50vw, (min-width: 1150px) 33vw" style=" 3233 object-fit: cover; 3234 "> 3235 3236 </a></div> 3237 </div> 3238 3239</article> 3240 3241 </li> 3242 3243 3244 <li> 3245 3246 3247<article 3248 class="article-card article-card-reverse" 3249 aria-labelledby="Article-629214445855" 3250 style="--image-size: 133%" 3251> 3252 3253 <div class="artcile-card_wrapper"> 3254 <div class="article-card_content"> 3255 <div class="article-card_content-top"><div class="article-card__block"> 3256 <div class="article-card__tags"> 3257 3258
3259 <span 3260 class="badge" 3261 title="Residential" 3262 > 3263 Residential 3264 </span> 3265 3266 3267 </div></div> 3268 3269 <h3 3270 class="article-card__title h3" 3271 id="Article-629214445855" 3272 > 3273 <a href="/blogs/projects/chromatic-elegant-white-bto-in-hougang" class="full-unstyled-link"> 3274 3275 CHROMATIC - ELEGANT WHITE <br>Home 3276 3277 </a> 3278 </h3></div> 3279 3280 </div> 3281 <div class="artcile-card_image-wrapper"> 3282 3283<a 3284 3285 href="/blogs/projects/chromatic-elegant-white-bto-in-hougang"class="article-card__image zoom" 3286 > 3287 3288 3289 3290 <img src="//spinfans.com.sg/cdn/shop/articles/CHROMATIC_-_Elegant_White_BTO_in_Hougang6.webp?v=1785987729&width=1296" alt="CHROMATIC - ELEGANT WHITE #Home" srcset="//spinfans.com.sg/cdn/shop/articles/CHROMATIC_-_Elegant_White_BTO_in_Hougang6.webp?v=1785987729&width=375 375w, //spinfans.com.sg/cdn/shop/articles/CHROMATIC_-_Elegant_White_BTO_in_Hougang6.webp?v=1785987729&width=550 550w, //spinfans.com.sg/cdn/shop/articles/CHROMATIC_-_Elegant_White_BTO_in_Hougang6.webp?v=1785987729&width=750 750w, //spinfans.com.sg/cdn/shop/articles/CHROMATIC_-_Elegant_White_BTO_in_Hougang6.webp?v=1785987729&width=1100 1100w" width="2571" height="3855.0" loading="lazy" sizes="100vw, (min-width: 576px) 50vw, (min-width: 1150px) 33vw" style=" 3291 object-fit: cover; 3292 "> 3293 3294 </a></div> 3295 </div> 3296 3297</article> 3298 3299 </li> 3300 3301 3302 <li> 3303 3304 3305<article 3306 class="article-card article-card-reverse" 3307 aria-labelledby="Article-629214413087" 3308 style="--image-size: 133%" 3309> 3310 3311 <div class="artcile-card_wrapper"> 3312 <div class="article-card_content"> 3313 <div class="article-card_content-top"><div class="article-card__block"> 3314 <div class="article-card__tags"> 3315 3316 3317 <span 3318 class="badge" 3319 title="Residential" 3320 > 3321 Residential 3322 </span> 3323 3324 3325 </div></div> 3326 3327 <h3 3328 class="article-card__title h3" 3329 id="Article-629214413087" 3330 > 3331 <a href="/blogs/projects/timber-ash-erstudio" class="full-unstyled-link"> 3332 3333 TIMBER - ASH <br>Erstudio 3334 3335 </a> 3336 </h3></div> 3337 3338 </div> 3339 <div class="artcile-card_image-wrapper"> 3340 3341<a 3342 3343 href="/blogs/projects/timber-ash-erstudio"class="article-card__image zoom" 3344 > 3345 3346 3347 3348 <img src="//spinfans.com.sg/cdn/shop/articles/Espa
3348da_-_erstudio.design_480x480_74c95434-04b4-481c-b086-997019852939.webp?v=1784886561&width=1296" alt="TIMBER - ASH #Erstudio" srcset="//spinfans.com.sg/cdn/shop/articles/Espada_-_erstudio.design_480x480_74c95434-04b4-481c-b086-997019852939.webp?v=1784886561&width=375 375w, //spinfans.com.sg/cdn/shop/articles/Espada_-_erstudio.design_480x480_74c95434-04b4-481c-b086-997019852939.webp?v=1784886561&width=550 550w, //spinfans.com.sg/cdn/shop/articles/Espada_-_erstudio.design_480x480_74c95434-04b4-481c-b086-997019852939.webp?v=1784886561&width=750 750w, //spinfans.com.sg/cdn/shop/articles/Espada_-_erstudio.design_480x480_74c95434-04b4-481c-b086-997019852939.webp?v=1784886561&width=1100 1100w" width="480" height="320.0" loading="lazy" sizes="100vw, (min-width: 576px) 50vw, (min-width: 1150px) 33vw" style=" 3349 object-fit: cover; 3350 "> 3351 3352 </a></div> 3353 </div> 3354 3355</article> 3356 3357 </li> 3358 3359 3360 <li> 3361 3362 3363<article 3364 class="article-card article-card-reverse" 3365 aria-labelledby="Article-629214380319" 3366 style="--image-size: 133%" 3367> 3368 3369 <div class="artcile-card_wrapper"> 3370 <div class="article-card_content"> 3371 <div class="article-card_content-top"><div class="article-card__block"> 3372 <div class="article-card__tags"> 3373 3374 3375 <span 3376 class="badge" 3377 title="Residential" 3378 > 3379 Residential 3380 </span> 3381 3382 3383 </div></div> 3384 3385 <h3 3386 class="article-card__title h3" 3387 id="Article-629214380319" 3388 > 3389 <a href="/blogs/projects/timber-oak-rooot-studio" class="full-unstyled-link"> 3390 3391 TIMBER - OAK <br>ROOOT Studio 3392 3393 </a> 3394 </h3></div> 3395 3396 </div> 3397 <div class="artcile-card_image-wrapper"> 3398 3399<a 3400 3401 href="/blogs/projects/timber-oak-rooot-studio"class="article-card__image zoom" 3402 > 3403 3404 3405 3406 <img src="//spinfans.com.sg/cdn/shop/articles/oak_x_espada_-_Roootstudio_1_480x480_434a3aa8-1a31-43bc-a0ed-9af01a62ace1.webp?v=1784886550&width=1296" alt="TIMBER - OAK #ROOOT Studio" srcset="//spinfans.com.sg/cdn/shop/articles/oak_x_espada_-_Roootstudio_1_480x480_434a3aa8-1a31-43bc-a0ed-9af01a62ace1.webp?v=1784886550&width=375 375w, //spinfans.com.sg/cdn/shop/articles/oak_x_espada_-_Roootstudio_1_480x480_434a3aa8-1a31-43bc-a0ed-9af01a62ace1.webp?v=1784886550&width=550 550w, //spinfans.com.sg/cdn/shop/articles/oak_x_espada_-_Roootstudio_1_480x480_434a3aa8-1a31-43bc-a0ed-9af01a62ace1.webp?v=1784886550&width=750 750w, //spinfans.com.sg/cdn/shop/articles/oak_x_espada_-_Roootstudio_1_480x480_434a3aa8-1a31-43bc-a0ed-9af01a62ace1.webp?v=1784886550&width=1100 1100w" width="480" height="320.0" loading="lazy" sizes="100vw, (min-width: 576px) 50vw, (min-width: 1150px) 33vw" style=" 3407 object-fit: cover; 3408 "> 3409 3410 </a></div> 3411 </div> 3412 3413</article> 3414 3415 </li> 3416 3417 </ul> 3418 </div> 3419 3420 3421 3422 3423<link 3424 rel="stylesheet" 3425 href="//spinfans.com.sg/cdn/shop/t/2/assets/component-pagination.css?v=119455000732737464271773639295" 3426 media="print" 3427 onload="this.media='all'" 3428> 3429<noscript><link href="//spinfans.com.sg/cdn/shop/t/2/assets/component-pagination.css?v=119455000732737464271773639295" rel="stylesheet" type="text/css" media="all" /></noscript><div class="pagination-wrapper no-js-block"> 3430 <nav 3431 class="pagination" 3432 role="navigation" 3433 aria-label="Pagination" 3434 > 3435 <ul class="pagination__list list-unstyled" role="list"> 3436 <li class="pagination_arrow "> 3437 <a 3438 href="" 3439 class="pagination__item--prev pagination__item-arrow link motion-reduce" 3440 aria-label="Previous page" 3441 > 3442 <span><svg 3443 width="20" 3444 height="17" 3445 viewBox="0 0 20 17" 3446 fill="none" 3447 xmlns="http://www.w3.org/2000/svg" 3448 role="presentation" 3449 class="icon icon-caret-pagination" 3450 aria-hidden="true" 3451 focusable="false" 3452> 3453 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5772 9.51882H0.25V7.71882H15.5772L10.1136 2.25521L11.3864 0.982422L18.3864 7.98242L19.0228 8.61882L18.3864 9.25521L11.3864 16.2552L10.1136 14.9824L15.5772 9.51882Z" fill="currentColor"/> 3454</svg> 3455</span> 3456 </a> 3457 </li><li><span 3458 class="pagination__item pagination__item--current" 3459 aria-current="page" 3460 aria-label="Page 1" 3461 >1</span></li><li><a 3462 href="/blogs/projects?page=2" 3463 class="pagination__item link" 3464 aria-label="Page 2" 3465 > 3466 <span title="2"> 2</span> 3467 </a></li><li><a 3468 href="/blogs/projects?page=3" 3469 class="pagination__item link" 3470 aria-label="Page 3" 3471 > 3472 <span title="3"> 3</span> 3473 </a></li><li class="pagination_arrow pagination_arrow-active"> 3474 <a 3475 href="/blogs/projects?page=2" 3476 class="pagination__item--next pagination__item-arrow link motion-reduce" 3477 aria-label="Next page" 3478 > 3479 <span><svg 3480 width="20" 3481 height="17" 3482 viewBox="0 0 20 17" 3483 fill="none" 3484 xmlns="http://www.w3.org/2000/svg" 3485 role="presentation" 3486 class="icon icon-caret-pagination" 3487 aria-hidden="true" 3488 focusable="false" 3489> 3490 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.5772 9.51882H0.25V7.71882H15.5772L10.1136 2.25521L11.3864 0.982422L18.3864 7.98242L19.0228 8.61882L18.3864 9.25521L11.3864 16.2552L10.1136 14.9824L15.5772 9.51882Z" fill="currentColor"/> 3491</svg> 3492</span> 3493 </a> 3494 </li> 3495 </ul> 3496 </nav> 3497 </div> 3498 3499 3500 3501 </div> 3502</div> 3503 3504 3505<style> #shopify-section-template--26129914036511__main .blog-tag-filter__item {text-decoration: none;} #shopify-section-template--26129914036511__main .blog-tag-filter__item:hover, #shopify-section-template--26129914036511__main .blog-tag-filter__item:visited, #
3505shopify-section-template--26129914036511__main .blog-tag-filter__item:active {text-decoration: none;} #shopify-section-template--26129914036511__main .blog-articles {row-gap: 10rem;} #shopify-section-template--26129914036511__main .blog-tag-filter__item {font-size: calc(var(--font-heading-h3-scale) * 2.4rem);} @media screen and (max-width: 750px) {#shopify-section-template--26129914036511__main .blog-tag-filter__item {font-size: calc(var(--font-heading-h3-scale) * 2.2rem); }} </style></section> 3506 </main> 3507 <!-- BEGIN sections: footer-group --> 3508<section id="shopify-section-sections--25578881351967__ticker_bUanEd" class="shopify-section shopify-section-group-footer-group ticker-section"><link href="//spinfans.com.sg/cdn/shop/t/2/assets/ticker.css?v=166534981494839659631773639295" rel="stylesheet" type="text/css" media="all" /> 3509
3510<script src="//spinfans.com.sg/cdn/shop/t/2/assets/ticker.js?v=87248670339566529141773639295" defer="defer"></script>
3510 3511 3512<style data-shopify> 3513 .section-sections--25578881351967__ticker_bUanEd-padding { 3514 3515 padding-top: 4rem; 3516 3517 3518 3519 padding-bottom: 4rem; 3520 3521} 3522 3523@media screen and (min-width: 990px) { 3524 .section-sections--25578881351967__ticker_bUanEd-padding { 3525 3526 padding-top: 5.2rem; 3527 3528 3529 3530 padding-bottom: 5.2rem; 3531 3532 } 3533} 3534 3535@media screen and (min-width: 1150px) { 3536 .section-sections--25578881351967__ticker_bUanEd-padding { 3537 3538 padding-top: 6.4rem; 3539 3540 3541 3542 padding-bottom: 6.4rem; 3543 3544 } 3545} 3546 3547 3548 3549 #shopify-section-sections--25578881351967__ticker_bUanEd { 3550 3551 padding-top: 0; 3552 3553 3554 3555 padding-bottom: 0; 3556 3557} 3558 3559@media screen and (min-width: 990px) { 3560 #shopify-section-sections--25578881351967__ticker_bUanEd { 3561 3562 padding-top: 0; 3563 3564 3565 3566 padding-bottom: 0; 3567 3568 } 3569} 3570 3571@media screen and (min-width: 1150px) { 3572 #shopify-section-sections--25578881351967__ticker_bUanEd { 3573 3574 padding-top: 0; 3575 3576 3577 3578 padding-bottom: 0; 3579 3580 } 3581} 3582 3583 3584 3585</style> 3586 3587<div 3588 class="ticker color-background-1 background section-sections--25578881351967__ticker_bUanEd-padding section_border_top" 3589 data-ticker-speed="25" 3590 data-ticker-id="sections--25578881351967__ticker_bUanEd" 3591> 3592 <div class="ticker_wrapper ticker-js-sections--25578881351967__ticker_bUanEd"><div class="ticker_item ticker_item-media"> 3593 <div class="ticker_title"><a href="/products/signature-collection" aria-label="Ticker link" class="ticker_img"> 3594 3595 <img src="//spinfans.com.sg/cdn/shop/files/10_e254eace-2867-49f1-a7e7-7b30ac7e5985.png?v=1780559017&width=560" alt="" srcset="//spinfans.com.sg/cdn/shop/files/10_e254eace-2867-49f1-a7e7-7b30ac7e5985.png?v=1780559017&width=70 70w, //spinfans.com.sg/cdn/shop/files/10_e254eace-2867-49f1-a7e7-7b30ac7e5985.png?v=1780559017&width=140 140w, //spinfans.com.sg/cdn/shop/files/10_e254eace-2867-49f1-a7e7-7b30ac7e5985.png?v=1780559017&width=280 280w, //spinfans.com.sg/cdn/shop/files/10_e254eace-2867-49f1-a7e7-7b30ac7e5985.png?v=1780559017&width=560 560w" width="2000" height="2000.0" loading="lazy" sizes="100vw"> 3596 3597 3598 </a> 3599 <h2 class="ticker_heading"> 3600 SIGNATURE Collection 3601 </h2> 3602 3603 </div> 3604 </div><div class="ticker_item ticker_item-media"> 3605 <div class="ticker_title"><a href="/products/timber-collection" aria-label="Ticker link" class="ticker_img"> 3606 3607 <img src="//spinfans.com.sg/cdn/shop/files/11_333d6d47-40f9-4dfd-9c44-44349cbfa2b9.png?v=1780559019&width=560" alt="" srcset="//spinfans.com.sg/cdn/shop/files/11_333d6d47-40f9-4dfd-9c44-44349cbfa2b9.png?v=1780559019&width=70 70w, //spinfans.com.sg/cdn/shop/files/11_333d6d47-40f9-4dfd-9c44-44349cbfa2b9.png?v=1780559019&width=140 140w, //spinfans.com.sg/cdn/shop/files/11_333d6d47-40f9-4dfd-9c44-44349cbfa2b9.png?v=1780559019&width=280 280w, //spinfans.com.sg/cdn/shop/files/11_333d6d47-40f9-4dfd-9c44-44349cbfa2b9.png?v=1780559019&width=560 560w" width="2000" height="2000.0" loading="lazy" sizes="100vw"> 3608 3609 3610 </a> 3611 <h2 class="ticker_heading"> 3612 TIMBER Collection 3613 </h2> 3614 3615 </div> 3616 </div><div class="ticker_item ticker_item-media"> 3617 <div class="ticker_title"><a href="/products/sphere-collection" aria-label="Ticker link" class="ticker_img"> 3618 3619 <img src="//spinfans.com.sg/cdn/shop/files/12_19946d93-6590-409e-a671-787df74fbcaa.png?v=1780559018&width=560" alt="" srcset="//spinfans.com.sg/cdn/shop/files/12_19946d93-6590-409e-a671-787df74fbcaa.png?v=1780559018&width=70 70w, //spinfans.com.sg/cdn/shop/files/12_19946d93-6590-409e-a671-787df74fbcaa.png?v=1780559018&width=140 140w, //spinfans.com.sg/cdn/shop/files/12_19946d93-6590-409e-a671-787df74fbcaa.png?v=1780559018&width=280 280w, //spinfans.com.sg/cdn/shop/files/12_19946d93-6590-409e-a671-787df74fbcaa.png?v=1780559018&width=560 560w" width="2000" height="2000.0" loading="lazy" sizes="100vw"> 3620 3621 3622 </a> 3623 <h2 class="ticker_heading"> 3624 SPHERE Collection 3625 </h2> 3626 3627 </div> 3628 </div><div class="ticker_item ticker_item-media"> 3629 <div class="ticker_title"><a href="/products/onix-collection" aria-label="Ticker link" class="ticker_img"> 3630 3631 <img src="//spinfans.com.sg/cdn/shop/files/WhatsApp_Image_2026-06-24_at_11.08.12.jpg?v=1782889605&width=560" alt="" srcset="//spinfans.com.sg/cdn/shop/files/WhatsApp_Image_2026-06-24_at_11.08.12.jpg?v=1782889605&width=70 70w, //spinfans.com.sg/cdn/shop/files/WhatsApp_Image_2026-06-24_at_11.08.12.jpg?v=1782889605&width=140 140w, //spinfans.com.sg/cdn/shop/files/WhatsApp_Image_2026-06-24_at_11.08.12.jpg?v=1782889605&width=280 280w, //spinfans.com.sg/cdn/shop/files/WhatsApp_Image_2026-06-24_at_11.08.12.jpg?v=1782889605&width=560 560w" width="640" height="640.0" loading="lazy" sizes="100vw"> 3632 3633 3634 </a> 3635 <h2 class="ticker_heading"> 3636 ONIXâ Collection 3637 </h2> 3638 3639 </div> 3640 </div><div class="ticker_item ticker_item-media"> 3641 <div class="ticker_title"><a href="/products/onix-pro-collection" aria-label="Ticker link" class="ticker_img"> 3642 3643 <img src="//spinfans.com.sg/cdn/shop/files/14_1b32cf83-82f4-4d56-a01b-bb9e23fa871a.png?v=1780559018&width=560" alt="" srcset="//spinfans.com.sg/cdn/shop/files/14_1b32cf83-82f4-4d56-a01b-bb9e23fa871a.png?v=1780559018&width=70 70w, //spinfans.com.sg/cdn/shop/files/14_1b32cf83-82f4-4d56-a01b-bb9e23fa871a.png?v=1780559018&width=140 140w, //spinfans.com.sg/cdn/shop/files/14_1b32cf83-82f4-4d56-a01b-bb9e23fa871a.png?v=1780559018&width=280 280w, //spinfans.com.sg/cdn/shop/files/14_1b32cf83-82f4-4d56-a01b-bb9e23fa871a.png?v=1780559018&width=560 560w" width="2000" height="2000.0" loading="lazy" sizes="100vw"> 3644 3645 3646 </a> 3647 <h2 class="ticker_heading"> 3648 ONIX PRO Collection 3649 </h2> 3650 3651 </div> 3652 </div><div class="ticker_item ticker_item-media"> 3653 <div class="ticker_title"><a href="/collections/chromatic-collections" aria-label="Ticker link" class="ticker_img"> 3654 3655 <img src="//spinfans.com.sg/cdn/shop/files/CHROMATICCollection.png?v=1781508914&width=560" alt="" srcset="//spinfans.com.sg/cdn/shop/files/CHROMATICCollection.png?v=1781508914&width=70 70w, //spinfans.com.sg/cdn/shop/files/CHROMATICCollection.png?v=1781508914&width=140 140w, //spinfans.com.sg/cdn/shop/files/CHROMATICCollection.png?v=1781508914&width=280 280w, //spinfans.com.sg/cdn/shop/files/CHROMATICCollection.png?v=1781508914&width=560 560w" width="1110" height="1110.0" loading="lazy" sizes="100vw"> 3656 3657 3658 </a> 3659 <h2 class="ticker_heading"> 3660 CHROMATIC Collection 3661 </h2> 3662 3663 </div> 3664 </div> 3665 </div> 3666</div> 3667 3668 3669<style> #shopify-section-sections--25578881351967__ticker_bUanEd h2 {font-size: 46px;} @media screen and (max-width: 640px) {#shopify-section-sections--25578881351967__ticker_bUanEd h2 {font-size: 36px; }} </style></section><footer id="shopify-section-sections--25578881351967__footer" class="shopify-section shopify-section-group-footer-group footer-section"> 3670<link href="//spinfans.com.sg/cdn/shop/t/2/assets/section-footer.css?v=46527784547320019891773639295" rel="stylesheet" type="text/css" media="all" /> 3671<link href="//spinfans.com.sg/cdn/shop/t/2/assets/component-localization-form.css?v=15072
36710380932147474611773639295" rel="stylesheet" type="text/css" media="all" /> 3672<link href="//spinfans.com.sg/cdn/shop/t/2/assets/component-newsletter.css?v=104124400230438787871773639295" rel="stylesheet" type="text/css" media="all" /> 3673<link href="//spinfans.com.sg/cdn/shop/t/2/assets/component-accordion.css?v=10061135309361145181773639295" rel="stylesheet" type="text/css" media="all" /> 3674<link href="//spinfans.com.sg/cdn/shop/t/2/assets/component-list-payment.css?v=114313063688072620141773639295" rel="stylesheet" type="text/css" media="all" /> 3675<link href="//spinfans.com.sg/cdn/shop/t/2/assets/component-list-social.css?v=114101654807500246821773639295" rel="stylesheet" type="text/css" media="all" /> 3676<link href="//spinfans.com.sg/cdn/shop/t/2/assets/component-rte.css?v=109075771786706937001773639295" rel="stylesheet" type="text/css" media="all" /> 3677<link href="//spinfans.com.sg/cdn/shop/t/2/assets/disclosure.css?v=115309099965082227151773639295" rel="stylesheet" type="text/css" media="all" /> 3678
3679<script src="//spinfans.com.sg/cdn/shop/t/2/assets/footer.js?v=98711672867116950311773639295" defer="defer"></script>
3679 3680 3681<style data-shopify> 3682 .section-sections--25578881351967__footer-padding { 3683 3684 padding-top: 4rem; 3685 3686 3687 3688 padding-bottom: 0; 3689 3690} 3691 3692@media screen and (min-width: 990px) { 3693 .section-sections--25578881351967__footer-padding { 3694 3695 padding-top: 5.2rem; 3696 3697 3698 3699 padding-bottom: 0; 3700 3701 } 3702} 3703 3704@media screen and (min-width: 1150px) { 3705 .section-sections--25578881351967__footer-padding { 3706 3707 padding-top: 6.4rem; 3708 3709 3710 3711 padding-bottom: 0; 3712 3713 } 3714} 3715 3716 3717 3718 #shopify-section-sections--25578881351967__footer { 3719 3720 padding-top: 0; 3721 3722 3723 3724 padding-bottom: 3rem; 3725 3726} 3727 3728@media screen and (min-width: 990px) { 3729 #shopify-section-sections--25578881351967__footer { 3730 3731 padding-top: 0; 3732 3733 3734 3735 padding-bottom: 3.2rem; 3736 3737 } 3738} 3739 3740@media screen and (min-width: 1150px) { 3741 #shopify-section-sections--25578881351967__footer { 3742 3743 padding-top: 0; 3744 3745 3746 3747 padding-bottom: 3.2rem; 3748 3749 } 3750} 3751 3752 3753 3754</style> 3755 3756<div 3757 class="footer" 3758 id="shopify-section-sections--25578881351967__footer-footer" 3759> 3760 <div class="footer__content-top color-background-1 background section-sections--25578881351967__footer-padding section_border_top"><div class="container"> 3761 3762 <div class="footer-block footer-block--logo"> 3763 <a 3764 href="/" 3765 class="footer__logo-link link focus-inset" 3766 > 3767 3768 3769 <img src="//spinfans.com.sg/cdn/shop/files/Logo.svg?v=1773891862&width=1296" alt="SPIN Pte Ltd" srcset="//spinfans.com.sg/cdn/shop/files/Logo.svg?v=1773891862&width=50 50w, //spinfans.com.sg/cdn/shop/files/Logo.svg?v=1773891862&width=100 100w, //spinfans.com.sg/cdn/shop/files/Logo.svg?v=1773891862&width=150 150w, //spinfans.com.sg/cdn/shop/files/Logo.svg?v=1773891862&width=200 200w, //spinfans.com.sg/cdn/shop/files/Logo.svg?v=1773891862&width=250 250w, //spinfans.com.sg/cdn/shop/files/Logo.svg?v=1773891862&width=300 300w, //spinfans.com.sg/cdn/shop/files/Logo.svg?v=1773891862&width=375 375w" width="300" height="91.40625" loading="lazy" sizes="300" class="footer__logo header__heading-logo"> 3770</a> 3771 </div> 3772 3773 3774 <div class="footer__blocks-wrapper"> 3775 3776<div 3777 class="footer-block store-info__wrapper" 3778 style="text-align: left;" 3779 > 3780 3781 <div class="store-info__text richtext__content medium-font"><h5>SPIN Contact Information</h5><p>Email: <a href="mailto:[email protected]" target="_blank" title="mailto:[email protected]">[email protected]</a> </p><p>WhatsApp: <a href="https://wa.me/6596549021" target="_blank" title="https://wa.me/6596549021">+65 9654 9021</a></p><p>Phone: <a href="tel:6298 1038" target="_blank" title="Phone">+65 6298 1038</a></p></div> 3782 3783 </div><div 3784 class="footer-block store-info__wrapper" 3785 style="text-align: left;" 3786 > 3787 3788 <div class="store-info__text richtext__content medium-font"><h5>SPIN Experiential Lab</h5><p>1 Tampines North Drive 1 </p><p>#04-18 T-Space</p><p>Singapore 528559 (Near Lobby 6)</p><p>Mon-Sun 9am-6pm</p><p>Closed on public holidays</p></div> 3789 3790 </div><div 3791 class="footer-block store-info__wrapper" 3792 style="text-align: left;" 3793 > 3794 3795 <div class="store-info__text richtext__content medium-font"><h5>SPIN Immersive Lab</h5><p>994 Bendemeer Road</p><p>#05-01 B-Central</p><p>Singapore 339943</p><p>Mon-Sun 9am-6pm</p><p>Closed on public holidays</p></div> 3796 3797 </div><div class="accordion"> 3798 <details> 3799 <summary> 3800 <div class="footer-block__heading"> 3801 Quick links 3802 </div> 3803 <svg 3804 width="16" 3805 height="16" 3806 viewBox="0 0 16 16" 3807 fill="none" 3808 xmlns="http://www.w3.org/2000/svg" 3809 class="icon icon-caret" 3810 focusable="false" 3811> 3812 <path d="M8.00048 9.28166L4.70048 5.98166L3.75781 6.92432L8.00048 11.167L12.2431 6.92432L11.3005 5.98166L8.00048 9.28166Z" fill="currentColor"/> 3813</svg> 3814</summary><ul class="footer-block__details-content list-unstyled"><li> 3815 <a 3816 href="/pages/philosophy" 3817 class="footer--button small-font list-menu__item list-menu__item--link" 3818 > 3819 <span>Philosophy</span> 3820 </a> 3821 </li><li> 3822 <a 3823 href="/collections/main-collections" 3824 class="footer--button small-font list-menu__item list-menu__item--link" 3825 > 3826 <span>Collections</span> 3827 </a> 3828 </li><li> 3829 <a 3830 href="/blogs/projects" 3831 class="footer--button small-font list-menu__item list-menu__item--link list-menu__item--active" 3832 > 3833 <span>Projects</span> 3834 </a> 3835 </li><li> 3836 <a 3837 href="/pages/sustainability" 3838 class="footer--button small-font list-menu__item list-menu__item--link" 3839 > 3840 <span>Sustainability</span> 3841 </a> 3842 </li><li> 3843 <a 3844 href="/blogs/blog" 3845 class="footer--button small-font list-menu__item list-menu__item--link" 3846 > 3847 <span>Insights</span> 3848 </a> 3849 </li></ul></details> 3850 </div><div 3851 class="footer-block footer-block--menu" 3852 3853 ><div class="footer-block__heading">Quick links</div><ul class="footer-block__details-content list-unstyled"><li> 3854 <a 3855 href="/pages/philosophy" 3856 class="footer--button button-animation small-font list-menu__item list-menu__item--link" 3857 > 3858 3859 <span>Philosophy</span> 3860 3861 </a> 3862 </li><li> 3863 <a 3864 href="/collections/main-collections" 3865 class="footer--button button-animation small-font list-menu__item list-menu__item--link" 3866 > 3867 3868 <span>Collections</span> 3869 3870 </a> 3871 </li><li> 3872 <a 3873 href="/blogs/projects" 3874 class="footer--button button-animation small-font list-menu__item list-menu__item--link list-menu__item--active" 3875 > 3876 3877 <span>Projects</span> 3878 3879 </a> 3880 </li><li> 3881 <a 3882 href="/pages/sustainability" 3883 class="footer--button button-animation small-font list-menu__item list-menu__item--link" 3884 > 3885 3886 <span>Sustainability</span> 3887 3888 </a> 3889 </li><li> 3890 <a 3891 href="/blogs/blog" 3892 class="footer--button button-animation small-font list-menu__item list-menu__item--link" 3893 > 3894 3895 <span>Insights</span> 3896 3897 </a> 3898 </li></ul></div><div class="accordion"> 3899 <details> 3900 <summary> 3901 <div class="footer-block__heading"> 3902 Support 3903 </div> 3904 <svg 3905 width="16" 3906 height="16" 3907 viewBox="0 0 16 16" 3908 fill="none" 3909 xmlns="http://www.w3.org/2000/svg" 3910 class="icon icon-caret" 3911 focusable="false" 3912> 3913 <path d="M8.00048 9.28166L4.70048 5.98166L3.75781 6.92432L8.00048 11.167L12.2431 6.92432L11.3005 5.98166L8.00048 9.28166Z" fill="currentColor"/> 3914</svg> 3915</summary><ul class="footer-block__details-content list-unstyled"><li> 3916 <a 3917 href="/pages/catalogue" 3918 class="footer--button small-font list-menu__item list-menu__item--link" 3919 > 3920 <span>Catalogue</span> 3921 </a> 3922 </li><li> 3923 <a 3924 href="/pages/references" 3925 class="footer--button small-font list-menu__item list-menu__item--link" 3926 > 3927 <span>References</span> 3928 </a> 3929 </li><li> 3930 <a 3931 href="/pages/warranty-registration" 3932 class="footer--button small-font list-menu__item list-menu__item--link" 3933 > 3934 <span> Warranty</span> 3935 </a> 3936 </li><li> 3937 <a 3938 href="https://servicebookingfancare.fieldrobo.io" 3939 class="footer--button small-font list-menu__item list-menu__item--link" 3940 > 3941 <span>Servicing</span> 3942 </a> 3943 </li><li> 3944 <a 3945 href="/pages/appointment-booking" 3946 class="footer--button small-font list-menu__item list-menu__item--link" 3947 > 3948 <span>Appointment Booking</span> 3949 </a> 3950 </li><li> 3951 <a 3952 href="/pages/contact" 3953 class="footer--button small-font list-menu__item list-menu__item--link" 3954 > 3955 <span>Contact</span> 3956 </a> 3957 </li><li> 3958 <a 3959 href="/pages/terms-of-service" 3960 class="footer--button small-font list-menu__item list-menu__item--link" 3961 > 3962 <span>Terms of Service</span> 3963 </a> 3964 </li><li> 3965 <a 3966 href="/pages/refund-policy" 3967 class="footer--button small-font list-menu__item list-menu__item--link" 3968 > 3969 <span>Refund Policy</span> 3970 </a> 3971 </li><li> 3972 <a 3973 href="/pages/privacy-policy" 3974 class="footer--button small-font list-menu__item list-menu__item--link" 3975 > 3976 <span>Privacy Policy</span> 3977 </a> 3978 </li></ul></details> 3979 </div><div 3980 class="footer-block footer-block--menu" 3981 3982 ><div class="footer-block__heading">Support</div><ul class="footer-block__details-content list-unstyled"><li> 3983 <a 3984 href="/pages/catalogue" 3985 class="footer--button button-animation small-font list-menu__item list-menu__item--link" 3986 > 3987 3988 <span>Catalogue</span> 3989 3990 </a> 3991 </li><li> 3992 <a 3993 href="/pages/references" 3994 class="footer--button button-animation small-font list-menu__item list-menu__item--link" 3995 > 3996 3997 <span>References</span> 3998 3999 </a> 4000 </li><li> 4001 <a 4002 href="/pages/warranty-registration" 4003 class="footer--button button-animation small-font list-menu__item list-menu__item--link" 4004 > 4005 4006 <span> Warranty</span> 4007 4008 </a> 4009 </li><li> 4010 <a 4011 href="https://servicebookingfancare.fieldrobo.io" 4012 class="footer--button button-animation small-font list-menu__item list-menu__item--link" 4013 > 4014 4015 <span>Servicing</span> 4016 4017 </a> 4018 </li><li> 4019 <a 4020 href="/pages/appointment-booking" 4021 class="footer--button button-animation small-font list-menu__item list-menu__item--link" 4022 > 4023 4024 <span>Appointment Booking</span> 4025 4026 </a> 4027 </li><li> 4028 <a 4029 href="/pages/contact" 4030 class="footer--button button-animation small-font list-menu__item list-menu__item--link" 4031 > 4032 4033 <span>Contact</span> 4034 4035 </a> 4036 </li><li> 4037 <a 4038 href="/pages/terms-of-service" 4039 class="footer--button button-animation small-font list-menu__item list-menu__item--link" 4040 > 4041 4042 <span>Terms of Service</span> 4043 4044 </a> 4045 </li><li> 4046 <a 4047 href="/pages/refund-policy" 4048 class="footer--button button-animation small-font list-menu__item list-menu__item--link" 4049 > 4050 4051 <span>Refund Policy</span> 4052 4053 </a> 4054 </li><li> 4055 <a 4056 href="/pages/privacy-policy" 4057 class="footer--button button-animation small-font list-menu__item list-menu__item--link" 4058 > 4059 4060 <span>Privacy Policy</span> 4061 4062 </a> 4063 </li></ul></div><div class="accordion"> 4064 <details> 4065 <summary> 4066 <div class="footer-block__heading"> 4067 Follow us 4068 </div> 4069 <svg 4070 width="16" 4071 height="16" 4072 viewBox="0 0 16 16" 4073 fill="none" 4074 xmlns="http://www.w3.org/2000/svg" 4075 class="icon icon-caret" 4076 focusable="false" 4077> 4078 <path d="M8.00048 9.28166L4.70048 5.98166L3.75781 6.92432L8.00048 11.167L12.2431 6.92432L11.3005 5.98166L8.00048 9.28166Z" fill="currentColor"/> 4079</svg> 4080</summary><ul class="footer-block__details-content list-unstyled"><li> 4081 <a 4082 href="https://www.facebook.com/spinfansg/" 4083 class="footer--button small-font list-menu__item list-menu__item--link" 4084 > 4085 <span>Facebook</span> 4086 </a> 4087 </li><li> 4088 <a 4089 href="https://www.instagram.com/spinfansg/" 4090 class="footer--button small-font list-menu__item list-menu__item--link" 4091 > 4092 <span>Instagram</span> 4093 </a> 4094 </li><li> 4095 <a 4096 href="https://www.tiktok.com/@spinfansg" 4097 class="footer--button small-font list-menu__item list-menu__item--link" 4098 > 4099 <span>TikTok</span> 4100 </a> 4101 </li><li> 4102 <a 4103 href="https://www.youtube.com/@spinfansg" 4104 class="footer--button small-font list-menu__item list-menu__item--link" 4105 > 4106 <span>Youtube</span> 4107 </a> 4108 </li><li> 4109 <a 4110 href="https://www.linkedin.com/company/spinfansg/" 4111 class="footer--button small-font list-menu__item list-menu__item--link" 4112 > 4113 <span>LinkedIn</span> 4114 </a> 4115 </li></ul></details> 4116 </div><div 4117 class="footer-block footer-block--menu" 4118 4119 ><div class="footer-block__heading">Follow us</div><ul class="footer-block__details-content list-unstyled"><li> 4120 <a 4121 href="https://www.facebook.com/spinfansg/" 4122 class="footer--button button-animation small-font list-menu__item list-menu__item--link" 4123 > 4124 4125 <span>Facebook</span> 4126 4127 </a> 4128 </li><li> 4129 <a 4130 href="https://www.instagram.com/spinfansg/" 4131 class="footer--button button-animation small-font list-menu__item list-menu__item--link" 4132 > 4133 4134 <span>Instagram</span> 4135 4136 </a> 4137 </li><li> 4138 <a 4139 href="https://www.tiktok.com/@spinfansg" 4140 class="footer--button button-animation small-font list-menu__item list-menu__item--link" 4141 > 4142 4143 <span>TikTok</span> 4144 4145 </a> 4146 </li><li> 4147 <a 4148 href="https://www.youtube.com/@spinfansg" 4149 class="footer--button button-animation small-font list-menu__item list-menu__item--link" 4150 > 4151 4152 <span>Youtube</span> 4153 4154 </a> 4155 </li><li> 4156 <a 4157 href="https://www.linkedin.com/company/spinfansg/" 4158 class="footer--button button-animation small-font list-menu__item list-menu__item--link" 4159 > 4160 4161 <span>LinkedIn</span> 4162 4163 </a> 4164 </li></ul></div></div> 4165 </div></div>
4166 <div class="footer__content-bottom color-background-1 background"> 4167 <div class="container"> 4168 <div class="footer__content-middle-container"> 4169 <div class="footer__content-middle-main"><div class="footer__content-middle-main-box"></div> 4170 </div> 4171 </div> 4172 </div> 4173 </div> 4174</div> 4175 4176 4177 4178 4179<style> #shopify-section-sections--25578881351967__footer p {margin-bottom: 5px;} </style></footer> 4180<!-- END sections: footer-group --> 4181 4182 4183 4184 4185<style> 4186 .drawer { 4187 visibility: hidden; 4188 } 4189</style> 4190 4191<cart-drawer class="drawer is-empty"> 4192 <div 4193 id="CartDrawer-Overlay" 4194 class="cart-drawer__overlay" 4195 ></div> 4196 <div id="CartDrawer" class="cart-drawer"> 4197 4198 <div 4199 class="drawer__inner" 4200 role="dialog" 4201 aria-modal="true" 4202 aria-label="Cart" 4203 tabindex="-1" 4204 > 4205 <div class="drawer__header"> 4206 <button 4207 type="button" 4208 class="drawer__close button focus-inset modal-close-button" 4209 onclick="this.closest('cart-drawer').close()" 4210 aria-label="Close" 4211 > 4212 4213 Close 4214 </button> 4215 4216 <div class="drawer__header-wrapper"> 4217 <h2 class="drawer__heading h4"> 4218 Shopping Bag: 0 Items 4219 </h2> 4220 </div> 4221 4222 4223 4224 4225 <div class="cart-shipping" data-min-spend="10000.0" data-total="0" 4226 data-message = " You're ||amount|| away from free shipping."> 4227 <p class="cart-shipping__message cart-shipping__message_default small-font active"></p> 4228 <p class="cart-shipping__message cart-shipping__message_success small-font"> 4229 Congratulations! You qualify for free shipping. 4230 </p> 4231 <span class="cart-shipping__progress"> 4232 <span class="cart-shipping__progress-current"></span> 4233 </span> 4234</div> 4235 4236 </div><div class="drawer__inner-empty"> 4237 4238 <p class="cart__empty-text medium-font"> 4239 Your Shopping Bag is Empty 4240 </p> 4241 4242 4243 4244 4245 <a 4246 4247 href="/collections/all" 4248 4249 4250 class="button button--primary" 4251 4252 > 4253 4254 4255 4256 <span class="button-label">Start Shopping</span> 4257 4258 </a> 4259 4260 </div><cart-drawer-items 4261 4262 class=" is-empty" 4263 4264 data-source="" 4265 > 4266 <form 4267 action="/cart" 4268 id="CartDrawer-Form" 4269 class="cart__contents cart-drawer__form" 4270 method="post" 4271 > 4272 <div id="CartDrawer-CartItems" class="drawer__contents js-contents"><p 4273 id="CartDrawer-LiveRegionText" 4274 class="visually-hidden" 4275 role="status" 4276 ></p> 4277 <p 4278 id="CartDrawer-LineItemStatus" 4279 class="visually-hidden" 4280 aria-hidden="true" 4281 role="status" 4282 > 4283 Loading... 4284 </p> 4285 </div> 4286 <div id="CartDrawer-CartErrors" role="alert"></div> 4287 </form> 4288 </cart-drawer-items> 4289 <div class="drawer__footer"> 4290 <div class="cart-drawer__footer" ><details id="Details-CartDrawer"> 4291 <summary class="button button--simple"> 4292 <span class="button-label summary__title"> 4293 Add order note 4294 </span> 4295 </summary> 4296 <cart-note class="cart__note field"> 4297 <label class="visually-hidden" for="CartDrawer-Note">Order special instructions</label> 4298 <textarea 4299 id="CartDrawer-Note" 4300 class="text-area text-area--resize-vertical field__input" 4301 name="note" 4302 placeholder="Order special instructions" 4303 ></textarea> 4304 </cart-note> 4305 </details><div class="totals" role="status"> 4306 <span class="totals__subtotal subtitle"> 4307 Subtotal 4308 </span> 4309 <div class="totals__subtotal-value medium-font"> 4310 $0.00 SGD 4311 </div> 4312 </div><div class="tax-note_wrapper"> 4313 <span class="subtitle"> 4314 Delivery Charges 4315 </span> 4316 <span class="tax-note medium-font">Calculated at checkout 4317</span> 4318 </div> 4319 </div> 4320 4321 <div class="cart-drawer__bottom" > 4322 <noscript> 4323 <button 4324 type="submit" 4325 class="cart__update-button button button--primary" 4326 form="CartDrawer-Form" 4327 > 4328 Update 4329 </button> 4330 </noscript> 4331 <button 4332 type="submit" 4333 id="CartDrawer-Checkout" 4334 class="cart__checkout-button button button--primary button--full-width" 4335 name="checkout" 4336 form="CartDrawer-Form" 4337 4338 disabled 4339 4340 > 4341 4342 <span class="button-label">Go to checkout</span> 4343 4344 </button> 4345 <a 4346 class="cart-link button button--simple" 4347 href="/cart" 4348 > 4349 4350 <span class="button-label">View Cart</span> 4351 4352 </a> 4353 </div> 4354 </div> 4355 </div> 4356 </div> 4357</cart-drawer> 4358
4359<script> 4360 document.addEventListener('DOMContentLoaded', function () { 4361 function isIE() { 4362 const ua = window.navigator.userAgent; 4363 const msie = ua.indexOf('MSIE '); 4364 const trident = ua.indexOf('Trident/'); 4365 return msie > 0 || trident > 0; 4366 } 4367 4368 if (!isIE()) return; 4369 const cartSubmitInput = document.createElement('input'); 4370 cartSubmitInput.setAttribute('name', 'checkout'); 4371 cartSubmitInput.setAttribute('type', 'hidden'); 4372 document.querySelector('#cart').appendChild(cartSubmitInput); 4373 document 4374 .querySelector('#checkout') 4375 .addEventListener('click', function (event) { 4376 document.querySelector('#cart').submit(); 4377 }); 4378 }); 4379</script>
4379 4380 4381 <div class="search-modal header-modal" role="dialog" aria-modal="true" aria-label="Search" id="search-modal"> 4382<div class="search__content header-modal_content"> 4383 <div class="search__header"> 4384 <h4 class="search__header-title">What are you looking for?</h4> 4385 <button 4386 type="button" 4387 class="search__close button focus-inset modal-close-button" 4388 aria-label="Close" 4389 id="search-modal-close" 4390 onclick="this.parentElement.parentElement.open = false" 4391 > 4392 4393 Close 4394 </button> 4395 </div> 4396 <div class="search-modal__item"> 4397 <div class="search-modal__content"><predictive-search class="search-modal__form" data-loading-text="Loading..."><form action="/search" method="get" role="search" class="search search-modal__form"> 4398 <div class="search__form-inner"> 4399 <div class="field"> 4400 <div class="search__form__wrapper"> 4401 4402 <div class="search__input-wrapper"> 4403 <input class="search__input field__input" 4404 id="Search-In-Modal" 4405 type="search" 4406 name="q" 4407 value="" 4408 placeholder=" "role="combobox" 4409 aria-expanded="false" 4410 aria-owns="predictive-search-results-list" 4411 aria-controls="predictive-search-results-list" 4412 aria-haspopup="listbox" 4413 aria-autocomplete="list" 4414 autocorrect="off" 4415 autocomplete="off" 4416 autocapitalize="off" 4417 spellcheck="false"> 4418 <label class="field__label" for="Search-In-Modal">Your Request</label> 4419 <button type="reset" class="reset-search" aria-label="Reset"> 4420 4421<svg 4422 width="14" 4423 height="14" 4424 viewBox="0 0 14 14" 4425 aria-hidden="true" 4426 focusable="false" 4427 role="presentation" 4428 class="icon icon-close" 4429 fill="none" 4430 xmlns="http://www.w3.org/2000/svg" 4431> 4432 <path d="M10.9375 3.0625L3.0625 10.9375" stroke="currentColor" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/> 4433 <path d="M10.9375 10.9375L3.0625 3.0625" stroke="currentColor" stroke-width="1.2" stroke-linecap="square" stroke-linejoin="round"/> 4434</svg> 4435</button> 4436 <input type="hidden" name="options[prefix]" value="last"> 4437 </div> 4438 <button class="button button--primary" aria-label="Search"> 4439 4440 <span class="button-label">Search</span> 4441 4442 </button> 4443 </div> 4444 </div><div class="predictive-search__wrapper"> 4445 <div class="predictive-search__wrapper-box"> 4446 <div class="predictive-search predictive-search--header" tabindex="-1" data-predictive-search> 4447 <div class="predictive-search__loading-state"> 4448 <svg 4449 aria-hidden="true" 4450 focusable="false" 4451 class="spinner" 4452 width="66" 4453 height="66" 4454 viewBox="0 0 66 66" 4455 xmlns="http://www.w3.org/2000/svg" 4456> 4457 <circle width="33" height="33" class="path" fill="none" stroke-width="6" cx="33" cy="33" r="30"></circle> 4458</svg> 4459 4460 </div> 4461 </div> 4462 <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true"></span> 4463 </div> 4464 </div></div></form></predictive-search></div> 4465 </div> 4466 </div> 4467 <div class="search-modal__overlay modal__overlay"></div> 4468 4469</div> 4470 4471<account-modal class="header__account header-modal" id="account-modal"> 4472 <div class="account__content header-modal_content color-background-1"> 4473 <div class="account__header"><h4 class="account__header-title">Account</h4><button 4474 type="button" 4475 class="account__close button focus-inset modal-close-button" 4476 aria-label="Close" 4477 id="account-modal-close" 4478 > 4479 4480 Close 4481 </button> 4482 </div> 4483 <div class="account__main"> 4484 <div class="account__info medium-font"> 4485 Access your account to view order history and manage preferences 4486 </div> 4487 4488 <div class="account__buttons"> 4489 <a 4490 href="https://spinfans.com.sg/customer_authentication/redirect?locale=en®ion_country=SG" 4491 class="button button--primary header__account__login link focus-inset" 4492 > 4493 4494 <span class="button-label">Log in</span> 4495 4496 </a> 4497 <div class="header__account__register-wrapper"> 4498 <a 4499 class="header__account__register link button button--simple" 4500 href="https://shopify.com/95549358367/account?locale=en®ion_country=SG&buyer_flags=eyJhbGciOiJIUzI1NiJ9.eyJpc3MiOiJzcGluLWZhbnMtMjAyNi5teXNob3BpZnkuY29tIiwiZmxhZ3MiOltdLCJleHAiOjE3OTE3MzkyMTUsIm5iZiI6MTc5MTEzNDQxNX0.wFe1oRwvVqnK00pwhcaIRu8EXogSQIbZE_ffBewBwJA" 4501 > 4502 <svg 4503 class="icon icon-button-arrow" 4504 width="20" 4505 height="20" 4506 viewBox="0 0 20 20" 4507 fill="none" 4508 xmlns="http://www.w3.org/2000/svg" 4509> 4510 <path fill-rule="evenodd" clip-rule="evenodd" d="M4.44531 5.06885V11.238H5.0461V11.2414H13.2612L10.42 14.0826L11.2685 14.9311L15.134 11.0657L15.5582 10.6414L15.134 10.2171L11.2685 6.35169L10.42 7.20022L13.2612 10.0414H5.64531L5.64531 5.06885H4.44531Z" fill="currentColor"/> 4511</svg> 4512 4513 4514 4515 <span class="button-label">Create Account</span> 4516 4517 </a> 4518 </div>
4519 </div></div> 4520 </div> 4521 <div 4522 id="accountModal-Overlay" 4523 class="modal__overlay account-modal__overlay" 4524 ></div> 4525</account-modal> 4526 4527<ul hidden> 4528 <li id="a11y-refresh-page-message"> 4529 Choosing a selection results in a full page refresh. 4530 </li> 4531 </ul> 4532 4533
4533<script> 4534 4535 let content = "Liquid error (layout\/theme line 209): Could not find asset snippets\/quickview.liquid"; 4536 </script>
4536 4537 4538
4538<script> 4539 let cscoDarkMode = {}; 4540 4541 (function () { 4542 const body = document.querySelector('html[data-scheme]'); 4543 4544 cscoDarkMode = { 4545 init: function (e) { 4546 this.initMode(e); 4547 window.matchMedia('(prefers-color-scheme: dark)').addListener((e) => { 4548 this.initMode(e); 4549 }); 4550 4551 window.addEventListener('load', () => { 4552 const toggleBtns = document.querySelectorAll('.header__toggle-scheme'); 4553 toggleBtns.forEach((btn) => { 4554 btn.addEventListener('click', (e) => { 4555 e.preventDefault(); 4556 e.stopPropagation(); // Prevent event bubbling 4557 4558 if ('auto' === body.getAttribute('data-scheme')) { 4559 if (window.matchMedia('(prefers-color-scheme: dark)').matches) { 4560 cscoDarkMode.changeScheme('light', true); 4561 } else if (window.matchMedia('(prefers-color-scheme: light)').matches) { 4562 cscoDarkMode.changeScheme('dark', true); 4563 } 4564 } else { 4565 if ('dark' === body.getAttribute('data-scheme')) { 4566 cscoDarkMode.changeScheme('light', true); 4567 } else { 4568 cscoDarkMode.changeScheme('dark', true); 4569 } 4570 } 4571 }); 4572 }); 4573 }); 4574 }, 4575 initMode: function (e) { 4576 let siteScheme = false; 4577 switch ( 4578 'light' // Field. Userâs system preference. 4579 ) { 4580 case 'dark': 4581 siteScheme = 'dark'; 4582 break; 4583 case 'light': 4584 siteScheme = 'light'; 4585 break; 4586 case 'system': 4587 siteScheme = 'auto'; 4588 break; 4589 } 4590 if ('false') { 4591 // Field. Enable dark/light mode toggle. 4592 if ('light' === localStorage.getItem('_color_schema')) { 4593 siteScheme = 'light'; 4594 } 4595 if ('dark' === localStorage.getItem('_color_schema')) { 4596 siteScheme = 'dark'; 4597 } 4598 } 4599 if (siteScheme && siteScheme !== body.getAttribute('data-scheme')) { 4600 this.changeScheme(siteScheme, false); 4601 } 4602 }, 4603 changeScheme: function (siteScheme, cookie) { 4604 body.classList.add('scheme-toggled'); 4605 body.setAttribute('data-scheme', siteScheme); 4606 if (cookie) { 4607 localStorage.setItem('_color_schema', siteScheme); 4608 } 4609 setTimeout(() => { 4610 body.classList.remove('scheme-toggled'); 4611 }, 100); 4612 }, 4613 }; 4614 })(); 4615 4616 cscoDarkMode.init(); 4617 4618 document.addEventListener('shopify:section:load', function () { 4619 setTimeout(() => { 4620 cscoDarkMode.init(); 4621 }, 100); 4622 }); 4623 </script>
4623 4624 4625
4625<script> 4626 4627 4628 4629 4630 4631 4632 window.routes = { 4633 cart_add_url: '/cart/add', 4634 cart_change_url: '/cart/change', 4635 cart_update_url: '/cart/update', 4636 cart_url: '/cart', 4637 predictive_search_url: '/search/suggest' 4638 }; 4639 4640 window.cartStrings = { 4641 error: `There was an error while updating your cart. Please try again.`, 4642 quantityError: `You can only add [quantity] of this item to your cart.`, 4643 empty: `See if your favourites are in your basket or add items from the new collection.`, 4644 shop_now: `Start Shopping`, 4645 collections_url: `/collections?sort_by=best-selling` 4646 } 4647 4648 window.variantStrings = { 4649 addToCart: `Add to Cart`, 4650 soldOut: `Sold out`, 4651 unavailable: `Unavailable`, 4652 unavailable_with_option: `[value] - Unavailable` 4653 } 4654 4655 window.theme = { 4656 moneyFormat: "${{amount}}", 4657 quickviewText: ``, 4658 quickviewMore: `View Full Details` 4659 } 4660 4661 4662 4663 4664 4665 4666 </script>
4666<script src="//spinfans.com.sg/cdn/shop/t/2/assets/search-form.js?v=57766060922408435031773639295" defer="defer"></script>
4666 4667
4667<script 4668 src="//spinfans.com.sg/cdn/shop/t/2/assets/predictive-search.js?v=83960798478000422351773639295" 4669 defer="defer" 4670 ></script>
4670<style> /* Make specific parent nav items unclickable */.header__menu-item[href="#"] {pointer-events: none; cursor: default;} </style> 4671<div id="shopify-block-AZFd6aGFnS21FS1hVa__13768625480086291342" class="shopify-block shopify-app-block">
4671<script> 4672 window['ShopifyForms'] = { 4673 ...window['ShopifyForms'], 4674 currentPageType: "blog" 4675 }; 4676</script>
4676 4677 4678 4679</div>
4679<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
4679 4680</body> 4681</html>
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.