{"id":647,"date":"2026-02-06T12:09:29","date_gmt":"2026-02-06T12:09:29","guid":{"rendered":"https:\/\/whity.me\/?page_id=647"},"modified":"2026-08-27T09:58:34","modified_gmt":"2026-08-27T09:58:34","slug":"647-2","status":"publish","type":"page","link":"https:\/\/whity.me\/index.php\/647-2\/","title":{"rendered":""},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"647\" class=\"elementor elementor-647\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5411749 e-flex e-con-boxed e-con e-parent\" data-id=\"5411749\" 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-1c45be5 elementor-widget elementor-widget-html\" data-id=\"1c45be5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t```html\r\n<!-- =========================================================\r\nFORMVATE \u2014 PORTFOLIO\r\nLIGHT LAUNCH \/ CONCEPT STUDIES\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n.formvate-portfolio {\r\n  --fp-bg:#f2efe8;\r\n  --fp-paper:#fbfaf7;\r\n  --fp-ink:#171714;\r\n  --fp-text:#56554f;\r\n  --fp-muted:#89867d;\r\n  --fp-line:#d8d3c8;\r\n\r\n  --fp-clay:#a45e47;\r\n  --fp-clay-soft:#eadbd3;\r\n\r\n  --fp-sage:#68715f;\r\n  --fp-sage-soft:#e3e7de;\r\n\r\n  --fp-dark:#252b24;\r\n\r\n  font-family:Arial, Helvetica, sans-serif;\r\n  background:var(--fp-bg);\r\n  color:var(--fp-ink);\r\n  overflow:hidden;\r\n}\r\n\r\n.formvate-portfolio *,\r\n.formvate-portfolio *::before,\r\n.formvate-portfolio *::after {\r\n  box-sizing:border-box;\r\n}\r\n\r\n.formvate-portfolio img {\r\n  width:100%;\r\n  display:block;\r\n}\r\n\r\n.fp-container {\r\n  width:min(1220px, calc(100% - 48px));\r\n  margin:0 auto;\r\n}\r\n\r\n.fp-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(--fp-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.fp-kicker::before {\r\n  content:\"\";\r\n  width:34px;\r\n  height:1px;\r\n  background:currentColor;\r\n}\r\n\r\n.fp-h2 {\r\n  max-width:800px;\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.fp-intro-text {\r\n  max-width:720px;\r\n  margin:20px 0 0;\r\n  color:var(--fp-text);\r\n  font-size:18px;\r\n  line-height:1.7;\r\n}\r\n\r\n.fp-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(--fp-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.fp-btn:hover {\r\n  transform:translateY(-2px);\r\n  background:var(--fp-clay);\r\n}\r\n\r\n.fp-text-link {\r\n  color:var(--fp-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\/* =========================\r\n   HERO\r\n========================= *\/\r\n\r\n.fp-hero {\r\n  padding:105px 0 95px;\r\n  background:var(--fp-paper);\r\n}\r\n\r\n.fp-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.fp-hero h1 {\r\n  max-width:780px;\r\n  margin:0;\r\n  font-size:clamp(60px,7vw,94px);\r\n  line-height:.93;\r\n  letter-spacing:-.06em;\r\n}\r\n\r\n.fp-hero-side p {\r\n  max-width:560px;\r\n  margin:0;\r\n  color:var(--fp-text);\r\n  font-size:21px;\r\n  line-height:1.6;\r\n}\r\n\r\n.fp-hero-note {\r\n  margin-top:28px;\r\n  padding:18px 20px;\r\n  border-left:3px solid var(--fp-clay);\r\n  background:var(--fp-clay-soft);\r\n  color:#6d554c;\r\n  font-size:13px;\r\n  line-height:1.6;\r\n}\r\n\r\n\r\n\/* =========================\r\n   FILTERS\r\n========================= *\/\r\n\r\n.fp-filter-section {\r\n  padding:38px 0;\r\n  background:var(--fp-dark);\r\n  color:#fff;\r\n}\r\n\r\n.fp-filter-row {\r\n  display:flex;\r\n  justify-content:space-between;\r\n  gap:30px;\r\n  align-items:center;\r\n}\r\n\r\n.fp-filter-label {\r\n  color:rgba(255,255,255,.52);\r\n  font-size:11px;\r\n  font-weight:700;\r\n  letter-spacing:.15em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.fp-filter-tags {\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:9px;\r\n}\r\n\r\n.fp-tag {\r\n  appearance:none;\r\n  border:1px solid rgba(255,255,255,.18);\r\n  background:transparent;\r\n  color:rgba(255,255,255,.72);\r\n  border-radius:999px;\r\n  padding:9px 13px;\r\n  font-size:11px;\r\n  cursor:pointer;\r\n  transition:.2s ease;\r\n}\r\n\r\n.fp-tag:hover,\r\n.fp-tag.is-active {\r\n  background:#fff;\r\n  color:var(--fp-dark);\r\n}\r\n\r\n\r\n\/* =========================\r\n   PORTFOLIO GRID\r\n========================= *\/\r\n\r\n.fp-work {\r\n  padding:110px 0;\r\n}\r\n\r\n.fp-work-head {\r\n  display:flex;\r\n  justify-content:space-between;\r\n  align-items:end;\r\n  gap:50px;\r\n  margin-bottom:50px;\r\n}\r\n\r\n.fp-grid {\r\n  display:grid;\r\n  grid-template-columns:repeat(2,1fr);\r\n  gap:22px;\r\n}\r\n\r\n.fp-card {\r\n  display:flex;\r\n  flex-direction:column;\r\n  overflow:hidden;\r\n  border:1px solid var(--fp-line);\r\n  background:var(--fp-paper);\r\n  transition:.25s ease;\r\n}\r\n\r\n.fp-card:hover {\r\n  transform:translateY(-5px);\r\n  box-shadow:0 20px 45px rgba(20,20,16,.08);\r\n}\r\n\r\n.fp-card-media {\r\n  position:relative;\r\n  height:390px;\r\n  overflow:hidden;\r\n  background:#ddd;\r\n}\r\n\r\n.fp-card-media img {\r\n  height:100%;\r\n  object-fit:cover;\r\n  transition:.35s ease;\r\n}\r\n\r\n.fp-card:hover .fp-card-media img {\r\n  transform:scale(1.025);\r\n}\r\n\r\n.fp-card-type {\r\n  position:absolute;\r\n  top:18px;\r\n  left:18px;\r\n  padding:8px 10px;\r\n  border-radius:999px;\r\n  background:rgba(251,250,247,.94);\r\n  color:var(--fp-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.fp-card-body {\r\n  display:flex;\r\n  flex:1;\r\n  flex-direction:column;\r\n  padding:30px;\r\n}\r\n\r\n.fp-card-meta {\r\n  margin:0 0 13px;\r\n  color:var(--fp-muted);\r\n  font-size:11px;\r\n  letter-spacing:.08em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.fp-card 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.fp-card-desc {\r\n  margin:0;\r\n  color:var(--fp-text);\r\n  font-size:15px;\r\n  line-height:1.7;\r\n}\r\n\r\n.fp-card-tags {\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:7px;\r\n  margin-top:28px;\r\n}\r\n\r\n.fp-card-tags span {\r\n  padding:7px 9px;\r\n  border:1px solid var(--fp-line);\r\n  border-radius:999px;\r\n  color:var(--fp-muted);\r\n  font-size:9px;\r\n  letter-spacing:.06em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.fp-card-link {\r\n  display:inline-flex;\r\n  width:max-content;\r\n  margin-top:30px;\r\n  color:var(--fp-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\/* =========================\r\n   CASE CONTENT\r\n========================= *\/\r\n\r\n.fp-case-logic {\r\n  padding:105px 0;\r\n  background:var(--fp-sage-soft);\r\n}\r\n\r\n.fp-case-grid {\r\n  display:grid;\r\n  grid-template-columns:.8fr 1.2fr;\r\n  gap:85px;\r\n  align-items:start;\r\n}\r\n\r\n.fp-case-list {\r\n  border-top:1px solid rgba(41,49,40,.16);\r\n}\r\n\r\n.fp-case-row {\r\n  display:grid;\r\n  grid-template-columns:90px 1fr;\r\n  gap:25px;\r\n  padding:23px 0;\r\n  border-bottom:1px solid rgba(41,49,40,.16);\r\n}\r\n\r\n.fp-case-row strong {\r\n  color:var(--fp-sage);\r\n  font-size:11px;\r\n  letter-spacing:.12em;\r\n}\r\n\r\n.fp-case-row h3 {\r\n  margin:0 0 7px;\r\n  font-size:20px;\r\n}\r\n\r\n.fp-case-row p {\r\n  margin:0;\r\n  color:var(--fp-text);\r\n  font-size:14px;\r\n  line-height:1.6;\r\n}\r\n\r\n\r\n\/* =========================\r\n   TRANSPARENCY\r\n========================= *\/\r\n\r\n.fp-transparency {\r\n  padding:95px 0;\r\n  background:var(--fp-paper);\r\n}\r\n\r\n.fp-transparency-box {\r\n  display:grid;\r\n  grid-template-columns:.8fr 1.2fr;\r\n  gap:70px;\r\n  padding:48px;\r\n  border:1px solid var(--fp-line);\r\n  background:var(--fp-bg);\r\n}\r\n\r\n.fp-transparency h2 {\r\n  margin:0;\r\n  font-size:38px;\r\n  line-height:1.05;\r\n  letter-spacing:-.035em;\r\n}\r\n\r\n.fp-transparency p {\r\n  margin:0;\r\n  color:var(--fp-text);\r\n  font-size:16px;\r\n  line-height:1.75;\r\n}\r\n\r\n\r\n\/* =========================\r\n   FINAL CTA\r\n========================= *\/\r\n\r\n.fp-final {\r\n  padding:100px 0;\r\n  background:var(--fp-clay);\r\n  color:#fff;\r\n}\r\n\r\n.fp-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.fp-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.fp-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.fp-final .fp-btn {\r\n  background:#fff;\r\n  color:var(--fp-ink) !important;\r\n}\r\n\r\n.fp-final .fp-btn:hover {\r\n  background:var(--fp-dark);\r\n  color:#fff !important;\r\n}\r\n\r\n\r\n\/* =========================\r\n   RESPONSIVE\r\n========================= *\/\r\n\r\n@media(max-width:900px) {\r\n\r\n  .fp-container {\r\n    width:min(100% - 34px,760px);\r\n  }\r\n\r\n  .fp-hero-grid,\r\n  .fp-case-grid,\r\n  .fp-transparency-box,\r\n  .fp-final-grid {\r\n    grid-template-columns:1fr;\r\n    gap:40px;\r\n  }\r\n\r\n  .fp-grid {\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .fp-filter-row {\r\n    align-items:flex-start;\r\n    flex-direction:column;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:620px) {\r\n\r\n  .fp-container {\r\n    width:calc(100% - 28px);\r\n  }\r\n\r\n  .fp-hero,\r\n  .fp-work,\r\n  .fp-case-logic,\r\n  .fp-transparency,\r\n  .fp-final {\r\n    padding-top:70px;\r\n    padding-bottom:70px;\r\n  }\r\n\r\n  .fp-hero h1 {\r\n    font-size:52px;\r\n  }\r\n\r\n  .fp-hero-side p {\r\n    font-size:18px;\r\n  }\r\n\r\n  .fp-card-media {\r\n    height:290px;\r\n  }\r\n\r\n  .fp-work-head {\r\n    flex-direction:column;\r\n    align-items:flex-start;\r\n  }\r\n\r\n  .fp-case-row {\r\n    grid-template-columns:1fr;\r\n    gap:8px;\r\n  }\r\n\r\n  .fp-transparency-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-portfolio\">\r\n\r\n\r\n<!-- HERO -->\r\n<section class=\"fp-hero\">\r\n\r\n  <div class=\"fp-container\">\r\n\r\n    <p class=\"fp-kicker\">\r\n      Portfolio\r\n    <\/p>\r\n\r\n    <div class=\"fp-hero-grid\">\r\n\r\n      <h1>\r\n        Workspace thinking,<br>\r\n        shown in context.\r\n      <\/h1>\r\n\r\n      <div class=\"fp-hero-side\">\r\n\r\n        <p>\r\n          A growing collection of concept-led workspace studies\r\n          exploring layout, zoning, product logic,\r\n          and non-invasive improvement strategies.\r\n        <\/p>\r\n\r\n        <div class=\"fp-hero-note\">\r\n          Current portfolio studies are conceptual design work created to demonstrate Formvate's approach.\r\n          Client case studies will be added as the studio grows.\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<!-- FILTERS -->\r\n<section class=\"fp-filter-section\">\r\n\r\n  <div class=\"fp-container\">\r\n\r\n    <div class=\"fp-filter-row\">\r\n\r\n      <span class=\"fp-filter-label\">\r\n        Browse by workspace\r\n      <\/span>\r\n\r\n      <div class=\"fp-filter-tags\">\r\n\r\n        <button class=\"fp-tag is-active\" type=\"button\" data-filter=\"all\">\r\n          All\r\n        <\/button>\r\n\r\n        <button class=\"fp-tag\" type=\"button\" data-filter=\"ready-office\">\r\n          Ready Office\r\n        <\/button>\r\n\r\n        <button class=\"fp-tag\" type=\"button\" data-filter=\"small-team\">\r\n          Small Team\r\n        <\/button>\r\n\r\n        <button class=\"fp-tag\" type=\"button\" data-filter=\"client-facing\">\r\n          Client-Facing\r\n        <\/button>\r\n\r\n        <button class=\"fp-tag\" type=\"button\" data-filter=\"existing-upgrade\">\r\n          Existing Workspace\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<!-- WORK -->\r\n<section class=\"fp-work\">\r\n\r\n  <div class=\"fp-container\">\r\n\r\n\r\n    <div class=\"fp-work-head\">\r\n\r\n      <div>\r\n\r\n        <p class=\"fp-kicker\">\r\n          Selected studies\r\n        <\/p>\r\n\r\n        <h2 class=\"fp-h2\">\r\n          Each study starts with a workspace problem.\r\n        <\/h2>\r\n\r\n        <p class=\"fp-intro-text\">\r\n          The focus is not decoration for its own sake.\r\n          Each case highlights the relationship between spatial decisions,\r\n          product direction and the way the workspace needs to function.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n    <div class=\"fp-grid\">\r\n\r\n\r\n      <!-- CASE 1 -->\r\n      <article class=\"fp-card\" data-category=\"small-team ready-office\">\r\n\r\n        <div class=\"fp-card-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=\"Small team workspace concept study\"\r\n          >\r\n\r\n          <span class=\"fp-card-type\">\r\n            Concept Study\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"fp-card-body\">\r\n\r\n          <p class=\"fp-card-meta\">\r\n            Small Team \u00b7 Ready Office\r\n          <\/p>\r\n\r\n          <h3>\r\n            Focus + Movement\r\n          <\/h3>\r\n\r\n          <p class=\"fp-card-desc\">\r\n            A zoning study for a compact team workspace,\r\n            separating focused work from the main movement path\r\n            while keeping shared functions accessible.\r\n          <\/p>\r\n\r\n          <div class=\"fp-card-tags\">\r\n            <span>Zoning<\/span>\r\n            <span>Circulation<\/span>\r\n            <span>Focus<\/span>\r\n          <\/div>\r\n\r\n          <a class=\"fp-card-link\" href=\"#\">\r\n            View case \u2192\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- CASE 2 -->\r\n      <article class=\"fp-card\" data-category=\"client-facing\">\r\n\r\n        <div class=\"fp-card-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 office workspace concept\"\r\n          >\r\n\r\n          <span class=\"fp-card-type\">\r\n            Concept Study\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"fp-card-body\">\r\n\r\n          <p class=\"fp-card-meta\">\r\n            Client-Facing Workspace\r\n          <\/p>\r\n\r\n          <h3>\r\n            Arrival + Work Flow\r\n          <\/h3>\r\n\r\n          <p class=\"fp-card-desc\">\r\n            A front-of-house study exploring how visitor movement,\r\n            staff focus, and support functions can coexist\r\n            without creating unnecessary visual or spatial conflict.\r\n          <\/p>\r\n\r\n          <div class=\"fp-card-tags\">\r\n            <span>Arrival<\/span>\r\n            <span>Support<\/span>\r\n            <span>Flow<\/span>\r\n          <\/div>\r\n\r\n          <a class=\"fp-card-link\" href=\"#\">\r\n            View case \u2192\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- CASE 3 -->\r\n      <article class=\"fp-card\" data-category=\"ready-office small-team\">\r\n\r\n        <div class=\"fp-card-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=\"Ready office product and zoning study\"\r\n          >\r\n\r\n          <span class=\"fp-card-type\">\r\n            Product Study\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"fp-card-body\">\r\n\r\n          <p class=\"fp-card-meta\">\r\n            Ready Office \u00b7 Product Direction\r\n          <\/p>\r\n\r\n          <h3>\r\n            Space Before Products\r\n          <\/h3>\r\n\r\n          <p class=\"fp-card-desc\">\r\n            A product-led study showing how seating, lighting,\r\n            storage and workstation decisions follow\r\n            an approved spatial direction rather than precede it.\r\n          <\/p>\r\n\r\n          <div class=\"fp-card-tags\">\r\n            <span>Products<\/span>\r\n            <span>Scale<\/span>\r\n            <span>Compatibility<\/span>\r\n          <\/div>\r\n\r\n          <a class=\"fp-card-link\" href=\"#\">\r\n            View case \u2192\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n\r\n      <!-- CASE 4 -->\r\n      <article class=\"fp-card\" data-category=\"existing-upgrade\">\r\n\r\n        <div class=\"fp-card-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 upgrade concept\"\r\n          >\r\n\r\n          <span class=\"fp-card-type\">\r\n            Upgrade Study\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n        <div class=\"fp-card-body\">\r\n\r\n          <p class=\"fp-card-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=\"fp-card-desc\">\r\n            A non-invasive upgrade study exploring what can stay,\r\n            what can be refined, and where selective lighting,\r\n            surfaces or products could add design value.\r\n          <\/p>\r\n\r\n          <div class=\"fp-card-tags\">\r\n            <span>Reuse<\/span>\r\n            <span>Lighting<\/span>\r\n            <span>Low-Impact<\/span>\r\n          <\/div>\r\n\r\n          <a class=\"fp-card-link\" href=\"#\">\r\n            View case \u2192\r\n          <\/a>\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<!-- WHAT EACH CASE SHOWS -->\r\n<section class=\"fp-case-logic\">\r\n\r\n  <div class=\"fp-container\">\r\n\r\n    <div class=\"fp-case-grid\">\r\n\r\n\r\n      <div>\r\n\r\n        <p class=\"fp-kicker\">\r\n          Inside each case\r\n        <\/p>\r\n\r\n        <h2 class=\"fp-h2\">\r\n          The decision matters more than the final image.\r\n        <\/h2>\r\n\r\n        <p class=\"fp-intro-text\">\r\n          Each case is structured to show how Formvate moves\r\n          from a workspace question toward a clearer design direction.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"fp-case-list\">\r\n\r\n\r\n        <div class=\"fp-case-row\">\r\n\r\n          <strong>01<\/strong>\r\n\r\n          <div>\r\n\r\n            <h3>The workspace problem<\/h3>\r\n\r\n            <p>\r\n              What needs to become clearer, easier to use,\r\n              or better organized.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"fp-case-row\">\r\n\r\n          <strong>02<\/strong>\r\n\r\n          <div>\r\n\r\n            <h3>Spatial logic<\/h3>\r\n\r\n            <p>\r\n              Layout, zoning, movement and key relationships\r\n              that establish the design foundation.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"fp-case-row\">\r\n\r\n          <strong>03<\/strong>\r\n\r\n          <div>\r\n\r\n            <h3>Visual direction<\/h3>\r\n\r\n            <p>\r\n              Mood, material direction or 3D visualization\r\n              where relevant to the study.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"fp-case-row\">\r\n\r\n          <strong>04<\/strong>\r\n\r\n          <div>\r\n\r\n            <h3>Product logic<\/h3>\r\n\r\n            <p>\r\n              How selected products support the spatial role,\r\n              scale and design direction.\r\n            <\/p>\r\n\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<!-- TRANSPARENCY -->\r\n<section class=\"fp-transparency\">\r\n\r\n  <div class=\"fp-container\">\r\n\r\n    <div class=\"fp-transparency-box\">\r\n\r\n\r\n      <div>\r\n\r\n        <p class=\"fp-kicker\">\r\n          Portfolio note\r\n        <\/p>\r\n\r\n        <h2>\r\n          Concept work is shown as concept work.\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div>\r\n\r\n        <p>\r\n          During Formvate's early launch,\r\n          selected studies may use conceptual briefs and design scenarios\r\n          created to demonstrate the studio's methodology.\r\n          These projects are identified clearly and are not presented as completed client commissions.\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<!-- FINAL CTA -->\r\n<section class=\"fp-final\">\r\n\r\n  <div class=\"fp-container\">\r\n\r\n    <div class=\"fp-final-grid\">\r\n\r\n\r\n      <div>\r\n\r\n        <h2>\r\n          Need this level of clarity for your own workspace?\r\n        <\/h2>\r\n\r\n        <p>\r\n          Explore the three Formvate packages\r\n          and choose the level of design support that matches your space today.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <a class=\"fp-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('.fp-tag');\r\n  const cards = document.querySelectorAll('.fp-card');\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('is-active');\r\n      });\r\n\r\n      this.classList.add('is-active');\r\n\r\n      cards.forEach(function(card){\r\n\r\n        const categories = card.getAttribute('data-category') || '';\r\n\r\n        if(filter === 'all' || categories.includes(filter)){\r\n          card.style.display = 'flex';\r\n        } else {\r\n          card.style.display = 'none';\r\n        }\r\n\r\n      });\r\n\r\n    });\r\n\r\n  });\r\n\r\n})();\r\n<\/script>\r\n```\r\n\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>&#8220;`html Portfolio Workspace thinking, shown in context. A growing collection of concept-led workspace studies exploring layout, zoning, product logic, and non-invasive improvement strategies. Current portfolio studies are conceptual design work created to demonstrate Formvate&#8217;s approach. Client case studies will be added as the studio grows. Browse by workspace All Ready Office Small Team Client-Facing Existing [&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-647","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":"&#8220;`html Portfolio Workspace thinking, shown in context. A growing collection of concept-led workspace studies exploring layout, zoning, product logic, and non-invasive improvement strategies. Current portfolio studies are conceptual design work created to demonstrate Formvate&#8217;s approach. Client case studies will be added as the studio grows. Browse by workspace All Ready Office Small Team Client-Facing Existing&hellip;","_links":{"self":[{"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/pages\/647","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=647"}],"version-history":[{"count":4,"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/pages\/647\/revisions"}],"predecessor-version":[{"id":796,"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/pages\/647\/revisions\/796"}],"wp:attachment":[{"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/media?parent=647"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}