{"id":691,"date":"2026-02-08T04:01:53","date_gmt":"2026-02-08T04:01:53","guid":{"rendered":"https:\/\/whity.me\/?page_id=691"},"modified":"2026-02-08T16:41:36","modified_gmt":"2026-02-08T16:41:36","slug":"shop-the-look","status":"publish","type":"page","link":"https:\/\/whity.me\/index.php\/shop-the-look\/","title":{"rendered":"shop the look"},"content":{"rendered":"\n<section class=\"whity-shop-intro\">\n  <div class=\"intro-wrap\">\n    <h1>Shop the Look<\/h1>\n    <p>\n      Curated collections shaped by real workspace decisions.  \n      Not products \u2014 complete moments.\n    <\/p>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"whity-collection\">\n  <div class=\"collection-grid\">\n\n    <div class=\"collection-image\">\n      <img decoding=\"async\" src=\"collection-01.jpg\" alt=\"Calm Focus Workspace\">\n    <\/div>\n\n    <div class=\"collection-content\">\n      <span class=\"collection-tag\">Workspace Collection<\/span>\n      <h2>Calm Focus \u2014 28 m\u00b2<\/h2>\n      <p>\n        A focused corner designed to reduce visual noise  \n        and support long, uninterrupted work.\n      <\/p>\n\n      <ul>\n        <li>Soft zoning boundaries<\/li>\n        <li>Neutral lighting layers<\/li>\n        <li>Minimal competing surfaces<\/li>\n      <\/ul>\n\n      <a href=\"#\" class=\"collection-link\">View collection \u2192<\/a>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style>\n\/* ===== Whity \u2013 Shop the Look ===== *\/\n.whity-shop {\n  background:#faf8f4;\n  padding:120px 6%;\n  font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", sans-serif;\n}\n\n.whity-shop h1{\n  font-size:42px;\n  margin-bottom:12px;\n}\n\n.whity-shop .intro{\n  max-width:520px;\n  color:#555;\n  margin-bottom:80px;\n}\n\n.collections-grid{\n  display:grid;\n  grid-template-columns:repeat(3,1fr);\n  gap:48px;\n}\n\n.collection-card{\n  background:#fff;\n  border-radius:22px;\n  overflow:hidden;\n  box-shadow:0 8px 24px rgba(0,0,0,.04);\n  transition:.3s ease;\n}\n\n.collection-card:hover{\n  transform:translateY(-4px);\n}\n\n.collection-image{\n  position:relative;\n  height:280px;\n  overflow:hidden;\n}\n\n.collection-image img{\n  width:100%;\n  height:100%;\n  object-fit:cover;\n}\n\n.collection-tag{\n  position:absolute;\n  top:16px;\n  left:16px;\n  background:rgba(255,255,255,.9);\n  padding:6px 12px;\n  border-radius:20px;\n  font-size:11px;\n  letter-spacing:.08em;\n}\n\n.collection-content{\n  padding:26px;\n}\n\n.collection-content h3{\n  margin:0 0 8px;\n  font-size:20px;\n}\n\n.collection-content p{\n  margin:0 0 16px;\n  color:#555;\n}\n\n.collection-content a{\n  text-decoration:none;\n  font-weight:500;\n  color:#111;\n}\n\n@media(max-width:1024px){\n  .collections-grid{grid-template-columns:1fr 1fr;}\n}\n\n@media(max-width:640px){\n  .collections-grid{grid-template-columns:1fr;}\n}\n<\/style>\n\n<section class=\"whity-shop\">\n  <h1>Shop the Look<\/h1>\n  <p class=\"intro\">\n    Curated collections shaped by real workspace decisions.  \n    Not products \u2014 complete moments.\n  <\/p>\n\n  <div class=\"collections-grid\">\n\n    <!-- CARD 1 -->\n    <div class=\"collection-card\">\n      <div class=\"collection-image\">\n        <img decoding=\"async\" src=\"IMAGE-1.jpg\" alt=\"\">\n        <div class=\"collection-tag\">WORKSPACE COLLECTION<\/div>\n      <\/div>\n      <div class=\"collection-content\">\n        <h3>Calm Focus \u2014 28 m\u00b2<\/h3>\n        <p>Reduced visual noise \u00b7 long focus sessions<\/p>\n        <a href=\"#\">View collection \u2192<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- CARD 2 -->\n    <div class=\"collection-card\">\n      <div class=\"collection-image\">\n        <img decoding=\"async\" src=\"IMAGE-2.jpg\" alt=\"\">\n        <div class=\"collection-tag\">WORKSPACE COLLECTION<\/div>\n      <\/div>\n      <div class=\"collection-content\">\n        <h3>Founder Desk \u2014 18 m\u00b2<\/h3>\n        <p>Clear boundaries \u00b7 protected focus<\/p>\n        <a href=\"#\">View collection \u2192<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- CARD 3 -->\n    <div class=\"collection-card\">\n      <div class=\"collection-image\">\n        <img decoding=\"async\" src=\"IMAGE-3.jpg\" alt=\"\">\n        <div class=\"collection-tag\">WORKSPACE COLLECTION<\/div>\n      <\/div>\n      <div class=\"collection-content\">\n        <h3>Client-facing Studio \u2014 44 m\u00b2<\/h3>\n        <p>Front clarity \u00b7 calm support zones<\/p>\n        <a href=\"#\">View collection \u2192<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- CARD 4 -->\n    <div class=\"collection-card\">\n      <div class=\"collection-image\">\n        <img decoding=\"async\" src=\"IMAGE-4.jpg\" alt=\"\">\n        <div class=\"collection-tag\">WORKSPACE COLLECTION<\/div>\n      <\/div>\n      <div class=\"collection-content\">\n        <h3>Micro Team Hub \u2014 50 m\u00b2<\/h3>\n        <p>Soft collaboration \u00b7 reduced friction<\/p>\n        <a href=\"#\">View collection \u2192<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- CARD 5 -->\n    <div class=\"collection-card\">\n      <div class=\"collection-image\">\n        <img decoding=\"async\" src=\"IMAGE-5.jpg\" alt=\"\">\n        <div class=\"collection-tag\">WORKSPACE COLLECTION<\/div>\n      <\/div>\n      <div class=\"collection-content\">\n        <h3>Quiet Corner \u2014 12 m\u00b2<\/h3>\n        <p>Minimal footprint \u00b7 strong calm<\/p>\n        <a href=\"#\">View collection \u2192<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- CARD 6 -->\n    <div class=\"collection-card\">\n      <div class=\"collection-image\">\n        <img decoding=\"async\" src=\"IMAGE-6.jpg\" alt=\"\">\n        <div class=\"collection-tag\">WORKSPACE COLLECTION<\/div>\n      <\/div>\n      <div class=\"collection-content\">\n        <h3>Soft Collaboration \u2014 42 m\u00b2<\/h3>\n        <p>Support zones \u00b7 lighter movement<\/p>\n        <a href=\"#\">View collection \u2192<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Shop the Look Curated collections shaped by real workspace decisions. Not products \u2014 complete moments. Workspace Collection Calm Focus \u2014 28 m\u00b2 A focused corner designed to reduce visual noise and support long, uninterrupted work. Soft zoning boundaries Neutral lighting layers Minimal competing surfaces View collection \u2192 Shop the Look Curated collections shaped by real [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","footnotes":""},"class_list":["post-691","page","type-page","status-publish","hentry"],"blocksy_meta":[],"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false,"woocommerce_archive_thumbnail":false,"woocommerce_thumbnail":false,"woocommerce_single":false,"woocommerce_gallery_thumbnail":false,"wpcpc-logo":false},"uagb_author_info":{"display_name":"whity.me","author_link":"https:\/\/whity.me\/index.php\/author\/whity-me\/"},"uagb_comment_info":0,"uagb_excerpt":"Shop the Look Curated collections shaped by real workspace decisions. Not products \u2014 complete moments. Workspace Collection Calm Focus \u2014 28 m\u00b2 A focused corner designed to reduce visual noise and support long, uninterrupted work. Soft zoning boundaries Neutral lighting layers Minimal competing surfaces View collection \u2192 Shop the Look Curated collections shaped by real&hellip;","_links":{"self":[{"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/pages\/691","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/comments?post=691"}],"version-history":[{"count":5,"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/pages\/691\/revisions"}],"predecessor-version":[{"id":702,"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/pages\/691\/revisions\/702"}],"wp:attachment":[{"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/media?parent=691"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}