0

Skip to Content

Package Builder

INQUIRY FORM

Price List

FAQ

BUILD YOUR RECORD

Package Builder

INQUIRY FORM

Price List

FAQ

BUILD YOUR RECORD

Package Builder

INQUIRY FORM

Price List

FAQ

BUILD YOUR RECORD

Colorful background with the text 'COMING SOON' in red and orange, and a wavy green line above the text.

Ready to go now? We’re pressing.

Email us at records@objectperm.com

and we can get you started.

A man working with colorful and black vinyl records in a factory setting, with shelves, equipment, and a large window visible in the background.

  
    <style>
.op-merch-section,
.op-merch-section * { box-sizing: border-box; }

.op-merch-section {
  --op-red: #ff340a;
  --op-lilac: #d8c5ff;
  --op-cream: #f7f2e9;
  --op-midnight: #000b21;
  color: var(--op-midnight);
  background: var(--op-lilac);
  border: 1.5px solid var(--op-midnight);
  font-family: Arial, Helvetica, sans-serif;
  padding: clamp(28px, 4vw, 64px);
}

.op-merch-top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  gap: 28px;
  padding-bottom: clamp(22px, 3vw, 36px);
  border-bottom: 1.5px solid var(--op-midnight);
}

.op-merch-kicker,
.op-merch-card-label {
  margin: 0 0 10px;
  color: var(--op-red);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .14em;
  text-transform: uppercase;
}

.op-merch-title {
  max-width: 820px;
  margin: 0;
  font-size: clamp(38px, 5vw, 78px);
  font-weight: 900;
  letter-spacing: -.055em;
  line-height: .88;
  text-transform: uppercase;
}

.op-merch-intro {
  max-width: 510px;
  margin: 20px 0 0;
  font-size: clamp(15px, 1.2vw, 18px);
  line-height: 1.45;
}

.op-merch-all {
  display: inline-flex;
  min-height: 54px;
  align-items: center;
  justify-content: center;
  padding: 0 24px;
  border: 1.5px solid var(--op-midnight);
  color: var(--op-midnight) !important;
  background: transparent;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .08em;
  text-decoration: none !important;
  text-transform: uppercase;
  white-space: nowrap;
  transition: background .2s ease, color .2s ease;
}

.op-merch-all:hover {
  color: #fff !important;
  background: var(--op-midnight);
}

.op-merch-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.op-merch-card {
  min-width: 0;
  padding: clamp(18px, 2.4vw, 34px);
  color: var(--op-midnight) !important;
  text-decoration: none !important;
}

.op-merch-card + .op-merch-card {
  border-left: 1.5px solid rgba(0, 11, 33, .45);
}

.op-merch-image-wrap {
  position: relative;
  overflow: hidden;
  aspect-ratio: 1 / 1.06;
  background: var(--op-cream);
}

.op-merch-image-wrap::after {
  content: "";
  position: absolute;
  right: 12px;
  bottom: 12px;
  width: 42px;
  height: 42px;
  border: 1.5px solid var(--op-midnight);
  background: var(--op-lilac);
  transform: rotate(4deg);
  transition: transform .25s ease, background .25s ease;
}

.op-merch-image-wrap::before {
  content: "↗";
  position: absolute;
  z-index: 2;
  right: 23px;
  bottom: 19px;
  font-size: 20px;
  font-weight: 700;
}

.op-merch-card:hover .op-merch-image-wrap::after {
  background: var(--op-red);
  transform: rotate(-4deg);
}

.op-merch-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}

.op-merch-card:hover .op-merch-image {
  transform: scale(1.025);
}

.op-merch-card-info {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: start;
  padding-top: 18px;
}

.op-merch-card-label {
  grid-column: 1 / -1;
  margin-bottom: -2px;
}

.op-merch-name,
.op-merch-price {
  margin: 0;
  font-size: clamp(17px, 1.45vw, 23px);
  font-weight: 800;
  line-height: 1.05;
}

.op-merch-price {
  color: var(--op-red);
  white-space: nowrap;
}

.op-merch-foot {
  display: flex;
  justify-content: center;
  padding-top: 28px;
  border-top: 1.5px solid var(--op-midnight);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: .14em;
  text-align: center;
  text-transform: uppercase;
}

