{"id":671,"date":"2026-08-25T14:27:27","date_gmt":"2026-08-25T14:27:27","guid":{"rendered":"https:\/\/haresign-group.onyx-sites.io\/?page_id=671"},"modified":"2026-10-14T16:18:02","modified_gmt":"2026-10-14T16:18:02","slug":"case-study-1","status":"publish","type":"page","link":"https:\/\/haresigngroup.com\/?page_id=671","title":{"rendered":"Case Study 1"},"content":{"rendered":"<div class=\"hg-luxe-page hg-single-case-page\">\n<header class=\"hg-premium-header\">\n    <a href=\"\/\" class=\"hg-premium-logo\" aria-label=\"Haresign Group home\"><br \/>\n      <img decoding=\"async\"\n        src=\"https:\/\/haresign-group.onyx-sites.io\/wp-content\/uploads\/2026\/02\/Haresign-Group-Website-Icons-01.png\"\n        data-light-logo=\"https:\/\/haresign-group.onyx-sites.io\/wp-content\/uploads\/2026\/02\/Haresign-Group-Website-Icons-01.png\"\n        data-dark-logo=\"https:\/\/haresign-group.onyx-sites.io\/wp-content\/uploads\/2026\/05\/Haresign-Group-Website-Icons-01-dark.png\"\n        alt=\"Haresign Group\"><br \/>\n    <\/a><\/p>\n<div class=\"hg-premium-nav-shell\">\n      <button class=\"hg-mobile-menu-toggle\" type=\"button\" aria-label=\"Open menu\" aria-expanded=\"false\"><br \/>\n        <span><\/span><br \/>\n        <span><\/span><br \/>\n        <span><\/span><br \/>\n      <\/button><\/p>\n<nav class=\"hg-premium-nav\" aria-label=\"Main navigation\">\n        <a href=\"\/?pagename=about\">About<\/a><br \/>\n        <a href=\"\/?page_id=753\">Bespoke Homes<\/a><br \/>\n        <a href=\"\/?page_id=661\">Projects<\/a><br \/>\n        <a href=\"\/?page_id=563\">Contact<\/a><br \/>\n      <\/nav>\n<p>      <a href=\"\/?page_id=563\" class=\"hg-premium-cta\">Enquire<\/a>\n    <\/div>\n<nav class=\"hg-mobile-menu\" aria-label=\"Mobile navigation\">\n      <a href=\"\/?pagename=about\">About<\/a><br \/>\n      <a href=\"\/?page_id=753\">Bespoke Homes<\/a><br \/>\n      <a href=\"\/?page_id=661\">Projects<\/a><br \/>\n      <a href=\"\/?page_id=563\">Contact<\/a><br \/>\n    <\/nav>\n<\/header>\n<p>  <main><\/p>\n<section class=\"hg-single-case-hero\">\n<div class=\"hg-single-case-hero-image\">\n        <img decoding=\"async\" src=\"https:\/\/haresign-group.onyx-sites.io\/wp-content\/uploads\/2026\/02\/DSC07709-683x1024.jpg\" alt=\"Modern Yorkshire cottage interior\">\n      <\/div>\n<div class=\"hg-single-case-hero-shade\"><\/div>\n<div class=\"hg-single-case-hero-inner\">\n<p class=\"hg-eyebrow hg-reveal\">Case Study<\/p>\n<h1 class=\"hg-reveal\">Modern Yorkshire Cottage<\/h1>\n<p class=\"hg-hero-copy hg-reveal\">\n          A refined residential project balancing traditional setting with contemporary execution, careful detailing and a premium finish.\n        <\/p>\n<p>        <a href=\"\/?page_id=661\" class=\"hg-button hg-button-glass hg-reveal\">Back to projects<\/a>\n      <\/div>\n<\/section>\n<section class=\"hg-single-case-copy\">\n<div class=\"hg-single-case-copy-inner\">\n<p class=\"hg-eyebrow hg-reveal\">Project overview<\/p>\n<h2 class=\"hg-reveal\">A considered transformation of a Yorkshire home.<\/h2>\n<p class=\"hg-reveal\">\n          This residential project was approached as a complete design and build journey, bringing together construction detail, interior finish and practical day-to-day living. Set within a traditional Yorkshire setting, the home required a careful balance of character, comfort and contemporary refinement.\n        <\/p>\n<p class=\"hg-reveal\">\n          Haresign Group delivered the project with a focus on quality, proportion and long-term use, creating a home that feels calm, considered and highly finished without losing its connection to its setting. From the main living spaces to the bespoke details, the result is a modern cottage shaped around how the property is lived in every day.\n        <\/p>\n<\/p><\/div>\n<\/section>\n<section class=\"hg-single-case-gallery\">\n<div class=\"hg-single-case-gallery-hint hg-reveal\">\n        <span>Swipe to explore<\/span>\n      <\/div>\n<div class=\"hg-single-case-gallery-track hg-reveal\">\n<figure>\n          <img decoding=\"async\" src=\"https:\/\/haresign-group.onyx-sites.io\/wp-content\/uploads\/2026\/10\/IMG_4683-e1791994543265.jpg\" alt=\"Modern Yorkshire cottage project image 1\"><br \/>\n        <\/figure>\n<figure>\n          <img decoding=\"async\" src=\"https:\/\/haresign-group.onyx-sites.io\/wp-content\/uploads\/2026\/10\/IMG_4685-e1791994534810.jpg\" alt=\"Modern Yorkshire cottage project image 2\"><br \/>\n        <\/figure>\n<figure>\n          <img decoding=\"async\" src=\"https:\/\/haresign-group.onyx-sites.io\/wp-content\/uploads\/2026\/10\/IMG_4692.jpg\" alt=\"Modern Yorkshire cottage project image 3\"><br \/>\n        <\/figure>\n<figure>\n          <img decoding=\"async\" src=\"https:\/\/haresign-group.onyx-sites.io\/wp-content\/uploads\/2026\/10\/IMG_4695.jpg\" alt=\"Modern Yorkshire cottage project image 4\"><br \/>\n        <\/figure>\n<\/p><\/div>\n<\/section>\n<p>  <\/main><\/p>\n<footer class=\"hg-clean-footer\">\n<div class=\"hg-clean-footer-inner\">\n<div class=\"hg-clean-footer-brand\">\n        <a href=\"\/\" aria-label=\"Haresign Group home\"><br \/>\n          <img decoding=\"async\"\n            class=\"hg-clean-footer-logo\"\n            src=\"https:\/\/haresign-group.onyx-sites.io\/wp-content\/uploads\/2026\/02\/Haresign-Group-Website-Icons-01.png\"\n            alt=\"Haresign Group\"><br \/>\n        <\/a><\/p>\n<p>Bespoke homes, commercial spaces and specialist construction delivered with precision.<\/p>\n<div class=\"hg-footer-social-v2\">\n          <a class=\"hg-footer-social-v2-link hg-footer-social-v2-facebook\" href=\"#\" aria-label=\"Facebook\"><\/a><br \/>\n          <a class=\"hg-footer-social-v2-link hg-footer-social-v2-instagram\" href=\"#\" aria-label=\"Instagram\"><\/a><br \/>\n          <a class=\"hg-footer-social-v2-link hg-footer-social-v2-linkedin\" href=\"#\" aria-label=\"LinkedIn\"><\/a>\n        <\/div>\n<\/p><\/div>\n<div class=\"hg-clean-footer-bottom\">\n<div class=\"hg-clean-footer-left\">\n          <span>\u00a9 Haresign Group<\/span><br \/>\n          <a href=\"\/privacy-policy\/\">Privacy Policy<\/a>\n        <\/div>\n<p>        <span>Design. Build. Renovate.<\/span>\n      <\/div>\n<\/p><\/div>\n<\/footer>\n<\/div>\n<p><script>\ndocument.addEventListener(\"DOMContentLoaded\", function () {\n  const reveals = document.querySelectorAll(\".hg-reveal\");<\/p>\n<p>  if (\"IntersectionObserver\" in window) {\n    const revealObserver = new IntersectionObserver(function (entries, observer) {\n      entries.forEach(function (entry) {\n        if (!entry.isIntersecting) return;<\/p>\n<p>        entry.target.classList.add(\"is-visible\");\n        entry.target.setAttribute(\"data-hg-revealed\", \"true\");<\/p>\n<p>        observer.unobserve(entry.target);\n      });\n    }, {\n      threshold: 0.04,\n      rootMargin: \"0px 0px -2% 0px\"\n    });<\/p>\n<p>    reveals.forEach(function (item) {\n      const section = item.closest(\"section, footer\");\n      const sectionItems = section ? Array.from(section.querySelectorAll(\".hg-reveal\")) : [];\n      const localIndex = sectionItems.indexOf(item);<\/p>\n<p>      item.style.transitionDelay = Math.min(localIndex * 70, 260) + \"ms\";\n      revealObserver.observe(item);\n    });\n  } else {\n    reveals.forEach(function (item) {\n      item.classList.add(\"is-visible\");\n    });\n  }<\/p>\n<p>  const header = document.querySelector(\".hg-premium-header\");\n  const toggle = document.querySelector(\".hg-mobile-menu-toggle\");\n  const menu = document.querySelector(\".hg-mobile-menu\");<\/p>\n<p>  if (header && toggle && menu) {\n    toggle.addEventListener(\"click\", function (event) {\n      event.preventDefault();\n      event.stopPropagation();<\/p>\n<p>      const isOpen = header.classList.toggle(\"is-menu-open\");<\/p>\n<p>      toggle.setAttribute(\"aria-expanded\", isOpen ? \"true\" : \"false\");\n      toggle.setAttribute(\"aria-label\", isOpen ? \"Close menu\" : \"Open menu\");\n    });<\/p>\n<p>    menu.querySelectorAll(\"a\").forEach(function (link) {\n      link.addEventListener(\"click\", function () {\n        header.classList.remove(\"is-menu-open\");\n        toggle.setAttribute(\"aria-expanded\", \"false\");\n        toggle.setAttribute(\"aria-label\", \"Open menu\");\n      });\n    });<\/p>\n<p>    document.addEventListener(\"click\", function (event) {\n      if (!header.contains(event.target)) {\n        header.classList.remove(\"is-menu-open\");\n        toggle.setAttribute(\"aria-expanded\", \"false\");\n        toggle.setAttribute(\"aria-label\", \"Open menu\");\n      }\n    });\n  }<\/p>\n<p>  const logo = document.querySelector(\".hg-premium-logo img\");\n  let ticking = false;\n  let currentLogoMode = \"\";<\/p>\n<p>  function preloadLogo(url) {\n    if (!url) return;\n    const img = new Image();\n    img.src = url;\n  }<\/p>\n<p>  if (logo) {\n    preloadLogo(logo.getAttribute(\"data-light-logo\"));\n    preloadLogo(logo.getAttribute(\"data-dark-logo\"));\n  }<\/p>\n<p>  function updateLogoColour() {\n    if (!logo) return;<\/p>\n<p>    const lightLogo = logo.getAttribute(\"data-light-logo\");\n    const darkLogo = logo.getAttribute(\"data-dark-logo\");<\/p>\n<p>    if (!lightLogo || !darkLogo) return;<\/p>\n<p>    const logoRect = logo.getBoundingClientRect();\n    const logoPoint = logoRect.top + logoRect.height \/ 2;<\/p>\n<p>    const darkSections = document.querySelectorAll(\n      \".hg-single-case-hero, .hg-clean-footer\"\n    );<\/p>\n<p>    let shouldBeLight = false;<\/p>\n<p>    darkSections.forEach(function (section) {\n      const rect = section.getBoundingClientRect();<\/p>\n<p>      if (logoPoint >= rect.top + 8 && logoPoint <= rect.bottom - 8) {\n        shouldBeLight = true;\n      }\n    });\n\n    const nextMode = shouldBeLight ? \"light\" : \"dark\";\n\n    if (nextMode === currentLogoMode) return;\n\n    currentLogoMode = nextMode;\n    logo.src = shouldBeLight ? lightLogo : darkLogo;\n  }\n\n  function handleScroll() {\n    if (ticking) return;\n\n    ticking = true;\n\n    window.requestAnimationFrame(function () {\n      updateLogoColour();\n      ticking = false;\n    });\n  }\n\n  handleScroll();\n\n  window.addEventListener(\"scroll\", handleScroll, { passive: true });\n  window.addEventListener(\"resize\", handleScroll);\n});\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>About Bespoke Homes Projects Contact Enquire About Bespoke Homes Projects Contact Case Study Modern Yorkshire Cottage A refined residential project balancing traditional setting with contemporary execution, careful detailing and a premium finish. Back to projects Project overview A considered transformation of a Yorkshire home. This residential project was approached as a complete design and build [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-671","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/haresigngroup.com\/index.php?rest_route=\/wp\/v2\/pages\/671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/haresigngroup.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/haresigngroup.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/haresigngroup.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/haresigngroup.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=671"}],"version-history":[{"count":7,"href":"https:\/\/haresigngroup.com\/index.php?rest_route=\/wp\/v2\/pages\/671\/revisions"}],"predecessor-version":[{"id":863,"href":"https:\/\/haresigngroup.com\/index.php?rest_route=\/wp\/v2\/pages\/671\/revisions\/863"}],"wp:attachment":[{"href":"https:\/\/haresigngroup.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}