{"id":659,"date":"2026-02-08T01:24:26","date_gmt":"2026-02-08T01:24:26","guid":{"rendered":"https:\/\/whity.me\/?page_id=659"},"modified":"2026-08-27T12:21:14","modified_gmt":"2026-08-27T12:21:14","slug":"659-2","status":"publish","type":"page","link":"https:\/\/whity.me\/index.php\/659-2\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"659\" class=\"elementor elementor-659\">\n\t\t\t\t<div class=\"elementor-element elementor-element-13e7a1d e-flex e-con-boxed e-con e-parent\" data-id=\"13e7a1d\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ec55638 elementor-widget elementor-widget-html\" data-id=\"ec55638\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nFORMVATE \u2014 WORKSPACE STUDIES\r\nLIGHT LAUNCH \/ CONCEPT DECISION LIBRARY\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n.formvate-studies{\r\n  --fs-bg:#f2efe8;\r\n  --fs-paper:#fbfaf7;\r\n  --fs-ink:#171714;\r\n  --fs-text:#56554f;\r\n  --fs-muted:#89867d;\r\n  --fs-line:#d8d3c8;\r\n  --fs-clay:#a45e47;\r\n  --fs-clay-soft:#eadbd3;\r\n  --fs-sage:#68715f;\r\n  --fs-sage-soft:#e3e7de;\r\n  --fs-dark:#252b24;\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n  background:var(--fs-bg);\r\n  color:var(--fs-ink);\r\n  overflow:hidden;\r\n}\r\n\r\n.formvate-studies *,\r\n.formvate-studies *::before,\r\n.formvate-studies *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.formvate-studies img{\r\n  width:100%;\r\n  display:block;\r\n}\r\n\r\n.fs-container{\r\n  width:min(1220px,calc(100% - 48px));\r\n  margin:0 auto;\r\n}\r\n\r\n.fs-kicker{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:9px;\r\n  margin:0 0 20px;\r\n  color:var(--fs-clay);\r\n  font-size:12px;\r\n  font-weight:700;\r\n  letter-spacing:.18em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.fs-kicker::before{\r\n  content:\"\";\r\n  width:34px;\r\n  height:1px;\r\n  background:currentColor;\r\n}\r\n\r\n.fs-h2{\r\n  max-width:820px;\r\n  margin:0;\r\n  font-size:clamp(40px,4.5vw,58px);\r\n  line-height:1.02;\r\n  letter-spacing:-.04em;\r\n}\r\n\r\n.fs-intro{\r\n  max-width:700px;\r\n  margin:20px 0 0;\r\n  color:var(--fs-text);\r\n  font-size:18px;\r\n  line-height:1.7;\r\n}\r\n\r\n.fs-btn{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  justify-content:center;\r\n  min-height:54px;\r\n  padding:0 24px;\r\n  border-radius:7px;\r\n  background:var(--fs-ink);\r\n  color:#fff !important;\r\n  text-decoration:none !important;\r\n  font-size:14px;\r\n  font-weight:700;\r\n  transition:.25s ease;\r\n}\r\n\r\n.fs-btn:hover{\r\n  transform:translateY(-2px);\r\n  background:var(--fs-clay);\r\n}\r\n\r\n.fs-text-link{\r\n  color:var(--fs-ink) !important;\r\n  text-decoration:none !important;\r\n  font-size:14px;\r\n  font-weight:700;\r\n  border-bottom:1px solid currentColor;\r\n  padding-bottom:3px;\r\n}\r\n\r\n\r\n\/* HERO *\/\r\n\r\n.fs-hero{\r\n  padding:105px 0 95px;\r\n  background:var(--fs-paper);\r\n}\r\n\r\n.fs-hero-grid{\r\n  display:grid;\r\n  grid-template-columns:1.05fr .95fr;\r\n  gap:80px;\r\n  align-items:end;\r\n}\r\n\r\n.fs-hero h1{\r\n  margin:0;\r\n  max-width:800px;\r\n  font-size:clamp(58px,7vw,92px);\r\n  line-height:.93;\r\n  letter-spacing:-.06em;\r\n}\r\n\r\n.fs-hero-side p{\r\n  margin:0;\r\n  max-width:560px;\r\n  color:var(--fs-text);\r\n  font-size:21px;\r\n  line-height:1.6;\r\n}\r\n\r\n.fs-concept-note{\r\n  margin-top:28px;\r\n  padding:18px 20px;\r\n  border-left:3px solid var(--fs-clay);\r\n  background:var(--fs-clay-soft);\r\n  color:#6d554c;\r\n  font-size:13px;\r\n  line-height:1.65;\r\n}\r\n\r\n\r\n\/* FILTER *\/\r\n\r\n.fs-filter{\r\n  padding:34px 0;\r\n  background:var(--fs-dark);\r\n}\r\n\r\n.fs-filter-row{\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:center;\r\n  gap:30px;\r\n}\r\n\r\n.fs-filter-label{\r\n  color:rgba(255,255,255,.48);\r\n  font-size:10px;\r\n  font-weight:700;\r\n  letter-spacing:.15em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.fs-filter-buttons{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:8px;\r\n}\r\n\r\n.fs-filter-btn{\r\n  border:1px solid rgba(255,255,255,.17);\r\n  border-radius:999px;\r\n  padding:9px 13px;\r\n  background:transparent;\r\n  color:rgba(255,255,255,.68);\r\n  font-size:11px;\r\n  cursor:pointer;\r\n}\r\n\r\n.fs-filter-btn.active,\r\n.fs-filter-btn:hover{\r\n  background:#fff;\r\n  color:var(--fs-dark);\r\n}\r\n\r\n\r\n\/* STUDY GRID *\/\r\n\r\n.fs-library{\r\n  padding:110px 0;\r\n}\r\n\r\n.fs-library-head{\r\n  margin-bottom:50px;\r\n}\r\n\r\n.fs-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:22px;\r\n}\r\n\r\n.fs-study{\r\n  display:flex;\r\n  flex-direction:column;\r\n  border:1px solid var(--fs-line);\r\n  background:var(--fs-paper);\r\n  overflow:hidden;\r\n  transition:.25s ease;\r\n}\r\n\r\n.fs-study:hover{\r\n  transform:translateY(-5px);\r\n  box-shadow:0 20px 45px rgba(20,20,16,.08);\r\n}\r\n\r\n.fs-study-media{\r\n  position:relative;\r\n  height:390px;\r\n  overflow:hidden;\r\n}\r\n\r\n.fs-study-media img{\r\n  height:100%;\r\n  object-fit:cover;\r\n  transition:.35s ease;\r\n}\r\n\r\n.fs-study:hover img{\r\n  transform:scale(1.025);\r\n}\r\n\r\n.fs-study-label{\r\n  position:absolute;\r\n  left:18px;\r\n  top:18px;\r\n  padding:8px 10px;\r\n  border-radius:999px;\r\n  background:rgba(251,250,247,.95);\r\n  color:var(--fs-clay);\r\n  font-size:9px;\r\n  font-weight:700;\r\n  letter-spacing:.11em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.fs-study-body{\r\n  display:flex;\r\n  flex:1;\r\n  flex-direction:column;\r\n  padding:30px;\r\n}\r\n\r\n.fs-study-meta{\r\n  margin:0 0 12px;\r\n  color:var(--fs-muted);\r\n  font-size:10px;\r\n  letter-spacing:.1em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.fs-study h3{\r\n  margin:0 0 14px;\r\n  font-size:30px;\r\n  line-height:1.08;\r\n  letter-spacing:-.03em;\r\n}\r\n\r\n.fs-study-desc{\r\n  margin:0;\r\n  color:var(--fs-text);\r\n  font-size:15px;\r\n  line-height:1.7;\r\n}\r\n\r\n.fs-study-decisions{\r\n  margin-top:26px;\r\n  border-top:1px solid var(--fs-line);\r\n}\r\n\r\n.fs-study-decision{\r\n  display:grid;\r\n  grid-template-columns:80px 1fr;\r\n  gap:18px;\r\n  padding:14px 0;\r\n  border-bottom:1px solid var(--fs-line);\r\n}\r\n\r\n.fs-study-decision strong{\r\n  color:var(--fs-clay);\r\n  font-size:10px;\r\n  letter-spacing:.08em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.fs-study-decision span{\r\n  color:var(--fs-text);\r\n  font-size:13px;\r\n  line-height:1.55;\r\n}\r\n\r\n.fs-tags{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:7px;\r\n  margin-top:24px;\r\n}\r\n\r\n.fs-tag{\r\n  padding:7px 9px;\r\n  border:1px solid var(--fs-line);\r\n  border-radius:999px;\r\n  color:var(--fs-muted);\r\n  font-size:9px;\r\n  text-transform:uppercase;\r\n  letter-spacing:.05em;\r\n}\r\n\r\n\r\n\/* HOW TO READ *\/\r\n\r\n.fs-read{\r\n  padding:105px 0;\r\n  background:var(--fs-sage-soft);\r\n}\r\n\r\n.fs-read-grid{\r\n  display:grid;\r\n  grid-template-columns:.8fr 1.2fr;\r\n  gap:85px;\r\n}\r\n\r\n.fs-read-list{\r\n  border-top:1px solid rgba(41,49,40,.16);\r\n}\r\n\r\n.fs-read-row{\r\n  display:grid;\r\n  grid-template-columns:85px 1fr;\r\n  gap:24px;\r\n  padding:23px 0;\r\n  border-bottom:1px solid rgba(41,49,40,.16);\r\n}\r\n\r\n.fs-read-row strong{\r\n  color:var(--fs-sage);\r\n  font-size:11px;\r\n  letter-spacing:.12em;\r\n}\r\n\r\n.fs-read-row h3{\r\n  margin:0 0 7px;\r\n  font-size:20px;\r\n}\r\n\r\n.fs-read-row p{\r\n  margin:0;\r\n  color:var(--fs-text);\r\n  font-size:14px;\r\n  line-height:1.6;\r\n}\r\n\r\n\r\n\/* FUTURE BEFORE AFTER *\/\r\n\r\n.fs-beforeafter{\r\n  padding:105px 0;\r\n  background:var(--fs-paper);\r\n}\r\n\r\n.fs-beforeafter-box{\r\n  display:grid;\r\n  grid-template-columns:.9fr 1.1fr;\r\n  gap:70px;\r\n  padding:48px;\r\n  border:1px solid var(--fs-line);\r\n  background:var(--fs-bg);\r\n}\r\n\r\n.fs-beforeafter h2{\r\n  margin:0;\r\n  font-size:40px;\r\n  line-height:1.04;\r\n  letter-spacing:-.035em;\r\n}\r\n\r\n.fs-beforeafter-copy p{\r\n  margin:0 0 15px;\r\n  color:var(--fs-text);\r\n  font-size:15px;\r\n  line-height:1.7;\r\n}\r\n\r\n\r\n\/* CTA *\/\r\n\r\n.fs-final{\r\n  padding:100px 0;\r\n  background:var(--fs-clay);\r\n  color:#fff;\r\n}\r\n\r\n.fs-final-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr auto;\r\n  gap:60px;\r\n  align-items:end;\r\n}\r\n\r\n.fs-final h2{\r\n  max-width:760px;\r\n  margin:0;\r\n  font-size:clamp(42px,5vw,65px);\r\n  line-height:1;\r\n  letter-spacing:-.045em;\r\n}\r\n\r\n.fs-final p{\r\n  max-width:640px;\r\n  margin:20px 0 0;\r\n  color:rgba(255,255,255,.75);\r\n  font-size:17px;\r\n  line-height:1.65;\r\n}\r\n\r\n.fs-final .fs-btn{\r\n  background:#fff;\r\n  color:var(--fs-ink) !important;\r\n}\r\n\r\n.fs-final .fs-btn:hover{\r\n  background:var(--fs-dark);\r\n  color:#fff !important;\r\n}\r\n\r\n\r\n\/* MOBILE *\/\r\n\r\n@media(max-width:900px){\r\n\r\n  .fs-container{\r\n    width:min(100% - 34px,760px);\r\n  }\r\n\r\n  .fs-hero-grid,\r\n  .fs-read-grid,\r\n  .fs-beforeafter-box,\r\n  .fs-final-grid{\r\n    grid-template-columns:1fr;\r\n    gap:40px;\r\n  }\r\n\r\n  .fs-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:620px){\r\n\r\n  .fs-container{\r\n    width:calc(100% - 28px);\r\n  }\r\n\r\n  .fs-hero,\r\n  .fs-library,\r\n  .fs-read,\r\n  .fs-beforeafter,\r\n  .fs-final{\r\n    padding-top:70px;\r\n    padding-bottom:70px;\r\n  }\r\n\r\n  .fs-hero h1{\r\n    font-size:52px;\r\n  }\r\n\r\n  .fs-hero-side p{\r\n    font-size:18px;\r\n  }\r\n\r\n  .fs-filter-row{\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n  }\r\n\r\n  .fs-study-media{\r\n    height:290px;\r\n  }\r\n\r\n  .fs-study-decision,\r\n  .fs-read-row{\r\n    grid-template-columns:1fr;\r\n    gap:7px;\r\n  }\r\n\r\n  .fs-beforeafter-box{\r\n    padding:30px;\r\n  }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div class=\"formvate-studies\">\r\n\r\n\r\n<!-- HERO -->\r\n\r\n<section class=\"fs-hero\">\r\n\r\n  <div class=\"fs-container\">\r\n\r\n    <p class=\"fs-kicker\">\r\n      Workspace Studies\r\n    <\/p>\r\n\r\n    <div class=\"fs-hero-grid\">\r\n\r\n      <h1>\r\n        Decisions,<br>\r\n        not design theatre.\r\n      <\/h1>\r\n\r\n      <div class=\"fs-hero-side\">\r\n\r\n        <p>\r\n          A growing library of concept studies exploring how\r\n          zoning, circulation, product decisions and selective upgrades\r\n          can change the logic of a workspace.\r\n        <\/p>\r\n\r\n        <div class=\"fs-concept-note\">\r\n          These are conceptual studies created to demonstrate Formvate's design method.\r\n          They are not presented as completed client transformations.\r\n        <\/div>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- FILTER -->\r\n\r\n<section class=\"fs-filter\">\r\n\r\n  <div class=\"fs-container\">\r\n\r\n    <div class=\"fs-filter-row\">\r\n\r\n      <span class=\"fs-filter-label\">\r\n        Browse by decision\r\n      <\/span>\r\n\r\n      <div class=\"fs-filter-buttons\">\r\n\r\n        <button class=\"fs-filter-btn active\"\r\n                type=\"button\"\r\n                data-filter=\"all\">\r\n          All\r\n        <\/button>\r\n\r\n        <button class=\"fs-filter-btn\"\r\n                type=\"button\"\r\n                data-filter=\"zoning\">\r\n          Zoning\r\n        <\/button>\r\n\r\n        <button class=\"fs-filter-btn\"\r\n                type=\"button\"\r\n                data-filter=\"movement\">\r\n          Movement\r\n        <\/button>\r\n\r\n        <button class=\"fs-filter-btn\"\r\n                type=\"button\"\r\n                data-filter=\"products\">\r\n          Products\r\n        <\/button>\r\n\r\n        <button class=\"fs-filter-btn\"\r\n                type=\"button\"\r\n                data-filter=\"upgrade\">\r\n          Upgrade\r\n        <\/button>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- STUDIES -->\r\n\r\n<section class=\"fs-library\">\r\n\r\n  <div class=\"fs-container\">\r\n\r\n    <div class=\"fs-library-head\">\r\n\r\n      <p class=\"fs-kicker\">\r\n        Selected studies\r\n      <\/p>\r\n\r\n      <h2 class=\"fs-h2\">\r\n        Start with the problem.\r\n        Show the decision.\r\n      <\/h2>\r\n\r\n      <p class=\"fs-intro\">\r\n        Each study focuses on a small number of spatial decisions\r\n        rather than presenting a finished image without context.\r\n      <\/p>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"fs-grid\">\r\n\r\n\r\n      <!-- STUDY 01 -->\r\n\r\n      <article class=\"fs-study\"\r\n               data-tags=\"zoning movement\">\r\n\r\n        <div class=\"fs-study-media\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1600&q=85\"\r\n            alt=\"Concept workspace zoning study\"\r\n          >\r\n\r\n          <span class=\"fs-study-label\">\r\n            Concept Study\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"fs-study-body\">\r\n\r\n          <p class=\"fs-study-meta\">\r\n            Compact Team Workspace\r\n          <\/p>\r\n\r\n          <h3>\r\n            Protecting Focus from Movement\r\n          <\/h3>\r\n\r\n          <p class=\"fs-study-desc\">\r\n            A study exploring how workstation placement\r\n            and circulation can be reorganized\r\n            so primary movement does not dominate focused work areas.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"fs-study-decisions\">\r\n\r\n            <div class=\"fs-study-decision\">\r\n              <strong>Problem<\/strong>\r\n              <span>Movement crosses the main focus area.<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"fs-study-decision\">\r\n              <strong>Decision<\/strong>\r\n              <span>Reorganize circulation before adding furniture.<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"fs-study-decision\">\r\n              <strong>Result<\/strong>\r\n              <span>A clearer relationship between focus and movement zones.<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fs-tags\">\r\n            <span class=\"fs-tag\">Zoning<\/span>\r\n            <span class=\"fs-tag\">Movement<\/span>\r\n            <span class=\"fs-tag\">Focus<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- STUDY 02 -->\r\n\r\n      <article class=\"fs-study\"\r\n               data-tags=\"zoning products\">\r\n\r\n        <div class=\"fs-study-media\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1524758631624-e2822e304c36?auto=format&fit=crop&w=1600&q=85\"\r\n            alt=\"Client-facing workspace concept study\"\r\n          >\r\n\r\n          <span class=\"fs-study-label\">\r\n            Concept Study\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"fs-study-body\">\r\n\r\n          <p class=\"fs-study-meta\">\r\n            Client-Facing Workspace\r\n          <\/p>\r\n\r\n          <h3>\r\n            Support Without Spatial Clutter\r\n          <\/h3>\r\n\r\n          <p class=\"fs-study-desc\">\r\n            Exploring how shared storage,\r\n            visitor functions and everyday support products\r\n            can be grouped without taking over the workspace.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"fs-study-decisions\">\r\n\r\n            <div class=\"fs-study-decision\">\r\n              <strong>Problem<\/strong>\r\n              <span>Support functions are dispersed throughout the workspace.<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"fs-study-decision\">\r\n              <strong>Decision<\/strong>\r\n              <span>Consolidate support elements into a clearer spatial layer.<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"fs-study-decision\">\r\n              <strong>Result<\/strong>\r\n              <span>More readable relationships between work and support areas.<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fs-tags\">\r\n            <span class=\"fs-tag\">Support<\/span>\r\n            <span class=\"fs-tag\">Products<\/span>\r\n            <span class=\"fs-tag\">Zoning<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- STUDY 03 -->\r\n\r\n      <article class=\"fs-study\"\r\n               data-tags=\"products\">\r\n\r\n        <div class=\"fs-study-media\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=1600&q=85\"\r\n            alt=\"Workspace product direction study\"\r\n          >\r\n\r\n          <span class=\"fs-study-label\">\r\n            Product Study\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"fs-study-body\">\r\n\r\n          <p class=\"fs-study-meta\">\r\n            Ready Office\r\n          <\/p>\r\n\r\n          <h3>\r\n            Space Before Products\r\n          <\/h3>\r\n\r\n          <p class=\"fs-study-desc\">\r\n            A study of how desk, seating,\r\n            lighting and storage choices can follow\r\n            a spatial decision instead of leading it.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"fs-study-decisions\">\r\n\r\n            <div class=\"fs-study-decision\">\r\n              <strong>Problem<\/strong>\r\n              <span>Products are being selected without an agreed spatial structure.<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"fs-study-decision\">\r\n              <strong>Decision<\/strong>\r\n              <span>Confirm function and placement before choosing specific products.<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"fs-study-decision\">\r\n              <strong>Result<\/strong>\r\n              <span>A more coordinated product direction.<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fs-tags\">\r\n            <span class=\"fs-tag\">Products<\/span>\r\n            <span class=\"fs-tag\">Compatibility<\/span>\r\n            <span class=\"fs-tag\">Scale<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- STUDY 04 -->\r\n\r\n      <article class=\"fs-study\"\r\n               data-tags=\"upgrade products\">\r\n\r\n        <div class=\"fs-study-media\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1600&q=85\"\r\n            alt=\"Existing workspace non-invasive upgrade study\"\r\n          >\r\n\r\n          <span class=\"fs-study-label\">\r\n            Upgrade Study\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"fs-study-body\">\r\n\r\n          <p class=\"fs-study-meta\">\r\n            Existing Workspace\r\n          <\/p>\r\n\r\n          <h3>\r\n            Keep + Refine + Upgrade\r\n          <\/h3>\r\n\r\n          <p class=\"fs-study-desc\">\r\n            A non-invasive study examining which existing elements\r\n            can remain and where selective surface,\r\n            lighting or product changes may add design value.\r\n          <\/p>\r\n\r\n\r\n          <div class=\"fs-study-decisions\">\r\n\r\n            <div class=\"fs-study-decision\">\r\n              <strong>Problem<\/strong>\r\n              <span>The workspace needs improvement but not a full rebuild.<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"fs-study-decision\">\r\n              <strong>Decision<\/strong>\r\n              <span>Keep usable elements and target only selected upgrade layers.<\/span>\r\n            <\/div>\r\n\r\n            <div class=\"fs-study-decision\">\r\n              <strong>Result<\/strong>\r\n              <span>A more focused upgrade direction without demolition.<\/span>\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <div class=\"fs-tags\">\r\n            <span class=\"fs-tag\">Upgrade<\/span>\r\n            <span class=\"fs-tag\">Reuse<\/span>\r\n            <span class=\"fs-tag\">Low-Impact<\/span>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- HOW TO READ -->\r\n\r\n<section class=\"fs-read\">\r\n\r\n  <div class=\"fs-container\">\r\n\r\n    <div class=\"fs-read-grid\">\r\n\r\n\r\n      <div>\r\n\r\n        <p class=\"fs-kicker\">\r\n          How to read a study\r\n        <\/p>\r\n\r\n        <h2 class=\"fs-h2\">\r\n          The reasoning is part of the work.\r\n        <\/h2>\r\n\r\n        <p class=\"fs-intro\">\r\n          Formvate studies are structured around\r\n          the sequence of decisions rather than visual transformation alone.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"fs-read-list\">\r\n\r\n\r\n        <div class=\"fs-read-row\">\r\n\r\n          <strong>01<\/strong>\r\n\r\n          <div>\r\n            <h3>Identify the problem<\/h3>\r\n            <p>\r\n              What is unclear, conflicting or unsupported in the existing workspace?\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"fs-read-row\">\r\n\r\n          <strong>02<\/strong>\r\n\r\n          <div>\r\n            <h3>Establish spatial logic<\/h3>\r\n            <p>\r\n              Define zoning, movement and relationships before styling or product selection.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"fs-read-row\">\r\n\r\n          <strong>03<\/strong>\r\n\r\n          <div>\r\n            <h3>Develop the direction<\/h3>\r\n            <p>\r\n              Add visual, product or upgrade layers according to the depth of the study.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"fs-read-row\">\r\n\r\n          <strong>04<\/strong>\r\n\r\n          <div>\r\n            <h3>Explain what changed<\/h3>\r\n            <p>\r\n              Show the design decision clearly without claiming outcomes the study cannot verify.\r\n            <\/p>\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- BEFORE AFTER POLICY -->\r\n\r\n<section class=\"fs-beforeafter\">\r\n\r\n  <div class=\"fs-container\">\r\n\r\n    <div class=\"fs-beforeafter-box\">\r\n\r\n\r\n      <div>\r\n\r\n        <p class=\"fs-kicker\">\r\n          Before + after\r\n        <\/p>\r\n\r\n        <h2>\r\n          Comparisons should compare the same space.\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"fs-beforeafter-copy\">\r\n\r\n        <p>\r\n          Formvate will use Before \/ Proposed Design or Before \/ After comparisons\r\n          when both visuals relate to the same workspace and the relationship can be represented accurately.\r\n        <\/p>\r\n\r\n        <p>\r\n          During the concept portfolio phase,\r\n          unrelated stock images are not presented as transformations.\r\n        <\/p>\r\n\r\n        <p>\r\n          This keeps the visual story clear without implying work,\r\n          construction or client results that did not occur.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- CTA -->\r\n\r\n<section class=\"fs-final\">\r\n\r\n  <div class=\"fs-container\">\r\n\r\n    <div class=\"fs-final-grid\">\r\n\r\n\r\n      <div>\r\n\r\n        <h2>\r\n          Want this level of thinking applied to your workspace?\r\n        <\/h2>\r\n\r\n        <p>\r\n          Compare Formvate's three design packages\r\n          and choose the level of clarity your workspace needs.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <a class=\"fs-btn\" href=\"\/packages\/\">\r\n        Explore packages \u2192\r\n      <\/a>\r\n\r\n\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/div>\r\n\r\n\r\n<script>\r\n(function(){\r\n\r\n  const buttons = document.querySelectorAll('.fs-filter-btn');\r\n  const studies = document.querySelectorAll('.fs-study');\r\n\r\n  buttons.forEach(function(button){\r\n\r\n    button.addEventListener('click', function(){\r\n\r\n      const filter = this.getAttribute('data-filter');\r\n\r\n      buttons.forEach(function(btn){\r\n        btn.classList.remove('active');\r\n      });\r\n\r\n      this.classList.add('active');\r\n\r\n      studies.forEach(function(study){\r\n\r\n        const tags = study.getAttribute('data-tags') || '';\r\n\r\n        if(filter === 'all' || tags.includes(filter)){\r\n          study.style.display = 'flex';\r\n        }else{\r\n          study.style.display = 'none';\r\n        }\r\n\r\n      });\r\n\r\n    });\r\n\r\n  });\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Workspace Studies Decisions, not design theatre. A growing library of concept studies exploring how zoning, circulation, product decisions and selective upgrades can change the logic of a workspace. These are conceptual studies created to demonstrate Formvate&#8217;s design method. They are not presented as completed client transformations. Browse by decision All Zoning Movement Products Upgrade Selected [&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-659","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":"Workspace Studies Decisions, not design theatre. A growing library of concept studies exploring how zoning, circulation, product decisions and selective upgrades can change the logic of a workspace. These are conceptual studies created to demonstrate Formvate&#8217;s design method. They are not presented as completed client transformations. Browse by decision All Zoning Movement Products Upgrade Selected&hellip;","_links":{"self":[{"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/pages\/659","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=659"}],"version-history":[{"count":13,"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/pages\/659\/revisions"}],"predecessor-version":[{"id":804,"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/pages\/659\/revisions\/804"}],"wp:attachment":[{"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/media?parent=659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}