Text + image

<h2 style="white-space:pre-line">Flexible Workspace Solutions</h2>
<p>We offer flexible workspace solutions tailored to your needs, whether you need a private office, a dedicated desk, or a hot desk. Our flexible options allow you to choose the workspace that suits your business and work style, so you can focus on what you do best.</p>

Header text

Enjoy our open area seating by booking a day pass today! We have 12 drop-in desks & 20 lounge style seats for you to enjoy.

BOOK A DAY PASS - $25

<h2 style="white-space:pre-line">Private Office</h2>
<p>Our furnished private offices are ideal for individuals or small teams. Enjoy the privacy and focus that comes with having a space to call your own, while still benefiting from the vibrant community that surrounds you. </p>
<p>Starting at $900/month</p>

<h2 style="white-space:pre-line">Dedicated Desk</h2>
<p>For those who crave a bit more consistency, our dedicated desk spaces provide a designated area where you can set up shop. Customize your space with personal touches, and enjoy the convenience of leaving your belongings overnight in a secure environment.</p>
<p>Starting at $350/month</p>

<h2 style="white-space:pre-line;text-align:left">Shared Open Desks</h2>
<p>Plug into our buzzing community with flexible monthly or daily drop-in options in our collaborative open area.</p>
<p>Starting at $25/day or $250/month</p>

