{"id":700,"date":"2026-02-08T16:29:00","date_gmt":"2026-02-08T16:29:00","guid":{"rendered":"https:\/\/whity.me\/?page_id=700"},"modified":"2026-02-08T16:29:01","modified_gmt":"2026-02-08T16:29:01","slug":"700-2","status":"publish","type":"page","link":"https:\/\/whity.me\/index.php\/700-2\/","title":{"rendered":""},"content":{"rendered":"\n<style>\n\/* =========================\n   WHITY \u2014 Sustainable Page\n   Calm, architectural, decision-led\n   ========================= *\/\n\n.whity-sus-page{\n  background:#faf8f4;\n  color:#121212;\n  font-family: -apple-system,BlinkMacSystemFont,\"Segoe UI\",Roboto,Arial,sans-serif;\n  line-height:1.55;\n}\n\n.whity-sus-wrap{\n  width:min(1120px, 92%);\n  margin:0 auto;\n}\n\n.whity-sus-section{\n  padding:96px 0;\n}\n\n.whity-sus-hero{\n  padding:110px 0 70px;\n}\n\n.whity-sus-kicker{\n  display:inline-block;\n  padding:8px 14px;\n  border-radius:999px;\n  border:1px solid rgba(0,0,0,.10);\n  font-size:12px;\n  letter-spacing:.12em;\n  text-transform:uppercase;\n  background:rgba(255,255,255,.45);\n}\n\n.whity-sus-title{\n  font-size:48px;\n  line-height:1.1;\n  margin:18px 0 14px;\n  letter-spacing:-.02em;\n}\n\n.whity-sus-subtitle{\n  font-size:18px;\n  color:rgba(0,0,0,.70);\n  max-width:56ch;\n  margin:0 0 18px;\n}\n\n.whity-sus-note{\n  font-size:14px;\n  color:rgba(0,0,0,.62);\n  max-width:70ch;\n  margin:0;\n}\n\n.whity-sus-hero-grid{\n  display:grid;\n  grid-template-columns: 1.1fr .9fr;\n  gap:42px;\n  align-items:center;\n  margin-top:42px;\n}\n\n.whity-sus-hero-visual{\n  border-radius:26px;\n  overflow:hidden;\n  background:#fff;\n  box-shadow:0 10px 30px rgba(0,0,0,.05);\n}\n\n.whity-sus-hero-visual img{\n  width:100%;\n  height:420px;\n  object-fit:cover;\n  display:block;\n}\n\n.whity-sus-hero-side{\n  background:rgba(255,255,255,.55);\n  border:1px solid rgba(0,0,0,.08);\n  border-radius:22px;\n  padding:26px;\n}\n\n.whity-sus-hero-side h3{\n  margin:0 0 10px;\n  font-size:16px;\n}\n\n.whity-sus-hero-side ul{\n  margin:0;\n  padding-left:18px;\n  color:rgba(0,0,0,.72);\n}\n\n.whity-sus-hero-side li{ margin:8px 0; }\n\n.whity-sus-divider{\n  height:1px;\n  background:rgba(0,0,0,.08);\n  margin:0;\n  border:0;\n}\n\n.whity-sus-grid-2{\n  display:grid;\n  grid-template-columns: 1fr 1fr;\n  gap:46px;\n  align-items:start;\n}\n\n.whity-sus-h2{\n  font-size:28px;\n  margin:0 0 14px;\n  letter-spacing:-.01em;\n}\n\n.whity-sus-p{\n  margin:0 0 14px;\n  color:rgba(0,0,0,.72);\n  font-size:16px;\n}\n\n.whity-sus-visual{\n  border-radius:24px;\n  overflow:hidden;\n  box-shadow:0 10px 28px rgba(0,0,0,.05);\n  background:#fff;\n}\n\n.whity-sus-visual img{\n  width:100%;\n  height:360px;\n  object-fit:cover;\n  display:block;\n}\n\n.whity-sus-cards{\n  display:grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap:18px;\n  margin-top:28px;\n}\n\n.whity-sus-card{\n  background:#fff;\n  border:1px solid rgba(0,0,0,.08);\n  border-radius:20px;\n  padding:22px;\n  box-shadow:0 8px 22px rgba(0,0,0,.03);\n}\n\n.whity-sus-card h4{\n  margin:0 0 10px;\n  font-size:15px;\n}\n\n.whity-sus-card p{\n  margin:0;\n  color:rgba(0,0,0,.70);\n  font-size:14px;\n}\n\n.whity-sus-callout{\n  background:rgba(255,255,255,.55);\n  border:1px solid rgba(0,0,0,.08);\n  border-radius:22px;\n  padding:30px;\n}\n\n.whity-sus-list{\n  margin:0;\n  padding-left:18px;\n  color:rgba(0,0,0,.72);\n}\n\n.whity-sus-list li{ margin:10px 0; }\n\n.whity-sus-quote{\n  margin-top:22px;\n  padding:18px 18px 18px 16px;\n  border-left:3px solid rgba(0,0,0,.18);\n  color:rgba(0,0,0,.65);\n  font-style:italic;\n  background:rgba(255,255,255,.35);\n  border-radius:14px;\n}\n\n.whity-sus-cta{\n  display:flex;\n  gap:12px;\n  flex-wrap:wrap;\n  margin-top:18px;\n}\n\n.whity-btn{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:12px 16px;\n  border-radius:999px;\n  border:1px solid rgba(0,0,0,.15);\n  text-decoration:none;\n  color:#111;\n  background:#fff;\n  font-size:14px;\n  transition:.2s ease;\n}\n\n.whity-btn:hover{ transform:translateY(-1px); }\n\n.whity-btn.primary{\n  background:#111;\n  color:#fff;\n  border-color:#111;\n}\n\n.whity-sus-footerbox{\n  background:#fff;\n  border:1px solid rgba(0,0,0,.08);\n  border-radius:26px;\n  padding:34px;\n  box-shadow:0 10px 28px rgba(0,0,0,.04);\n}\n\n\/* Responsive *\/\n@media (max-width: 980px){\n  .whity-sus-title{ font-size:40px; }\n  .whity-sus-hero-grid{ grid-template-columns:1fr; }\n  .whity-sus-hero-visual img{ height:360px; }\n  .whity-sus-grid-2{ grid-template-columns:1fr; }\n  .whity-sus-visual img{ height:320px; }\n  .whity-sus-cards{ grid-template-columns: 1fr 1fr; }\n}\n\n@media (max-width: 560px){\n  .whity-sus-section{ padding:72px 0; }\n  .whity-sus-title{ font-size:34px; }\n  .whity-sus-cards{ grid-template-columns: 1fr; }\n}\n<\/style>\n\n<div class=\"whity-sus-page\">\n\n  <!-- HERO -->\n  <section class=\"whity-sus-hero whity-sus-wrap\">\n    <span class=\"whity-sus-kicker\">SUSTAINABLE BY WHITY<\/span>\n\n    <h1 class=\"whity-sus-title\">Sustainability, by Design \u2014 not by labels.<\/h1>\n\n    <p class=\"whity-sus-subtitle\">\n      We select products the same way we design workspaces: calmly, intentionally, and with long-term impact in mind.\n    <\/p>\n\n    <p class=\"whity-sus-note\">\n      No greenwashing. No trends. Just decisions that last \u2014 in function, in maintenance, and in how people feel while working.\n    <\/p>\n\n    <div class=\"whity-sus-hero-grid\">\n      <div class=\"whity-sus-hero-visual\">\n        <img decoding=\"async\" src=\"IMAGE-1.jpg\" alt=\"Calm sustainable workspace visual\">\n      <\/div>\n\n      <div class=\"whity-sus-hero-side\">\n        <h3>What this page is<\/h3>\n        <ul>\n          <li>A clear explanation of how we choose products.<\/li>\n          <li>A practical view of biophilic thinking \u2014 beyond plants.<\/li>\n          <li>A decision-led approach you can actually implement.<\/li>\n        <\/ul>\n        <div class=\"whity-sus-cta\">\n          <a class=\"whity-btn primary\" href=\"\/shop-the-look\/\">Explore Shop the Look \u2192<\/a>\n          <a class=\"whity-btn\" href=\"\/packages\/\">Start with packages \u2192<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <hr class=\"whity-sus-divider\">\n\n  <!-- SECTION 1 -->\n  <section class=\"whity-sus-section\">\n    <div class=\"whity-sus-wrap whity-sus-grid-2\">\n      <div>\n        <h2 class=\"whity-sus-h2\">What sustainability actually means for workspaces<\/h2>\n        <p class=\"whity-sus-p\">\n          At Whity, sustainability is not a certification badge. It\u2019s the outcome of better spatial and product decisions.\n        <\/p>\n        <p class=\"whity-sus-p\">\n          A sustainable workspace is one that lasts longer, supports human focus and comfort, avoids overconsumption,\n          and reduces replacement cycles.\n        <\/p>\n        <p class=\"whity-sus-p\">\n          This starts long before materials \u2014 it starts with <strong>how the space is used<\/strong>.\n        <\/p>\n\n        <div class=\"whity-sus-quote\">\n          Sustainability improves when decisions are fewer, clearer, and easier to maintain.\n        <\/div>\n      <\/div>\n\n      <div class=\"whity-sus-visual\">\n        <img decoding=\"async\" src=\"IMAGE-2.jpg\" alt=\"Workspace clarity visual\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <hr class=\"whity-sus-divider\">\n\n  <!-- SECTION 2 -->\n  <section class=\"whity-sus-section\">\n    <div class=\"whity-sus-wrap\">\n      <h2 class=\"whity-sus-h2\">How we select products<\/h2>\n      <p class=\"whity-sus-p\" style=\"max-width:72ch;\">\n        We curate with the same calm logic we use in layout decisions: durability, repairability, and reduced cognitive load.\n        The goal is not \u201cmore stuff\u201d \u2014 it\u2019s fewer, better choices.\n      <\/p>\n\n      <div class=\"whity-sus-cards\">\n        <div class=\"whity-sus-card\">\n          <h4>Longevity over trends<\/h4>\n          <p>Pieces that age well \u2014 visually and functionally \u2014 to reduce frequent replacements.<\/p>\n        <\/div>\n\n        <div class=\"whity-sus-card\">\n          <h4>Material honesty<\/h4>\n          <p>Natural and low-treatment materials where possible: wood, metal, wool, linen, recycled composites.<\/p>\n        <\/div>\n\n        <div class=\"whity-sus-card\">\n          <h4>Repairability &#038; modularity<\/h4>\n          <p>Products that can be repaired, adapted, or reused \u2014 instead of replaced.<\/p>\n        <\/div>\n\n        <div class=\"whity-sus-card\">\n          <h4>Fewer, better choices<\/h4>\n          <p>Better curation reduces visual noise, shopping fatigue, and impulse buying.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <hr class=\"whity-sus-divider\">\n\n  <!-- SECTION 3 -->\n  <section class=\"whity-sus-section\">\n    <div class=\"whity-sus-wrap whity-sus-grid-2\">\n      <div class=\"whity-sus-visual\">\n        <img decoding=\"async\" src=\"IMAGE-3.jpg\" alt=\"Biophilic lighting and material visual\">\n      <\/div>\n\n      <div>\n        <h2 class=\"whity-sus-h2\">Biophilic \u2014 but not decorative<\/h2>\n        <p class=\"whity-sus-p\">\n          Biophilic design is not \u201cadding greenery.\u201d It\u2019s restoring natural conditions that support the brain.\n        <\/p>\n        <p class=\"whity-sus-p\">\n          At Whity, biophilic decisions often include daylight logic, softer shadow, natural textures,\n          and a calmer visual field \u2014 so the space stops competing with focus.\n        <\/p>\n\n        <div class=\"whity-sus-callout\">\n          <ul class=\"whity-sus-list\">\n            <li>Access to daylight and soft shadow (not harsh glare)<\/li>\n            <li>Visual connection to natural textures and honest materials<\/li>\n            <li>Reduced visual noise and fewer competing surfaces<\/li>\n            <li>Calmer light hierarchy (task + ambient)<\/li>\n          <\/ul>\n          <p class=\"whity-sus-p\" style=\"margin-top:14px;\">\n            Plants are optional. <strong>Clarity is essential.<\/strong>\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <hr class=\"whity-sus-divider\">\n\n  <!-- SECTION 4 -->\n  <section class=\"whity-sus-section\">\n    <div class=\"whity-sus-wrap whity-sus-grid-2\">\n      <div>\n        <h2 class=\"whity-sus-h2\">Sustainability &#038; human work quality<\/h2>\n        <p class=\"whity-sus-p\">\n          We don\u2019t treat sustainability as a separate theme. It lives inside decisions that reduce friction\n          and support work quality \u2014 without turning the space into a \u201cperformance theater.\u201d\n        <\/p>\n\n        <div class=\"whity-sus-callout\">\n          <ul class=\"whity-sus-list\">\n            <li>Reduced cognitive load supports longer attention spans<\/li>\n            <li>Calmer environments reduce fatigue and visual stress<\/li>\n            <li>Clear zoning reduces micro-interruptions<\/li>\n            <li>Better lighting hierarchy supports daily comfort rhythms<\/li>\n          <\/ul>\n          <p class=\"whity-sus-p\" style=\"margin-top:14px;\">\n            This isn\u2019t just aesthetics \u2014 it\u2019s environmental psychology applied to work.\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"whity-sus-visual\">\n        <img decoding=\"async\" src=\"IMAGE-4.jpg\" alt=\"Quiet focused workspace visual\">\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <hr class=\"whity-sus-divider\">\n\n  <!-- SECTION 5 -->\n  <section class=\"whity-sus-section\">\n    <div class=\"whity-sus-wrap whity-sus-grid-2\">\n      <div class=\"whity-sus-visual\">\n        <img decoding=\"async\" src=\"IMAGE-5.jpg\" alt=\"Minimal workspace visual\">\n      <\/div>\n\n      <div>\n        <h2 class=\"whity-sus-h2\">What we intentionally avoid<\/h2>\n        <p class=\"whity-sus-p\">\n          Sustainability is quiet work. Not a marketing layer.\n        <\/p>\n        <div class=\"whity-sus-callout\">\n          <ul class=\"whity-sus-list\">\n            <li>Trend-driven product selection<\/li>\n            <li>Disposable furniture and \u201cfast makeovers\u201d<\/li>\n            <li>Over-accessorizing as a substitute for clarity<\/li>\n            <li>Sustainability claims without reasoning<\/li>\n          <\/ul>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <hr class=\"whity-sus-divider\">\n\n  <!-- FINAL CTA -->\n  <section class=\"whity-sus-section\">\n    <div class=\"whity-sus-wrap\">\n      <div class=\"whity-sus-footerbox\">\n        <h2 class=\"whity-sus-h2\" style=\"margin-bottom:10px;\">From principles to collections<\/h2>\n        <p class=\"whity-sus-p\" style=\"max-width:78ch;\">\n          Every Whity collection is shaped by these principles. When you explore <strong>Shop the Look<\/strong>,\n          you\u2019re not browsing products \u2014 you\u2019re entering a pre-considered, sustainable workspace decision.\n        <\/p>\n\n        <div class=\"whity-sus-cta\">\n          <a class=\"whity-btn primary\" href=\"\/shop-the-look\/\">Explore Shop the Look \u2192<\/a>\n          <a class=\"whity-btn\" href=\"\/packages\/\">Start with packages \u2192<\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>SUSTAINABLE BY WHITY Sustainability, by Design \u2014 not by labels. We select products the same way we design workspaces: calmly, intentionally, and with long-term impact in mind. No greenwashing. No trends. Just decisions that last \u2014 in function, in maintenance, and in how people feel while working. What this page is A clear explanation of [&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-700","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":"SUSTAINABLE BY WHITY Sustainability, by Design \u2014 not by labels. We select products the same way we design workspaces: calmly, intentionally, and with long-term impact in mind. No greenwashing. No trends. Just decisions that last \u2014 in function, in maintenance, and in how people feel while working. What this page is A clear explanation of&hellip;","_links":{"self":[{"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/pages\/700","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=700"}],"version-history":[{"count":1,"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/pages\/700\/revisions"}],"predecessor-version":[{"id":701,"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/pages\/700\/revisions\/701"}],"wp:attachment":[{"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/media?parent=700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}