{"id":710,"date":"2026-02-09T18:31:23","date_gmt":"2026-02-09T18:31:23","guid":{"rendered":"https:\/\/whity.me\/?page_id=710"},"modified":"2026-02-09T18:31:23","modified_gmt":"2026-02-09T18:31:23","slug":"710-2","status":"publish","type":"page","link":"https:\/\/whity.me\/index.php\/710-2\/","title":{"rendered":""},"content":{"rendered":"\n<!-- =========================\nWHITY \u2014 HOME (BETA) | ONE BLOCK\nPaste into: WordPress > Page > Custom HTML block\nReplace image URLs + links\n========================= -->\n\n<style>\n  :root{\n    --bg:#f6f2ee;\n    --card:#ffffff;\n    --ink:#0f172a;\n    --muted:#5b6472;\n    --line:rgba(15,23,42,.10);\n    --shadow:0 14px 40px rgba(15,23,42,.08);\n    --radius:26px;\n    --radius-sm:18px;\n    --max:1120px;\n  }\n\n  .whity-home{\n    background:var(--bg);\n    color:var(--ink);\n    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, \"Helvetica Neue\", sans-serif;\n    line-height:1.5;\n    padding: 64px 18px 90px;\n  }\n\n  .whity-wrap{\n    max-width:var(--max);\n    margin:0 auto;\n  }\n\n  .whity-kicker{\n    font-size:12px;\n    letter-spacing:.14em;\n    text-transform:uppercase;\n    color:rgba(15,23,42,.55);\n    margin:0 0 10px;\n  }\n\n  .whity-h1{\n    font-size: clamp(34px, 4vw, 54px);\n    letter-spacing:-.02em;\n    line-height:1.08;\n    margin:0 0 14px;\n  }\n\n  .whity-sub{\n    font-size:16px;\n    color:var(--muted);\n    max-width:56ch;\n    margin:0 0 22px;\n  }\n\n  .whity-pill{\n    display:inline-flex;\n    align-items:center;\n    gap:8px;\n    padding:10px 14px;\n    border:1px solid var(--line);\n    border-radius:999px;\n    background:rgba(255,255,255,.55);\n    backdrop-filter: blur(6px);\n    color:rgba(15,23,42,.7);\n    font-size:13px;\n    white-space:nowrap;\n  }\n\n  .whity-btns{\n    display:flex;\n    gap:12px;\n    flex-wrap:wrap;\n    margin-top:14px;\n  }\n\n  .whity-btn{\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    padding:12px 16px;\n    border-radius:999px;\n    border:1px solid var(--line);\n    background:#ffffff;\n    color:var(--ink);\n    text-decoration:none;\n    font-size:14px;\n    transition:.18s ease;\n    box-shadow: 0 6px 18px rgba(15,23,42,.06);\n  }\n  .whity-btn:hover{ transform: translateY(-1px); box-shadow: 0 10px 26px rgba(15,23,42,.10); }\n\n  .whity-btn.primary{\n    background:var(--ink);\n    color:#fff;\n    border-color:rgba(15,23,42,.25);\n  }\n  .whity-btn.primary:hover{ opacity:.92; }\n\n  \/* Hero *\/\n  .whity-hero{\n    display:grid;\n    grid-template-columns: 1.05fr .95fr;\n    gap:28px;\n    align-items:center;\n    margin-bottom:30px;\n  }\n\n  .whity-hero-card{\n    border:1px solid var(--line);\n    background:rgba(255,255,255,.55);\n    border-radius:var(--radius);\n    padding:26px 26px 24px;\n    box-shadow: var(--shadow);\n  }\n\n  .whity-hero-visual{\n    border-radius:var(--radius);\n    overflow:hidden;\n    border:1px solid var(--line);\n    background:rgba(255,255,255,.45);\n    box-shadow: var(--shadow);\n    min-height: 360px;\n    position:relative;\n  }\n  .whity-hero-visual img{\n    width:100%;\n    height:100%;\n    display:block;\n    object-fit:cover;\n    transform: scale(1.02);\n  }\n  .whity-hero-visual::after{\n    content:\"\";\n    position:absolute; inset:0;\n    background: linear-gradient(120deg, rgba(246,242,238,.18), rgba(246,242,238,0));\n    pointer-events:none;\n  }\n\n  \/* 3 cards *\/\n  .whity-triad{\n    display:grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap:16px;\n    margin: 18px 0 34px;\n  }\n  .whity-card{\n    background:var(--card);\n    border:1px solid var(--line);\n    border-radius:22px;\n    padding:16px 16px 14px;\n    box-shadow: 0 10px 28px rgba(15,23,42,.06);\n  }\n  .whity-card h3{\n    font-size:15px;\n    margin:0 0 6px;\n    letter-spacing:-.01em;\n  }\n  .whity-card p{\n    margin:0;\n    font-size:13.5px;\n    color:var(--muted);\n  }\n\n  \/* Visual break *\/\n  .whity-break{\n    border:1px solid var(--line);\n    border-radius:var(--radius);\n    overflow:hidden;\n    background:rgba(255,255,255,.45);\n    box-shadow: var(--shadow);\n    margin: 0 0 34px;\n  }\n  .whity-break img{\n    width:100%;\n    height:360px;\n    object-fit:cover;\n    display:block;\n  }\n  .whity-break .cap{\n    padding:14px 18px;\n    font-size:13px;\n    color:rgba(15,23,42,.65);\n    border-top:1px solid var(--line);\n    background:rgba(255,255,255,.65);\n  }\n\n  \/* Selected work *\/\n  .whity-section-head{\n    display:flex;\n    align-items:flex-end;\n    justify-content:space-between;\n    gap:16px;\n    margin: 0 0 14px;\n  }\n  .whity-section-head h2{\n    margin:0;\n    font-size:22px;\n    letter-spacing:-.01em;\n  }\n  .whity-section-head p{\n    margin:0;\n    color:var(--muted);\n    font-size:13.5px;\n    max-width:62ch;\n  }\n\n  .whity-grid{\n    display:grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap:16px;\n    margin-bottom:34px;\n  }\n  .whity-work{\n    background:var(--card);\n    border:1px solid var(--line);\n    border-radius:24px;\n    overflow:hidden;\n    box-shadow: 0 12px 34px rgba(15,23,42,.07);\n    transition:.18s ease;\n    text-decoration:none;\n    color:inherit;\n    display:flex;\n    flex-direction:column;\n    min-height: 330px;\n  }\n  .whity-work:hover{ transform: translateY(-2px); box-shadow: 0 18px 48px rgba(15,23,42,.10); }\n\n  .whity-work img{\n    width:100%;\n    height:170px;\n    object-fit:cover;\n    display:block;\n  }\n  .whity-work .body{\n    padding:14px 14px 16px;\n    display:flex;\n    flex-direction:column;\n    gap:10px;\n  }\n  .whity-work .title{\n    font-size:18px;\n    margin:0;\n    letter-spacing:-.01em;\n  }\n  .whity-work .desc{\n    margin:0;\n    font-size:13.5px;\n    color:var(--muted);\n  }\n  .whity-tags{\n    display:flex;\n    flex-wrap:wrap;\n    gap:8px;\n    margin-top:auto;\n  }\n  .whity-tag{\n    font-size:12px;\n    padding:7px 10px;\n    border:1px solid var(--line);\n    border-radius:999px;\n    color:rgba(15,23,42,.65);\n    background:rgba(246,242,238,.55);\n  }\n\n  \/* Inside Whity *\/\n  .whity-inside{\n    background: rgba(255,255,255,.55);\n    border:1px solid var(--line);\n    border-radius:var(--radius);\n    padding:22px;\n    box-shadow: var(--shadow);\n    margin-bottom:34px;\n  }\n  .whity-quotes{\n    display:grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap:12px;\n    margin-top:14px;\n  }\n  .whity-quote{\n    background:#fff;\n    border:1px solid var(--line);\n    border-radius:18px;\n    padding:12px 12px 11px;\n    font-size:13px;\n    color:rgba(15,23,42,.72);\n  }\n\n  \/* Suppliers *\/\n  .whity-sup{\n    display:flex;\n    gap:16px;\n    align-items:center;\n    justify-content:space-between;\n    background:#fff;\n    border:1px solid var(--line);\n    border-radius:var(--radius);\n    padding:18px 18px;\n    box-shadow: 0 12px 34px rgba(15,23,42,.07);\n    margin-bottom:34px;\n  }\n  .whity-sup h3{ margin:0; font-size:16px; }\n  .whity-sup p{ margin:6px 0 0; color:var(--muted); font-size:13.5px; max-width:70ch; }\n  .whity-sup .right{ flex-shrink:0; }\n\n  \/* Footer mini *\/\n  .whity-mini{\n    display:flex;\n    justify-content:space-between;\n    align-items:center;\n    gap:12px;\n    color:rgba(15,23,42,.6);\n    font-size:12.5px;\n    padding-top:10px;\n  }\n  .whity-mini a{ color:rgba(15,23,42,.7); text-decoration:none; border-bottom:1px solid rgba(15,23,42,.18); }\n  .whity-mini a:hover{ opacity:.85; }\n\n  \/* Responsive *\/\n  @media (max-width: 980px){\n    .whity-hero{ grid-template-columns:1fr; }\n    .whity-hero-visual{ min-height:300px; }\n    .whity-triad{ grid-template-columns:1fr; }\n    .whity-grid{ grid-template-columns:1fr; }\n    .whity-quotes{ grid-template-columns:1fr 1fr; }\n    .whity-sup{ flex-direction:column; align-items:flex-start; }\n    .whity-sup .right{ width:100%; }\n  }\n<\/style>\n\n<section class=\"whity-home\" aria-label=\"Whity Home Beta\">\n  <div class=\"whity-wrap\">\n\n    <!-- HERO -->\n    <div class=\"whity-hero\">\n      <div class=\"whity-hero-card\">\n        <p class=\"whity-kicker\">WHITY \u2022 PRIVATE BETA<\/p>\n        <h1 class=\"whity-h1\">Workspace decisions,<br>not products.<\/h1>\n        <p class=\"whity-sub\">\n          A decision-led platform curating calm, functional workspaces.\n          We design the choices \u2014 you execute them.\n        <\/p>\n\n        <div style=\"display:flex; gap:10px; flex-wrap:wrap; margin-bottom:8px;\">\n          <span class=\"whity-pill\">Design-only \u2022 No contractors<\/span>\n          <span class=\"whity-pill\">Calm \u2022 Clarity \u2022 Flow<\/span>\n          <span class=\"whity-pill\">Curated sourcing mindset<\/span>\n        <\/div>\n\n        <div class=\"whity-btns\">\n          <a class=\"whity-btn primary\" href=\"#selected-work\">Explore selected work \u2192<\/a>\n          <a class=\"whity-btn\" href=\"\/packages\/\">View packages \u2192<\/a>\n          <a class=\"whity-btn\" href=\"\/design-journey\/\">How it works \u2192<\/a>\n        <\/div>\n      <\/div>\n\n      <div class=\"whity-hero-visual\">\n        <!-- Replace with your hero image URL -->\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1524758631624-e2822e304c36?auto=format&#038;fit=crop&#038;w=1600&#038;q=80\" alt=\"Calm workspace visual\">\n      <\/div>\n    <\/div>\n\n    <!-- 3 PRINCIPLES -->\n    <div class=\"whity-triad\">\n      <div class=\"whity-card\">\n        <h3>Decision-led<\/h3>\n        <p>We start with zoning, movement, and light \u2014 then choose products that serve the decision.<\/p>\n      <\/div>\n      <div class=\"whity-card\">\n        <h3>Curated, not crowded<\/h3>\n        <p>Every item has a reason. No endless catalogs. Fewer choices, clearer outcomes.<\/p>\n      <\/div>\n      <div class=\"whity-card\">\n        <h3>Workspace-first<\/h3>\n        <p>Calm supports focus. Clarity reduces friction. Flow protects work quality.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- VISUAL BREAK -->\n    <div class=\"whity-break\">\n      <!-- Replace with your visual break image URL -->\n      <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1520607162513-77705c0f0d4a?auto=format&#038;fit=crop&#038;w=1600&#038;q=80\" alt=\"Workspace atmosphere\">\n      <div class=\"cap\">Calm is a spatial decision \u2014 built through zoning, light hierarchy, and reduced visual noise.<\/div>\n    <\/div>\n\n    <!-- SELECTED WORK -->\n    <div id=\"selected-work\" class=\"whity-section-head\">\n      <div>\n        <h2>Selected workspace studies<\/h2>\n        <p>Quiet snapshots that highlight spatial decisions \u2014 not decoration. (More studies will be added during beta.)<\/p>\n      <\/div>\n      <a class=\"whity-btn\" href=\"\/portfolio\/\">View all studies \u2192<\/a>\n    <\/div>\n\n    <div class=\"whity-grid\">\n      <!-- Card 1 -->\n      <a class=\"whity-work\" href=\"\/portfolio\/\" aria-label=\"Calm Focus Study\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1521737604893-d14cc237f11d?auto=format&#038;fit=crop&#038;w=1600&#038;q=80\" alt=\"Workspace study image\">\n        <div class=\"body\">\n          <p class=\"whity-pill\" style=\"width:fit-content;\">Workspace Study<\/p>\n          <h3 class=\"title\">Calm Focus \u2014 28 m\u00b2<\/h3>\n          <p class=\"desc\">Reduced visual noise by clarifying zones and protecting the focus path.<\/p>\n          <div class=\"whity-tags\">\n            <span class=\"whity-tag\">Zoning<\/span>\n            <span class=\"whity-tag\">Flow<\/span>\n            <span class=\"whity-tag\">Visual Calm<\/span>\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <!-- Card 2 -->\n      <a class=\"whity-work\" href=\"\/portfolio\/\" aria-label=\"Client-facing Studio Study\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1520607162513-77705c0f0d4a?auto=format&#038;fit=crop&#038;w=1600&#038;q=80\" alt=\"Studio workspace image\">\n        <div class=\"body\">\n          <p class=\"whity-pill\" style=\"width:fit-content;\">Workspace Study<\/p>\n          <h3 class=\"title\">Client-facing Studio \u2014 44 m\u00b2<\/h3>\n          <p class=\"desc\">Introduced layered lighting and support zoning to reduce interruptions.<\/p>\n          <div class=\"whity-tags\">\n            <span class=\"whity-tag\">Light<\/span>\n            <span class=\"whity-tag\">Support Zone<\/span>\n            <span class=\"whity-tag\">Clarity<\/span>\n          <\/div>\n        <\/div>\n      <\/a>\n\n      <!-- Card 3 -->\n      <a class=\"whity-work\" href=\"\/portfolio\/\" aria-label=\"Founder Office Study\">\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1487014679447-9f8336841d58?auto=format&#038;fit=crop&#038;w=1600&#038;q=80\" alt=\"Founder desk image\">\n        <div class=\"body\">\n          <p class=\"whity-pill\" style=\"width:fit-content;\">Workspace Study<\/p>\n          <h3 class=\"title\">Founder Office \u2014 36 m\u00b2<\/h3>\n          <p class=\"desc\">Kept movement continuous and away from the desk to protect deep work.<\/p>\n          <div class=\"whity-tags\">\n            <span class=\"whity-tag\">Flow<\/span>\n            <span class=\"whity-tag\">Zoning<\/span>\n            <span class=\"whity-tag\">Focus<\/span>\n          <\/div>\n        <\/div>\n      <\/a>\n    <\/div>\n\n    <!-- INSIDE WHITY -->\n    <div class=\"whity-inside\">\n      <div class=\"whity-section-head\" style=\"margin:0;\">\n        <div>\n          <h2 style=\"margin:0;\">Inside Whity<\/h2>\n          <p style=\"margin-top:6px;\">A quiet place for noticing, thinking, and deciding \u2014 visible in public as we build.<\/p>\n        <\/div>\n        <a class=\"whity-btn\" href=\"https:\/\/www.instagram.com\/\" target=\"_blank\" rel=\"noopener\">Visit Instagram \u2192<\/a>\n      <\/div>\n\n      <div class=\"whity-quotes\">\n        <div class=\"whity-quote\">Why zoning matters more than furniture.<\/div>\n        <div class=\"whity-quote\">Light is not brightness.<\/div>\n        <div class=\"whity-quote\">Calm is a spatial decision.<\/div>\n        <div class=\"whity-quote\">Movement creates stress before noise does.<\/div>\n      <\/div>\n    <\/div>\n\n    <!-- SUPPLIERS -->\n    <div class=\"whity-sup\">\n      <div class=\"left\">\n        <h3>Working with suppliers<\/h3>\n        <p>\n          Whity collaborates with selected suppliers who value quality, longevity, and responsible production.\n          If your products support calm, functional workspaces \u2014 we\u2019d love to connect.\n        <\/p>\n      <\/div>\n      <div class=\"right\">\n        <!-- Replace mailto + link -->\n        <a class=\"whity-btn primary\" href=\"mailto:hello@whity.me?subject=Supplier%20Inquiry%20-%20Whity%20Beta\">Supplier inquiry \u2192<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- MINI FOOTER -->\n    <div class=\"whity-mini\">\n      <div>\u00a9 2026 Whity \u2022 Private Beta<\/div>\n      <div style=\"display:flex; gap:14px; flex-wrap:wrap; justify-content:flex-end;\">\n        <a href=\"\/packages\/\">Packages<\/a>\n        <a href=\"\/design-journey\/\">How it works<\/a>\n        <a href=\"\/portfolio\/\">Portfolio<\/a>\n        <a href=\"https:\/\/www.instagram.com\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<script>\n  \/\/ Optional: smooth scroll for the hero CTA\n  (function(){\n    const link = document.querySelector('a[href=\"#selected-work\"]');\n    if(!link) return;\n    link.addEventListener('click', function(e){\n      e.preventDefault();\n      const target = document.getElementById('selected-work');\n      if(target) target.scrollIntoView({behavior:'smooth', block:'start'});\n    });\n  })();\n<\/script>\n\n","protected":false},"excerpt":{"rendered":"<p>WHITY \u2022 PRIVATE BETA Workspace decisions,not products. A decision-led platform curating calm, functional workspaces. We design the choices \u2014 you execute them. Design-only \u2022 No contractors Calm \u2022 Clarity \u2022 Flow Curated sourcing mindset Explore selected work \u2192 View packages \u2192 How it works \u2192 Decision-led We start with zoning, movement, and light \u2014 then [&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-710","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":"WHITY \u2022 PRIVATE BETA Workspace decisions,not products. A decision-led platform curating calm, functional workspaces. We design the choices \u2014 you execute them. Design-only \u2022 No contractors Calm \u2022 Clarity \u2022 Flow Curated sourcing mindset Explore selected work \u2192 View packages \u2192 How it works \u2192 Decision-led We start with zoning, movement, and light \u2014 then&hellip;","_links":{"self":[{"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/pages\/710","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=710"}],"version-history":[{"count":1,"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/pages\/710\/revisions"}],"predecessor-version":[{"id":711,"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/pages\/710\/revisions\/711"}],"wp:attachment":[{"href":"https:\/\/whity.me\/index.php\/wp-json\/wp\/v2\/media?parent=710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}