Embed

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>The Addition GR — Plans</title>
<link href="https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

  body {
    background: #F5F2EE;
    font-family: 'DM Sans', -apple-system, 'Helvetica Neue', Arial, sans-serif;
    padding: 56px 40px 64px;
  }

  .header {
    text-align: center;
    margin-bottom: 44px;
  }

  .eyebrow {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: #9C7B52;
    margin-bottom: 10px;
  }

  .headline {
    font-family: 'DM Serif Display', Georgia, serif;
    font-size: 40px;
    color: #1E1C19;
    line-height: 1.1;
    margin-bottom: 12px;
  }

  .subline {
    font-size: 15px;
    color: #6B6660;
    font-weight: 300;
  }

  .table-wrap {
    width: 100%;
    border-radius: 16px;
    overflow: hidden;
    border: 1px solid #DDD8D0;
    background: #fff;
  }

  table {
    width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
  }

  thead tr.plan-row th {
    padding: 0;
    vertical-align: top;
    border-bottom: 1px solid #DDD8D0;
  }

  .th-feature {
    background: #F5F2EE;
    padding: 28px 24px 24px;
    text-align: left;
    vertical-align: bottom !important;
    width: 22%;
  }

  .th-feature .feature-label {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #9C7B52;
  }

  .plan-header {
    padding: 24px 20px 20px;
    text-align: center;
    border-left: 1px solid #DDD8D0;
    background: #fff;
    width: 19.5%;
  }

  .plan-header.featured {
    background: #1E1C19;
  }

  .popular-badge {
    display: inline-block;
    background: #9C7B52;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    padding: 4px 10px;
    border-radius: 20px;
    margin-bottom: 10px;
  }

  .plan-name {
    font-family: 'DM Serif Display', Georgia, serif;
    font-size: 18px;
    color: #1E1C19;
    margin-bottom: 4px;
    display: block;
  }

  .plan-header.featured .plan-name { color: #F5F2EE; }

  .plan-price {
    font-size: 28px;
    font-weight: 600;
    color: #1E1C19;
    line-height: 1;
    display: block;
    margin-bottom: 2px;
  }

  .plan-header.featured .plan-price { color: #fff; }

  .plan-cadence {
    font-size: 12px;
    color: #9A9490;
    font-weight: 300;
  }

  .plan-header.featured .plan-cadence { color: #8A8580; }

  .plan-note {
    font-size: 11px;
    color: #9A9490;
    margin-top: 6px;
    display: block;
    font-style: italic;
  }

  .plan-header.featured .plan-note { color: #7A7570; }

  tbody tr { border-bottom: 1px solid #EDE9E3; }
  tbody tr:last-child { border-bottom: none; }

  tbody tr.section-divider td {
    background: #F5F2EE;
    padding: 8px 24px;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: #9C7B52;
    border-bottom: 1px solid #DDD8D0;
  }

  tbody tr td { padding: 14px 20px; vertical-align: middle; }

  .feature-name { font-size: 14px; color: #1E1C19; font-weight: 400; }

  .feature-name small {
    display: block;
    font-size: 11.5px;
    color: #9A9490;
    font-weight: 300;
    margin-top: 1px;
  }

  .cell { text-align: center; border-left: 1px solid #EDE9E3; }
  .cell.featured { background: #F8F6F1; }

  .check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #EAF4EC;
  }

  .check svg { display: block; }

  .dash {
    display: inline-block;
    width: 16px;
    height: 2px;
    background: #D8D3CB;
    border-radius: 1px;
    vertical-align: middle;
  }

  tfoot tr td {
    padding: 20px;
    border-top: 1px solid #DDD8D0;
    vertical-align: middle;
  }

  tfoot tr td.cta-feature { background: #F5F2EE; }

  tfoot tr td.cta-cell {
    text-align: center;
    border-left: 1px solid #DDD8D0;
  }

  tfoot tr td.cta-cell.featured { background: #F8F6F1; }

  .cta-btn {
    display: inline-block;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    letter-spacing: 0.03em;
    border: 1.5px solid #1E1C19;
    color: #1E1C19;
    background: transparent;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
  }

  .cta-btn:hover { background: #1E1C19; color: #F5F2EE; }

  .cta-btn.primary {
    background: #9C7B52;
    color: #fff;
    border-color: #9C7B52;
  }

  .cta-btn.primary:hover { background: #7A5F3C; border-color: #7A5F3C; }

  .footer-note {
    text-align: center;
    margin-top: 24px;
    font-size: 12px;
    color: #9A9490;
  }

  .footer-note a { color: #9C7B52; text-decoration: none; }
  .footer-note a:hover { text-decoration: underline; }
</style>
</head>
<body>

<div class="header">
  <p class="eyebrow">Workspace Plans</p>
  <h1 class="headline">Find your perfect fit.</h1>
  <p class="subline">Flexible options for freelancers, remote workers, and growing teams — no long-term lease required.</p>
</div>

<div class="table-wrap">
  <table>
    <thead>
      <tr class="plan-row">
        <th class="th-feature"><span class="feature-label">Compare plans</span></th>

        <th class="plan-header">
          <span class="plan-name">Day Pass</span>
          <span class="plan-price">$25</span>
          <span class="plan-cadence">per day</span>
          <span class="plan-note">or 10-pack for $200</span>
        </th>

        <th class="plan-header featured">
          <span class="popular-badge">Most Popular</span>
          <span class="plan-name">Open Desk</span>
          <span class="plan-price">$250</span>
          <span class="plan-cadence">per month</span>
          <span class="plan-note">or $25/day drop-in</span>
        </th>

        <th class="plan-header">
          <span class="plan-name">Dedicated Desk</span>
          <span class="plan-price">$350</span>
          <span class="plan-cadence">per month</span>
        </th>

        <th class="plan-header">
          <span class="plan-name">Private Office</span>
          <span class="plan-price">$900<span style="font-size:16px;font-weight:400">+</span></span>
          <span class="plan-cadence">per month</span>
        </th>
      </tr>
    </thead>

    <tbody>
      <tr class="section-divider"><td colspan="5">Access</td></tr>

      <tr>
        <td class="feature-name">24/7 Keycard Access</td>
        <td class="cell"><span class="dash"></span></td>
        <td class="cell featured"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
      </tr>

      <tr>
        <td class="feature-name">Dedicated desk space<small>Leave your setup overnight</small></td>
        <td class="cell"><span class="dash"></span></td>
        <td class="cell featured"><span class="dash"></span></td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
      </tr>

      <tr>
        <td class="feature-name">Private furnished office<small>Ideal for individuals or small teams</small></td>
        <td class="cell"><span class="dash"></span></td>
        <td class="cell featured"><span class="dash"></span></td>
        <td class="cell"><span class="dash"></span></td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
      </tr>

      <tr class="section-divider"><td colspan="5">Amenities</td></tr>

      <tr>
        <td class="feature-name">Free Coffee</td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell featured"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
      </tr>

      <tr>
        <td class="feature-name">Free Parking</td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell featured"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
      </tr>

      <tr>
        <td class="feature-name">Printing Services</td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell featured"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
      </tr>

      <tr>
        <td class="feature-name">Private Phone Booths</td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell featured"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
      </tr>

      <tr>
        <td class="feature-name">Ultrafast Fiber WiFi</td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell featured"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
      </tr>

      <tr class="section-divider"><td colspan="5">Community</td></tr>

      <tr>
        <td class="feature-name">Conference Room Access<small>Video conferencing equipped</small></td>
        <td class="cell"><span class="dash"></span></td>
        <td class="cell featured"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
      </tr>

      <tr>
        <td class="feature-name">Member Events<small>Networking, workshops & socials</small></td>
        <td class="cell"><span class="dash"></span></td>
        <td class="cell featured"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
      </tr>

      <tr>
        <td class="feature-name">Podcast & Green Screen Studio</td>
        <td class="cell"><span class="dash"></span></td>
        <td class="cell featured"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
        <td class="cell"><span class="check"><svg width="13" height="10" viewBox="0 0 13 10" fill="none"><path d="M1.5 5L5 8.5L11.5 1.5" stroke="#2D7A3A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg></span></td>
      </tr>
    </tbody>

    <tfoot>
      <tr>
        <td class="cta-feature"></td>
        <td class="cta-cell">
          <a class="cta-btn" href="https://theadditiongr.optixapp.com/book/">Book a Day</a>
        </td>
        <td class="cta-cell featured">
          <a class="cta-btn primary" href="https://theadditiongr.optixapp.com/book/">Get Started</a>
        </td>
        <td class="cta-cell">
          <a class="cta-btn" href="https://theadditiongr.optixapp.com/signup/subdomain?plans=123,465&products=786,901">Reserve Now</a>
        </td>
        <td class="cta-cell">
          <a class="cta-btn" href="mailto:hello@theadditiongr.com">Inquire</a>
        </td>
      </tr>
    </tfoot>
  </table>
</div>

<p class="footer-note">All plans are month-to-month and include free parking. Questions? <a href="https://theadditiongr.com">Contact us →</a></p>

</body>
</html>

List

Amenities

<p>Using our keycard system, members will have access to the building 24/7</p>

24/7 Access

<p>Ultrafast fiber WiFi and direct ethernet connections available</p>

WiFi

<p>Free Coffee for members &amp; guests</p>

Coffee

<p>Two conference rooms readily equipped for video conferencing</p>

Free to use license. Please attribute source back to "useproof.com".

Conference Rooms

<p>Two Private Phone Booths for brief private calls or meetings</p>

Some of the Unsplash Team fam working together 🤘

Private Phone Booths

<p>Record your very own dad jokes podcast in our on site media room</p>

Podcast & Green Screen Studio

<p>We include free parking for our members and guests</p>

Taking during a brief stint as a member at one of Brooklyn's coolest coworking spaces, Bat Haus (https://www.bathaus.com/). Friendly community, regular events, and a beautiful space.

Compare plans	Day Pass $25 per day or 10-pack for $200	Most Popular Open Desk $250 per month or $25/day drop-in	Dedicated Desk $350 per month	Private Office $900+ per month
Access
24/7 Keycard Access
Dedicated desk spaceLeave your setup overnight
Private furnished officeIdeal for individuals or small teams
Amenities
Free Coffee
Free Parking
Printing Services
Private Phone Booths
Ultrafast Fiber WiFi
Community
Conference Room AccessVideo conferencing equipped
Member EventsNetworking, workshops & socials
Podcast & Green Screen Studio
	Book a Day	Get Started	Reserve Now	Inquire