<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>HEJIDESIGN | 合吉空间艺术</title>
    <meta
      name="description"
      content="HEJIDESIGN 合吉空间艺术，深圳创立的国际化室内设计公司，专注生活方式、建筑、室内与产品设计。"
    >
    <link rel="stylesheet" href="styles.css?v=20260709-1">
  </head>
  <body>
    <header class="site-header" data-header>
      <a class="brand-mark" href="#top" aria-label="HEJIDESIGN 首页">
        <span class="brand-line">
          <span class="brand-en">HEJIDESIGN</span>
          <span class="brand-divider" aria-hidden="true"></span>
          <span class="brand-cn">合吉空间藝術</span>
        </span>
        <small>LIFESTYLE / ARCHITECTURE / INTERIOR / PRODUCT</small>
      </a>
      <button class="nav-toggle" type="button" aria-label="打开导航" aria-expanded="false" data-nav-toggle>
        <span></span>
        <span></span>
      </button>
      <nav class="site-nav" data-nav>
        <a href="#studio">Studio</a>
        <a href="#work">Work</a>
        <a href="#press">Press</a>
        <a href="#contact">Contact</a>
      </nav>
    </header>

    <main id="top">
      <section class="hero" aria-label="HEJIDESIGN">
        <img src="assets/projects/hero-caparesh.jpg" alt="CAPARESH 餐厅外立面夜景" class="hero-media">
        <div class="hero-shade"></div>
        <div class="hero-content">
          <h1>HEJIDESIGN</h1>
          <div class="hero-actions">
            <a href="#work" class="button button-light">View Projects</a>
            <a href="#contact" class="button button-ghost">Start a Brief</a>
          </div>
        </div>
        <aside class="hero-meta" aria-label="Company highlights">
          <span>2017</span>
          <span>Shenzhen</span>
          <span>Global Press</span>
        </aside>
      </section>

      <section class="intro-band" id="studio">
        <div class="section-label">Studio</div>
        <div class="intro-copy">
          <h2>
            Founded in 2017 in Shenzhen, the multi-faceted internal design has come together to give
            a novel feeling to the space. Creative thought fuels nonstop design.
          </h2>
        </div>
      </section>

      <section class="services-section" aria-label="Design sectors">
        <div class="section-heading">
          <span class="section-label">Scope</span>
          <h2>Integrated spatial design across high-touch environments.</h2>
        </div>
        <div class="service-grid">
          <article>
            <span>01</span>
            <h3>F&amp;B</h3>
            <p>Restaurants, bars, cafes and social dining spaces.</p>
          </article>
          <article>
            <span>02</span>
            <h3>Retail</h3>
            <p>Boutique retail, flagship stores, pop-ups and displays.</p>
          </article>
          <article>
            <span>03</span>
            <h3>Office</h3>
            <p>Corporate headquarters and collaborative workplaces.</p>
          </article>
          <article>
            <span>04</span>
            <h3>Residence</h3>
            <p>Private homes, show flats, villas and luxury residences.</p>
          </article>
          <article>
            <span>05</span>
            <h3>Health</h3>
            <p>Sports, wellness, leisure and hybrid experience spaces.</p>
          </article>
          <article>
            <span>06</span>
            <h3>Exhibition</h3>
            <p>Museums, exhibition stands and cultural narratives.</p>
          </article>
        </div>
      </section>

      <section class="work-section" id="work">
        <div class="work-top">
          <div>
            <span class="section-label">Selected Work</span>
            <h2>Projects shaped by atmosphere, detail and commercial rhythm.</h2>
          </div>
          <div class="filter-tabs" role="tablist" aria-label="Project filters">
            <button class="filter is-active" type="button" data-filter="all" role="tab" aria-selected="true">All</button>
            <button class="filter" type="button" data-filter="F&B" role="tab" aria-selected="false">F&amp;B</button>
            <button class="filter" type="button" data-filter="Retail" role="tab" aria-selected="false">Retail</button>
            <button class="filter" type="button" data-filter="Office" role="tab" aria-selected="false">Office</button>
            <button class="filter" type="button" data-filter="Residence" role="tab" aria-selected="false">Residence</button>
            <button class="filter" type="button" data-filter="Health" role="tab" aria-selected="false">Health</button>
            <button class="filter" type="button" data-filter="Exhibition" role="tab" aria-selected="false">Exhibition</button>
          </div>
        </div>
        <div class="project-grid" data-project-grid></div>
      </section>

      <section class="press-section" id="press">
        <div class="section-heading">
          <span class="section-label">Press & Awards</span>
          <h2>Recognized by international design media and awards platforms.</h2>
        </div>
        <div class="press-layout">
          <ul class="press-list">
            <li><span>Restaurant &amp; Bar Design Awards</span><strong>Shortlist for Oasi Bistro and Modern Jungle</strong></li>
            <li><span>Frame Awards</span><strong>Longlist: Oasi Bistro, Still Plus</strong></li>
            <li><span>A' Design Award</span><strong>Bronze A' Design Award: Yes Thai Fusion Bistro</strong></li>
            <li><span>Women's Wear Daily</span><strong>Galia Lahav Flagship on Shanghai Bund</strong></li>
            <li><span>ArchDaily</span><strong>Ciao Amici, Lingers and selected published works</strong></li>
            <li><span>Retail Design Blog</span><strong>Retail, F&amp;B and workplace projects</strong></li>
          </ul>
        </div>
      </section>

      <section class="contact-section" id="contact">
        <div class="contact-copy">
          <span class="section-label">Contact</span>
          <h2>Have a new location, an innovative idea or a different business model? We would love to hear from you.</h2>
        </div>
        <div class="contact-actions">
          <a class="button button-dark" href="/cdn-cgi/l/email-protection#b7ded9d1d8f7dfd2ddded3d2c4ded0d999d4d8da"><span class="__cf_email__" data-cfemail="8ae3e4ece5cae2efe0e3eeeff9e3ede4a4e9e5e7">[email&#160;protected]</span></a>
        </div>
      </section>
    </main>

    <dialog class="project-dialog" data-dialog>
      <button class="dialog-close" type="button" aria-label="关闭项目详情" data-dialog-close></button>
      <img class="dialog-cover" src="" alt="" data-dialog-image>
      <div class="dialog-body">
        <div>
          <p class="eyebrow" data-dialog-type></p>
          <h2 data-dialog-title></h2>
        </div>
        <p class="dialog-description" data-dialog-description></p>
        <dl>
          <div><dt>Timeline</dt><dd data-dialog-year></dd></div>
          <div><dt>Location</dt><dd data-dialog-location></dd></div>
          <div><dt>Area</dt><dd data-dialog-area></dd></div>
        </dl>
      </div>
      <div class="dialog-gallery" data-dialog-gallery></div>
    </dialog>

    <footer class="site-footer">
      <span>HEJIDESIGN | 合吉空间艺术</span>
      <a href="http://cchaizhou.cn" target="_blank" rel="noreferrer">cchaizhou.cn</a>
    </footer>

    <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="projects-data.js?v=20260709-1"></script>
    <script src="app.js?v=20260709-1"></script>
  <script type="module" src="http://static.cloudflareinsights.com/beacon.min.js/vce701823e78c4301a35b7e07294d87301792088814092" integrity="sha512-UKNk8GbxkABxKcXYuLkO16EleLGUkcvJWtpSNmExE0Too3ZaFAxTscNWEc1OdAv5/BikHawapSCaiD2XCmp+Bw==" data-cf-beacon='{"version":"2024.11.0","token":"dff45f048603428b885e9ec87059eeeb","r":1,"spa":2}' crossorigin="anonymous"></script>
</body>
</html>
