WorkspacePantry Neighbor — food cooperative
Find your next idea/Create
TEMPLATE

Pantry Neighbor — food cooperative

A friendly grocery-notice layout with hand-drawn produce, ruled paper and an interactive collection-day selector.

S studioUpdated Oct 5, 2026Revision 1
Remix this Present Download
LIVE PREVIEW Isolated & interactive
<!-- Original layout, SVG/CSS artwork and JavaScript © 2026 XXC Templates. MIT License.
Visual pattern references (original code, names and content; no affiliation):
charity: water: https://www.charitywater.org/
A focused donation action and an impact narrative with clear supporting information.
Neocities: https://neocities.org/
Independent-web personality, small-site discovery and expressive personal spaces.
Illustrative sample content and data; no real accounts, payments, reservations or messages. -->
<main>
  <header>
    <b>pantry<br /><span>neighbor</span></b>
    <p>GOOD FOOD.<br />GOOD COMPANY.</p>
    <a href="#pickup">Find your pickup ↓</a>
  </header>
  <div class="pantry-hero">
    <div>
      <h1>A fuller table.<br />A closer<br /><em>community.</em></h1>
      <p>Fresh staples, shared fairly.<br />A neighborhood food cooperative concept.</p>
    </div>
    <div class="produce" aria-label="Original produce illustration">
      <svg viewBox="0 0 300 260">
        <path
          d="M70 144Q63 83 116 94Q169 76 160 140Q162 215 121 214Q73 222 70 144Z"
          fill="#c35d46"
        />
        <path d="M116 101Q127 56 166 79" fill="none" stroke="#537849" stroke-width="9" />
        <path d="M178 107L197 232 243 109Z" fill="#d79241" />
        <path
          d="M210 110Q171 69 181 44M210 110Q213 48 235 42M210 110Q266 65 272 76"
          fill="none"
          stroke="#64804b"
          stroke-width="9"
        />
        <path
          d="M41 213Q149 250 268 217"
          fill="none"
          stroke="#947750"
          stroke-width="2"
          stroke-dasharray="5 4"
        /></svg
      ><span>made for sharing ♡</span>
    </div>
  </div>
  <section id="pickup">
    <h2>This week's collection</h2>
    <div class="days">
      <button id="change" data-day="Tuesday / North Hall / 16:00–18:00">TUE<br /><b>06</b></button
      ><button data-day="Thursday / Market Room / 17:00–19:00">THU<br /><b>08</b></button
      ><button data-day="Saturday / Garden Gate / 10:00–12:00">SAT<br /><b>10</b></button>
      <p id="pickup-copy">Choose a day.<br />Bring a bag and a little curiosity.</p>
    </div>
  </section>
  <output data-status aria-live="polite"></output>
  <footer class="demo-note">Fictional brand · local interface demo · no information is sent</footer>
</main>
Revision history · 1 versions
v12026-10-05 18:26:29 UTC

Keep the ideas flowing.

Explore the library
HELP KEEP THE WORKSHOP USEFUL

Report this creation
ONE QUICK CHECK

Continue?