section.page-section:has(.op-merch-section) {
  min-height: 0 !important;
  padding: 0 !important;
}

section.page-section:has(.op-merch-section) .content-wrapper,
section.page-section:has(.op-merch-section) .content,
section.page-section:has(.op-merch-section) .sqs-layout,
section.page-section:has(.op-merch-section) .sqs-row,
section.page-section:has(.op-merch-section) .sqs-block,
section.page-section:has(.op-merch-section) .sqs-block-content {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

@media (max-width: 767px) {
  .op-merch-section {
    border-left: 0;
    border-right: 0;
    padding: 28px 20px 30px;
  }

  .op-merch-top {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .op-merch-title {
    font-size: clamp(42px, 14vw, 62px);
  }

  .op-merch-all {
    width: 100%;
  }

  .op-merch-grid {
    grid-template-columns: 1fr;
  }

  .op-merch-card {
    padding: 24px 0;
  }

  .op-merch-card + .op-merch-card {
    border-top: 1.5px solid rgba(0, 11, 33, .45);
    border-left: 0;
  }

  .op-merch-image-wrap {
    aspect-ratio: 1 / .96;
  }

  .op-merch-name,
  .op-merch-price {
    font-size: 19px;
  }
}
</style>

<section class="op-merch-section" aria-labelledby="op-merch-title">
  <div class="op-merch-top">
    <div>
      <p class="op-merch-kicker">Wear the permanence</p>
      <h2 class="op-merch-title" id="op-merch-title">OP merch.<br>Made to live in.</h2>
      <p class="op-merch-intro">Studio gear for record people—bold, comfortable, and designed by Object Permanence.</p>
    </div>
    <a class="op-merch-all" href="/op-merch">Shop all merch →</a>
  </div>

  <div class="op-merch-grid">
    <a class="op-merch-card" href="/op-merch/p/oversized-op-sport-tee-1">
      <div class="op-merch-image-wrap">
        <img class="op-merch-image" src="https://images.squarespace-cdn.com/content/v1/69a77bb544011153f5a56791/1778014027125-1J08NVB4CPJ69P54M594/all-over-print-oversized-cotton-t-shirt-white-front-69fa573c8a108.jpg?format=750w" alt="Object Permanence oversized sport tee" loading="lazy">
      </div>
      <div class="op-merch-card-info">
        <p class="op-merch-card-label">Featured merch</p>
        <h3 class="op-merch-name">Oversized OP Sport Tee</h3>
        <p class="op-merch-price">From $40.50</p>
      </div>
    </a>

    <a class="op-merch-card" href="/op-merch/p/op-sport-crop-tank-1">
      <div class="op-merch-image-wrap">
        <img class="op-merch-image" src="https://images.squarespace-cdn.com/content/v1/69a77bb544011153f5a56791/1781122767104-XTROPKJ0XAHT23EFA4V7/all-over-print-cotton-crop-top-white-front-6a29c6bfb1bb8.jpg?format=750w" alt="Object Permanence sport crop tank" loading="lazy">
      </div>
      <div class="op-merch-card-info">
        <p class="op-merch-card-label">Featured merch</p>
        <h3 class="op-merch-name">OP Sport Crop Tank</h3>
        <p class="op-merch-price">$26.00</p>
      </div>
    </a>

    <a class="op-merch-card" href="/op-merch/p/unisex-op-sport-shorts-1">
      <div class="op-merch-image-wrap">
        <img class="op-merch-image" src="https://images.squarespace-cdn.com/content/v1/69a77bb544011153f5a56791/1778013972803-0JG8Q0JPPNJTR65O927W/all-over-print-unisex-cotton-shorts-white-front-69fa57056d8e2.jpg?format=750w" alt="Object Permanence unisex sport shorts" loading="lazy">
      </div>
      <div class="op-merch-card-info">
        <p class="op-merch-card-label">Featured merch</p>
        <h3 class="op-merch-name">Unisex OP Sport Shorts</h3>
        <p class="op-merch-price">From $38.50</p>
      </div>
    </a>
  </div>

  <div class="op-merch-foot">Designed in Salem · Made for record people · Shop small</div>
</section>
  
  