{"id":483,"date":"2026-02-05T07:26:20","date_gmt":"2026-02-05T07:26:20","guid":{"rendered":"https:\/\/whity.me\/?page_id=483"},"modified":"2026-08-27T12:33:32","modified_gmt":"2026-08-27T12:33:32","slug":"483-2","status":"publish","type":"page","link":"https:\/\/whity.me\/index.php\/483-2\/","title":{"rendered":"TIER 1"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"483\" class=\"elementor elementor-483\">\n\t\t\t\t<div class=\"elementor-element elementor-element-11ca218 e-flex e-con-boxed e-con e-parent\" data-id=\"11ca218\" 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-1cd57a8 elementor-widget elementor-widget-html\" data-id=\"1cd57a8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- =========================================================\r\nFORMVATE \u2014 TIER 1\r\nSPATIAL FOUNDATION\r\nLIGHT LAUNCH VERSION\r\n========================================================= -->\r\n\r\n<style>\r\n\r\n.formvate-tier1{\r\n  --f1-bg:#f2efe8;\r\n  --f1-paper:#fbfaf7;\r\n  --f1-ink:#171714;\r\n  --f1-text:#56554f;\r\n  --f1-muted:#89867d;\r\n  --f1-line:#d8d3c8;\r\n\r\n  --f1-clay:#a45e47;\r\n  --f1-clay-soft:#eadbd3;\r\n\r\n  --f1-sage:#68715f;\r\n  --f1-sage-soft:#e3e7de;\r\n\r\n  --f1-dark:#252b24;\r\n\r\n  font-family:Arial,Helvetica,sans-serif;\r\n  background:var(--f1-bg);\r\n  color:var(--f1-ink);\r\n  overflow:hidden;\r\n}\r\n\r\n.formvate-tier1 *,\r\n.formvate-tier1 *::before,\r\n.formvate-tier1 *::after{\r\n  box-sizing:border-box;\r\n}\r\n\r\n.formvate-tier1 img{\r\n  width:100%;\r\n  display:block;\r\n}\r\n\r\n.f1-container{\r\n  width:min(1220px,calc(100% - 48px));\r\n  margin:0 auto;\r\n}\r\n\r\n.f1-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(--f1-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.f1-kicker::before{\r\n  content:\"\";\r\n  width:34px;\r\n  height:1px;\r\n  background:currentColor;\r\n}\r\n\r\n.f1-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.f1-intro{\r\n  max-width:700px;\r\n  margin:20px 0 0;\r\n  color:var(--f1-text);\r\n  font-size:18px;\r\n  line-height:1.7;\r\n}\r\n\r\n.f1-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(--f1-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.f1-btn:hover{\r\n  transform:translateY(-2px);\r\n  background:var(--f1-clay);\r\n}\r\n\r\n.f1-text-link{\r\n  color:var(--f1-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.f1-hero{\r\n  padding:70px 0 76px;\r\n  background:var(--f1-paper);\r\n}\r\n\r\n.f1-hero-grid{\r\n  display:grid;\r\n  grid-template-columns:.9fr 1.1fr;\r\n  gap:72px;\r\n  align-items:center;\r\n}\r\n\r\n.f1-package-label{\r\n  display:inline-flex;\r\n  align-items:center;\r\n  gap:12px;\r\n  margin-bottom:28px;\r\n  padding:9px 14px;\r\n  border:1px solid var(--f1-line);\r\n  border-radius:999px;\r\n  background:#fff;\r\n  font-size:11px;\r\n  font-weight:700;\r\n  line-height:1;\r\n  letter-spacing:.16em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.f1-package-label strong{\r\n  color:var(--f1-clay);\r\n}\r\n\r\n.f1-hero h1{\r\n  max-width:680px;\r\n  margin:0;\r\n  font-size:clamp(54px,6vw,82px);\r\n  line-height:.95;\r\n  letter-spacing:-.055em;\r\n}\r\n\r\n.f1-hero-sub{\r\n  max-width:600px;\r\n  margin:28px 0 0;\r\n  color:var(--f1-text);\r\n  font-size:21px;\r\n  line-height:1.58;\r\n}\r\n\r\n.f1-price-wrap{\r\n  display:flex;\r\n  align-items:baseline;\r\n  gap:10px;\r\n  margin-top:34px;\r\n}\r\n\r\n.f1-price-small{\r\n  color:var(--f1-muted);\r\n  font-size:15px;\r\n}\r\n\r\n.f1-price{\r\n  font-size:34px;\r\n  font-weight:700;\r\n  letter-spacing:-.03em;\r\n}\r\n\r\n.f1-actions{\r\n  display:flex;\r\n  flex-wrap:wrap;\r\n  gap:16px;\r\n  align-items:center;\r\n  margin-top:30px;\r\n}\r\n\r\n.f1-boundary-line{\r\n  margin-top:25px;\r\n  color:var(--f1-muted);\r\n  font-size:13px;\r\n  line-height:1.6;\r\n}\r\n\r\n.f1-hero-visual{\r\n  position:relative;\r\n}\r\n\r\n.f1-hero-image{\r\n  aspect-ratio:1.18\/1;\r\n  overflow:hidden;\r\n  border-radius:18px;\r\n  background:#ddd;\r\n  box-shadow:0 24px 65px rgba(31,29,24,.12);\r\n}\r\n\r\n.f1-hero-image img{\r\n  height:100%;\r\n  object-fit:cover;\r\n}\r\n\r\n.f1-hero-note{\r\n  position:absolute;\r\n  left:-34px;\r\n  bottom:28px;\r\n  width:285px;\r\n  padding:22px;\r\n  border-radius:10px;\r\n  background:var(--f1-dark);\r\n  color:#fff;\r\n  box-shadow:0 18px 40px rgba(0,0,0,.15);\r\n}\r\n\r\n.f1-hero-note small{\r\n  display:block;\r\n  margin-bottom:10px;\r\n  color:rgba(255,255,255,.56);\r\n  font-size:10px;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.f1-hero-note p{\r\n  margin:0;\r\n  font-size:15px;\r\n  line-height:1.55;\r\n}\r\n\r\n\r\n\/* =========================\r\n   OVERVIEW\r\n========================= *\/\r\n\r\n.f1-overview{\r\n  padding:105px 0;\r\n}\r\n\r\n.f1-overview-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(4,1fr);\r\n  gap:16px;\r\n  margin-top:52px;\r\n}\r\n\r\n.f1-overview-item{\r\n  min-height:250px;\r\n  padding:30px;\r\n  border:1px solid var(--f1-line);\r\n  background:var(--f1-paper);\r\n  transition:.25s ease;\r\n}\r\n\r\n.f1-overview-item:nth-child(2){\r\n  background:var(--f1-clay-soft);\r\n}\r\n\r\n.f1-overview-item:nth-child(3){\r\n  background:var(--f1-sage-soft);\r\n}\r\n\r\n.f1-overview-item:hover{\r\n  transform:translateY(-5px);\r\n}\r\n\r\n.f1-num{\r\n  margin-bottom:60px;\r\n  color:var(--f1-muted);\r\n  font-size:12px;\r\n  letter-spacing:.15em;\r\n}\r\n\r\n.f1-overview-item h3{\r\n  margin:0 0 13px;\r\n  font-size:23px;\r\n  line-height:1.1;\r\n}\r\n\r\n.f1-overview-item p{\r\n  margin:0;\r\n  color:var(--f1-text);\r\n  font-size:15px;\r\n  line-height:1.65;\r\n}\r\n\r\n\r\n\/* =========================\r\n   SPATIAL FOUNDATION\r\n========================= *\/\r\n\r\n.f1-spatial{\r\n  padding:110px 0;\r\n  background:var(--f1-dark);\r\n  color:#fff;\r\n}\r\n\r\n.f1-spatial .f1-kicker{\r\n  color:#d7a590;\r\n}\r\n\r\n.f1-spatial .f1-intro{\r\n  color:rgba(255,255,255,.65);\r\n}\r\n\r\n.f1-spatial-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:24px;\r\n  margin-top:50px;\r\n}\r\n\r\n.f1-spatial-card{\r\n  overflow:hidden;\r\n  border-radius:12px;\r\n  background:rgba(255,255,255,.06);\r\n  border:1px solid rgba(255,255,255,.1);\r\n}\r\n\r\n.f1-spatial-media{\r\n  height:420px;\r\n  overflow:hidden;\r\n  background:#ddd;\r\n}\r\n\r\n.f1-spatial-media img{\r\n  height:100%;\r\n  object-fit:cover;\r\n}\r\n\r\n.f1-spatial-copy{\r\n  padding:30px;\r\n}\r\n\r\n.f1-spatial-copy small{\r\n  display:block;\r\n  margin-bottom:10px;\r\n  color:rgba(255,255,255,.48);\r\n  font-size:10px;\r\n  letter-spacing:.14em;\r\n  text-transform:uppercase;\r\n}\r\n\r\n.f1-spatial-copy h3{\r\n  margin:0 0 14px;\r\n  font-size:27px;\r\n}\r\n\r\n.f1-spatial-copy ul{\r\n  margin:0;\r\n  padding-left:20px;\r\n  color:rgba(255,255,255,.72);\r\n  font-size:15px;\r\n  line-height:1.75;\r\n}\r\n\r\n\r\n\/* =========================\r\n   MOOD + PRODUCT LOGIC\r\n========================= *\/\r\n\r\n.f1-direction{\r\n  padding:110px 0;\r\n  background:var(--f1-paper);\r\n}\r\n\r\n.f1-direction-grid{\r\n  display:grid;\r\n  grid-template-columns:.9fr 1.1fr;\r\n  gap:70px;\r\n  align-items:start;\r\n}\r\n\r\n.f1-direction-panel{\r\n  padding:42px;\r\n  background:var(--f1-bg);\r\n  border:1px solid var(--f1-line);\r\n}\r\n\r\n.f1-direction-panel h3{\r\n  margin:0 0 22px;\r\n  font-size:32px;\r\n  line-height:1.05;\r\n  letter-spacing:-.03em;\r\n}\r\n\r\n.f1-direction-row{\r\n  display:grid;\r\n  grid-template-columns:110px 1fr;\r\n  gap:20px;\r\n  padding:20px 0;\r\n  border-top:1px solid var(--f1-line);\r\n}\r\n\r\n.f1-direction-row:last-child{\r\n  border-bottom:1px solid var(--f1-line);\r\n}\r\n\r\n.f1-direction-row strong{\r\n  color:var(--f1-clay);\r\n  font-size:12px;\r\n  letter-spacing:.08em;\r\n}\r\n\r\n.f1-direction-row span{\r\n  color:var(--f1-text);\r\n  font-size:14px;\r\n  line-height:1.6;\r\n}\r\n\r\n.f1-addon-note{\r\n  margin-top:28px;\r\n  padding:18px 20px;\r\n  border-left:3px solid var(--f1-sage);\r\n  background:var(--f1-sage-soft);\r\n  color:#586052;\r\n  font-size:14px;\r\n  line-height:1.65;\r\n}\r\n\r\n\r\n\/* =========================\r\n   WHY\r\n========================= *\/\r\n\r\n.f1-why{\r\n  padding:105px 0;\r\n}\r\n\r\n.f1-why-grid{\r\n  display:grid;\r\n  grid-template-columns:repeat(3,1fr);\r\n  gap:48px;\r\n  margin-top:55px;\r\n}\r\n\r\n.f1-why-item{\r\n  padding-top:22px;\r\n  border-top:2px solid var(--f1-clay);\r\n}\r\n\r\n.f1-why-item h3{\r\n  margin:0 0 15px;\r\n  font-size:22px;\r\n}\r\n\r\n.f1-why-item p{\r\n  margin:0;\r\n  color:var(--f1-text);\r\n  font-size:16px;\r\n  line-height:1.7;\r\n}\r\n\r\n\r\n\/* =========================\r\n   BOUNDARIES\r\n========================= *\/\r\n\r\n.f1-boundaries{\r\n  padding:95px 0;\r\n  background:var(--f1-clay-soft);\r\n}\r\n\r\n.f1-boundary-box{\r\n  display:grid;\r\n  grid-template-columns:.8fr 1.2fr;\r\n  gap:70px;\r\n  padding:56px;\r\n  background:var(--f1-paper);\r\n}\r\n\r\n.f1-boundary-box h2{\r\n  margin:0;\r\n  font-size:39px;\r\n  line-height:1.05;\r\n  letter-spacing:-.03em;\r\n}\r\n\r\n.f1-boundary-list{\r\n  margin:0;\r\n  padding:0;\r\n  list-style:none;\r\n}\r\n\r\n.f1-boundary-list li{\r\n  position:relative;\r\n  padding:14px 0 14px 28px;\r\n  border-bottom:1px solid var(--f1-line);\r\n  color:var(--f1-text);\r\n  font-size:16px;\r\n}\r\n\r\n.f1-boundary-list li::before{\r\n  content:\"\u2014\";\r\n  position:absolute;\r\n  left:0;\r\n  color:var(--f1-clay);\r\n}\r\n\r\n.f1-boundary-note{\r\n  margin-top:24px;\r\n  color:var(--f1-muted);\r\n  font-size:13px;\r\n  line-height:1.65;\r\n}\r\n\r\n\r\n\/* =========================\r\n   FIT\r\n========================= *\/\r\n\r\n.f1-fit{\r\n  padding:110px 0;\r\n  background:var(--f1-paper);\r\n}\r\n\r\n.f1-fit-grid{\r\n  display:grid;\r\n  grid-template-columns:1fr 1fr;\r\n  gap:22px;\r\n  margin-top:48px;\r\n}\r\n\r\n.f1-fit-card{\r\n  padding:42px;\r\n  background:var(--f1-bg);\r\n  border:1px solid var(--f1-line);\r\n}\r\n\r\n.f1-fit-card.dark{\r\n  background:var(--f1-dark);\r\n  color:#fff;\r\n  border-color:var(--f1-dark);\r\n}\r\n\r\n.f1-fit-card h3{\r\n  margin:0 0 24px;\r\n  font-size:26px;\r\n}\r\n\r\n.f1-fit-card ul{\r\n  margin:0;\r\n  padding-left:21px;\r\n}\r\n\r\n.f1-fit-card li{\r\n  margin-bottom:12px;\r\n  color:var(--f1-text);\r\n  font-size:16px;\r\n  line-height:1.6;\r\n}\r\n\r\n.f1-fit-card.dark li{\r\n  color:rgba(255,255,255,.72);\r\n}\r\n\r\n\r\n\/* =========================\r\n   PAUSE\r\n========================= *\/\r\n\r\n.f1-pause{\r\n  padding:75px 24px;\r\n  text-align:center;\r\n  background:var(--f1-bg);\r\n}\r\n\r\n.f1-pause p{\r\n  max-width:800px;\r\n  margin:0 auto;\r\n  font-size:clamp(27px,3.2vw,43px);\r\n  line-height:1.16;\r\n  letter-spacing:-.035em;\r\n}\r\n\r\n\r\n\/* =========================\r\n   FINAL CTA\r\n========================= *\/\r\n\r\n.f1-final{\r\n  padding:100px 0;\r\n  background:var(--f1-clay);\r\n  color:#fff;\r\n  text-align:center;\r\n}\r\n\r\n.f1-final h2{\r\n  max-width:790px;\r\n  margin:0 auto;\r\n  font-size:clamp(40px,5vw,62px);\r\n  line-height:1;\r\n  letter-spacing:-.04em;\r\n}\r\n\r\n.f1-final p{\r\n  max-width:660px;\r\n  margin:22px auto 0;\r\n  color:rgba(255,255,255,.74);\r\n  font-size:17px;\r\n  line-height:1.65;\r\n}\r\n\r\n.f1-final .f1-btn{\r\n  margin-top:32px;\r\n  background:#fff;\r\n  color:var(--f1-ink) !important;\r\n}\r\n\r\n.f1-final .f1-btn:hover{\r\n  background:var(--f1-dark);\r\n  color:#fff !important;\r\n}\r\n\r\n.f1-price-note{\r\n  margin-top:28px !important;\r\n  color:rgba(255,255,255,.58) !important;\r\n  font-size:12px !important;\r\n}\r\n\r\n\r\n\/* =========================\r\n   RESPONSIVE\r\n========================= *\/\r\n\r\n@media(max-width:980px){\r\n\r\n  .f1-container{\r\n    width:min(100% - 34px,760px);\r\n  }\r\n\r\n  .f1-hero-grid,\r\n  .f1-direction-grid,\r\n  .f1-boundary-box{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .f1-overview-grid{\r\n    grid-template-columns:1fr 1fr;\r\n  }\r\n\r\n  .f1-why-grid{\r\n    grid-template-columns:1fr;\r\n    gap:25px;\r\n  }\r\n\r\n  .f1-hero-note{\r\n    left:18px;\r\n  }\r\n\r\n}\r\n\r\n@media(max-width:720px){\r\n\r\n  .f1-container{\r\n    width:calc(100% - 28px);\r\n  }\r\n\r\n  .f1-hero,\r\n  .f1-overview,\r\n  .f1-spatial,\r\n  .f1-direction,\r\n  .f1-why,\r\n  .f1-boundaries,\r\n  .f1-fit,\r\n  .f1-final{\r\n    padding-top:70px;\r\n    padding-bottom:70px;\r\n  }\r\n\r\n  .f1-hero h1{\r\n    font-size:48px;\r\n  }\r\n\r\n  .f1-hero-sub{\r\n    font-size:18px;\r\n  }\r\n\r\n  .f1-hero-image{\r\n    aspect-ratio:4\/5;\r\n  }\r\n\r\n  .f1-hero-note{\r\n    position:static;\r\n    width:100%;\r\n    margin-top:12px;\r\n  }\r\n\r\n  .f1-overview-grid,\r\n  .f1-spatial-grid,\r\n  .f1-fit-grid{\r\n    grid-template-columns:1fr;\r\n  }\r\n\r\n  .f1-overview-item{\r\n    min-height:auto;\r\n  }\r\n\r\n  .f1-num{\r\n    margin-bottom:34px;\r\n  }\r\n\r\n  .f1-spatial-media{\r\n    height:320px;\r\n  }\r\n\r\n  .f1-direction-panel,\r\n  .f1-fit-card,\r\n  .f1-boundary-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-tier1\">\r\n\r\n\r\n<!-- HERO -->\r\n<section class=\"f1-hero\">\r\n\r\n  <div class=\"f1-container\">\r\n\r\n    <div class=\"f1-hero-grid\">\r\n\r\n\r\n      <div>\r\n\r\n        <div class=\"f1-package-label\">\r\n          Package 01\r\n          <strong>Spatial Foundation<\/strong>\r\n        <\/div>\r\n\r\n        <h1>\r\n          Get the space<br>\r\n          right first.\r\n        <\/h1>\r\n\r\n        <p class=\"f1-hero-sub\">\r\n          Establish the layout, zoning, circulation,\r\n          and overall workspace direction before moving into\r\n          detailed visualization or purchase-ready product decisions.\r\n        <\/p>\r\n\r\n        <div class=\"f1-price-wrap\">\r\n          <span class=\"f1-price-small\">Starting from<\/span>\r\n          <span class=\"f1-price\">$350<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"f1-actions\">\r\n\r\n          <a class=\"f1-btn\" href=\"#f1-get-started\">\r\n            Get a recommendation\r\n          <\/a>\r\n\r\n          <a class=\"f1-text-link\" href=\"#f1-deliverables\">\r\n            Explore deliverables \u2192\r\n          <\/a>\r\n\r\n        <\/div>\r\n\r\n        <p class=\"f1-boundary-line\">\r\n          Design-only \u00b7 Online \u00b7 No site visits \u00b7 No contractor coordination\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"f1-hero-visual\">\r\n\r\n        <div class=\"f1-hero-image\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1497366216548-37526070297c?auto=format&fit=crop&w=1800&q=85\"\r\n            alt=\"Contemporary workspace layout reference\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n        <div class=\"f1-hero-note\">\r\n\r\n          <small>Tier 1 focus<\/small>\r\n\r\n          <p>\r\n            Clarify the space before committing to detailed products.\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<\/section>\r\n\r\n\r\n\r\n<!-- OVERVIEW -->\r\n<section class=\"f1-overview\" id=\"f1-deliverables\">\r\n\r\n  <div class=\"f1-container\">\r\n\r\n    <p class=\"f1-kicker\">\r\n      Package overview\r\n    <\/p>\r\n\r\n    <h2 class=\"f1-h2\">\r\n      What you get in Tier 1.\r\n    <\/h2>\r\n\r\n    <p class=\"f1-intro\">\r\n      Tier 1 establishes the core spatial decisions\r\n      that later visualization and product selection can build on.\r\n    <\/p>\r\n\r\n\r\n    <div class=\"f1-overview-grid\">\r\n\r\n\r\n      <article class=\"f1-overview-item\">\r\n\r\n        <div class=\"f1-num\">01<\/div>\r\n\r\n        <h3>2D Layout<\/h3>\r\n\r\n        <p>\r\n          Furniture placement and spatial relationships\r\n          organized around the way the workspace needs to function.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"f1-overview-item\">\r\n\r\n        <div class=\"f1-num\">02<\/div>\r\n\r\n        <h3>Zoning Map<\/h3>\r\n\r\n        <p>\r\n          Focus, support and movement zones\r\n          defined so the workspace becomes easier to read.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"f1-overview-item\">\r\n\r\n        <div class=\"f1-num\">03<\/div>\r\n\r\n        <h3>Circulation Logic<\/h3>\r\n\r\n        <p>\r\n          Movement relationships considered before\r\n          detailed furniture and product decisions.\r\n        <\/p>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"f1-overview-item\">\r\n\r\n        <div class=\"f1-num\">04<\/div>\r\n\r\n        <h3>Mood + Product Direction<\/h3>\r\n\r\n        <p>\r\n          A practical visual direction plus product categories\r\n          and functional roles by zone.\r\n        <\/p>\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<!-- SPATIAL -->\r\n<section class=\"f1-spatial\">\r\n\r\n  <div class=\"f1-container\">\r\n\r\n    <p class=\"f1-kicker\">\r\n      Spatial foundation\r\n    <\/p>\r\n\r\n    <h2 class=\"f1-h2\">\r\n      Layout and zoning come before styling.\r\n    <\/h2>\r\n\r\n    <p class=\"f1-intro\">\r\n      Tier 1 focuses on the spatial structure of the workspace:\r\n      where activities belong, how furniture relates,\r\n      and how movement passes through the space.\r\n    <\/p>\r\n\r\n\r\n    <div class=\"f1-spatial-grid\">\r\n\r\n\r\n      <article class=\"f1-spatial-card\">\r\n\r\n        <div class=\"f1-spatial-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 spatial planning reference\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n        <div class=\"f1-spatial-copy\">\r\n\r\n          <small>Deliverable 01<\/small>\r\n\r\n          <h3>\r\n            2D Furniture Layout \u00b7 PDF\r\n          <\/h3>\r\n\r\n          <ul>\r\n            <li>Furniture placement<\/li>\r\n            <li>Desk and seating relationships<\/li>\r\n            <li>Storage and support placement<\/li>\r\n            <li>Primary movement path<\/li>\r\n            <li>Functional workspace relationships<\/li>\r\n          <\/ul>\r\n\r\n        <\/div>\r\n\r\n      <\/article>\r\n\r\n\r\n      <article class=\"f1-spatial-card\">\r\n\r\n        <div class=\"f1-spatial-media\">\r\n\r\n          <img decoding=\"async\"\r\n            src=\"https:\/\/images.unsplash.com\/photo-1497366753847-4fa43735f2b5?auto=format&fit=crop&w=1600&q=85\"\r\n            alt=\"Workspace zoning reference\"\r\n          >\r\n\r\n        <\/div>\r\n\r\n        <div class=\"f1-spatial-copy\">\r\n\r\n          <small>Deliverable 02<\/small>\r\n\r\n          <h3>\r\n            Zoning Map \u00b7 PDF\r\n          <\/h3>\r\n\r\n          <ul>\r\n            <li>Focus zone<\/li>\r\n            <li>Support zone<\/li>\r\n            <li>Movement zone<\/li>\r\n            <li>Relationship between zones<\/li>\r\n            <li>Clear spatial priorities<\/li>\r\n          <\/ul>\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<!-- MOOD + PRODUCT LOGIC -->\r\n<section class=\"f1-direction\">\r\n\r\n  <div class=\"f1-container\">\r\n\r\n    <div class=\"f1-direction-grid\">\r\n\r\n\r\n      <div>\r\n\r\n        <p class=\"f1-kicker\">\r\n          Direction, not shopping\r\n        <\/p>\r\n\r\n        <h2 class=\"f1-h2\">\r\n          Know what kind of product belongs \u2014 before choosing the exact model.\r\n        <\/h2>\r\n\r\n        <p class=\"f1-intro\">\r\n          Tier 1 includes design and product logic,\r\n          but does not include a purchase-ready shopping list by default.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"f1-direction-panel\">\r\n\r\n        <h3>\r\n          Mood + Product Direction\r\n        <\/h3>\r\n\r\n\r\n        <div class=\"f1-direction-row\">\r\n\r\n          <strong>COLOR<\/strong>\r\n\r\n          <span>\r\n            Overall palette direction supporting the intended workspace tone.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"f1-direction-row\">\r\n\r\n          <strong>MATERIAL<\/strong>\r\n\r\n          <span>\r\n            Conceptual material direction rather than technical specification.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"f1-direction-row\">\r\n\r\n          <strong>LIGHTING<\/strong>\r\n\r\n          <span>\r\n            General lighting mood and the role of task or supporting light.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"f1-direction-row\">\r\n\r\n          <strong>DESK<\/strong>\r\n\r\n          <span>\r\n            Recommended desk type, approximate scale and functional role.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"f1-direction-row\">\r\n\r\n          <strong>SEATING<\/strong>\r\n\r\n          <span>\r\n            Appropriate seating category and functional requirements.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"f1-direction-row\">\r\n\r\n          <strong>SUPPORT<\/strong>\r\n\r\n          <span>\r\n            Storage, acoustic or biophilic product categories where relevant.\r\n          <\/span>\r\n\r\n        <\/div>\r\n\r\n\r\n        <div class=\"f1-addon-note\">\r\n          Need specific products and purchase links?\r\n          A purchase-ready product list can be added as a paid Tier 1 add-on,\r\n          or is included within Tier 2.\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<!-- WHY -->\r\n<section class=\"f1-why\">\r\n\r\n  <div class=\"f1-container\">\r\n\r\n    <p class=\"f1-kicker\">\r\n      Why Tier 1\r\n    <\/p>\r\n\r\n    <h2 class=\"f1-h2\">\r\n      The first decision is not what to buy.\r\n    <\/h2>\r\n\r\n\r\n    <div class=\"f1-why-grid\">\r\n\r\n\r\n      <div class=\"f1-why-item\">\r\n\r\n        <h3>\r\n          Establish spatial logic first\r\n        <\/h3>\r\n\r\n        <p>\r\n          Layout, zoning and movement create the framework\r\n          that later product and visual decisions need to respond to.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"f1-why-item\">\r\n\r\n        <h3>\r\n          Narrow the product question\r\n        <\/h3>\r\n\r\n        <p>\r\n          Instead of starting from hundreds of possible products,\r\n          Tier 1 defines the types, roles and spatial requirements that matter.\r\n        <\/p>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"f1-why-item\">\r\n\r\n        <h3>\r\n          Create a foundation for the next step\r\n        <\/h3>\r\n\r\n        <p>\r\n          If additional visualization or detailed shopping is needed,\r\n          the approved spatial direction provides a clear starting point.\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<!-- BOUNDARIES -->\r\n<section class=\"f1-boundaries\">\r\n\r\n  <div class=\"f1-container\">\r\n\r\n    <div class=\"f1-boundary-box\">\r\n\r\n\r\n      <div>\r\n\r\n        <p class=\"f1-kicker\">\r\n          Clear scope\r\n        <\/p>\r\n\r\n        <h2>\r\n          What Tier 1 does not include\r\n        <\/h2>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div>\r\n\r\n        <ul class=\"f1-boundary-list\">\r\n\r\n          <li>No 3D visualization or rendering<\/li>\r\n\r\n          <li>No purchase-ready product list by default<\/li>\r\n\r\n          <li>No specific supplier or product model selection by default<\/li>\r\n\r\n          <li>No paint or flooring strategy<\/li>\r\n\r\n          <li>No technical material specifications<\/li>\r\n\r\n          <li>No construction or permit drawings<\/li>\r\n\r\n          <li>No contractor selection, management or coordination<\/li>\r\n\r\n          <li>No site visits, supervision or on-site measurements<\/li>\r\n\r\n        <\/ul>\r\n\r\n        <p class=\"f1-boundary-note\">\r\n          Tier 1 provides spatial and design direction only.\r\n          Purchase-ready product selection, visualization and upgrade strategy\r\n          belong to higher tiers or clearly defined paid add-ons.\r\n        <\/p>\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<!-- FIT -->\r\n<section class=\"f1-fit\">\r\n\r\n  <div class=\"f1-container\">\r\n\r\n    <p class=\"f1-kicker\">\r\n      Choosing your package\r\n    <\/p>\r\n\r\n    <h2 class=\"f1-h2\">\r\n      Is Tier 1 the right fit?\r\n    <\/h2>\r\n\r\n    <p class=\"f1-intro\">\r\n      Tier 1 is designed for businesses\r\n      that need the spatial decision resolved\r\n      before moving deeper into visualization and purchasing.\r\n    <\/p>\r\n\r\n\r\n    <div class=\"f1-fit-grid\">\r\n\r\n\r\n      <div class=\"f1-fit-card\">\r\n\r\n        <h3>\r\n          Tier 1 is best for\r\n        <\/h3>\r\n\r\n        <ul>\r\n\r\n          <li>You are setting up a ready or pre-built workspace.<\/li>\r\n\r\n          <li>You need clearer layout, zoning or circulation decisions.<\/li>\r\n\r\n          <li>You want to understand what types of products belong in each zone.<\/li>\r\n\r\n          <li>You do not yet need 3D visualization.<\/li>\r\n\r\n          <li>You prefer to select exact products later or independently.<\/li>\r\n\r\n        <\/ul>\r\n\r\n      <\/div>\r\n\r\n\r\n      <div class=\"f1-fit-card dark\">\r\n\r\n        <h3>\r\n          Tier 2 may be a better fit if\r\n        <\/h3>\r\n\r\n        <ul>\r\n\r\n          <li>You want to see the workspace clearly in 3D before purchasing.<\/li>\r\n\r\n          <li>You want Formvate to select specific products rather than only product categories.<\/li>\r\n\r\n          <li>You need purchase-ready links and compatibility notes.<\/li>\r\n\r\n          <li>You want a coordinated Shop-the-Look package by zone.<\/li>\r\n\r\n          <li>You are ready to move directly from design decisions into purchasing.<\/li>\r\n\r\n        <\/ul>\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<!-- PAUSE -->\r\n<section class=\"f1-pause\">\r\n\r\n  <p>\r\n    Clarity first. Products second.\r\n  <\/p>\r\n\r\n<\/section>\r\n\r\n\r\n\r\n<!-- FINAL CTA -->\r\n<section class=\"f1-final\" id=\"f1-get-started\">\r\n\r\n  <div class=\"f1-container\">\r\n\r\n    <h2>\r\n      Not sure if Spatial Foundation is enough?\r\n    <\/h2>\r\n\r\n    <p>\r\n      Share your workspace details\r\n      and we\u2019ll recommend whether Tier 1\r\n      or a deeper design package better matches what you need.\r\n    <\/p>\r\n\r\n    <a\r\n      class=\"f1-btn\"\r\n      href=\"PASTE-YOUR-FORM-LINK-HERE\"\r\n    >\r\n      Get a recommendation\r\n    <\/a>\r\n\r\n    <p class=\"f1-price-note\">\r\n      Tier 1 \u2014 Starting from $350<br>\r\n      Up to 50 m\u00b2 per workspace \u00b7 1\u20132 revisions included<br>\r\n      Starting from pricing \u2014 final quote after reviewing the space.\r\n    <\/p>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<\/div>\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>Package 01 Spatial Foundation Get the space right first. Establish the layout, zoning, circulation, and overall workspace direction before moving into detailed visualization or purchase-ready product decisions. Starting from $350 Get a recommendation Explore deliverables \u2192 Design-only \u00b7 Online \u00b7 No site visits \u00b7 No contractor coordination Tier 1 focus Clarify the space before committing [&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-483","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":"Package 01 Spatial Foundation Get the space right first. Establish the layout, zoning, circulation, and overall workspace direction before moving into detailed visualization or purchase-ready product decisions. Starting from $350 Get a recommendation Explore deliverables \u2192 Design-only \u00b7 Online \u00b7 No site visits \u00b7 No contractor coordination Tier 1 focus Clarify the space before committing&hellip;","_links":{"self":[{"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/pages\/483","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=483"}],"version-history":[{"count":17,"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/pages\/483\/revisions"}],"predecessor-version":[{"id":816,"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/pages\/483\/revisions\/816"}],"wp:attachment":[{"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/media?parent=483"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}