WorkspaceOffprint — artists cooperative index
Find your next idea/Create
STUDIO PICK · TEMPLATE

Offprint — artists cooperative index

A bold typographic exhibition index with alternating color panels, poster numbers and discipline filters.

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):
HTML5 UP: https://html5up.net/
Responsive template catalog: contrasting editorial, split-screen, gallery and article-led compositions.
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>OFF<br />PRINT.</b><span>AN ARTISTS' COOPERATIVE.<br />A WORK IN PROGRESS.</span
    ><strong>↗</strong>
  </header>
  <section class="off-title">
    <h1>MADE HERE.<br /><i>SEEN DIFFERENTLY.</i></h1>
    <p>Print, image, object and the interesting places in between.</p>
  </section>
  <nav>
    <button data-kind="all" aria-pressed="true">EVERYTHING</button
    ><button id="change" data-kind="print">PRINT</button><button data-kind="image">IMAGE</button
    ><button data-kind="object">OBJECT</button>
  </nav>
  <section class="posters">
    <article data-kind="print" style="background: #c85540">
      <div><span>PRINT / EXHIBITION</span><b>01</b></div>
      <h2>THE SHAPE OF A QUESTION</h2>
      <i>◒</i>
      <p>OCTOBER 2026<br />THE SHARED ROOM</p>
    </article>
    <article data-kind="image" style="background: #9fafd1">
      <div><span>IMAGE / EXHIBITION</span><b>02</b></div>
      <h2>LIGHT, LEFT OVER</h2>
      <i>◐</i>
      <p>OCTOBER 2026<br />THE SHARED ROOM</p>
    </article>
    <article data-kind="object" style="background: #d4c567">
      <div><span>OBJECT / EXHIBITION</span><b>03</b></div>
      <h2>THINGS THAT ALMOST FIT</h2>
      <i>▧</i>
      <p>OCTOBER 2026<br />THE SHARED ROOM</p>
    </article>
  </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:30 UTC

Keep the ideas flowing.

Explore the library
HELP KEEP THE WORKSHOP USEFUL

Report this creation
ONE QUICK CHECK

Continue?