---
id: "codex://object/archive-first"
archive_id: "archive-first"
slug: "archive-first"
url: "https://ndcodex.com/objects/archive-first/"
type: "artifact"
title: "Archive First"
summary: "Torn Frames. Most websites that sell art start by behaving like stores. Torn Frames started somewhere else. The work is not inventory first. It is object, archive, story. and only then commerce. That idea became the"
date_published: "2026-04-16T00:05:40.832Z"
date_modified: "2026-04-16T00:05:40.832Z"
status: "published"
visibility: "public"
language: "en-US"
axes:
  scale: "meso"
  depth: "structural"
  focus: "system"
  function: "comparative"
themes: []
constellations: []
tags: []
keywords:
  - "Artifact"
author:
  id: "nathan-davis"
  name: "Nathan Davis"
  designation: "Archive Operator"
  role: "Archive Operator"
  handle: "@nathandavis"
  avatar: "/media/people/nathan-davis.jpg"
  bio: "Designer, builder, and curator of the Codex Archive."
contributors:
  - id: "nathan-davis"
    name: "Nathan Davis"
    designation: "Archive Operator"
    role: "Archive Operator"
    handle: "@nathandavis"
    avatar: "/media/people/nathan-davis.jpg"
    bio: "Designer, builder, and curator of the Codex Archive."
relations: []
media:
  - kind: "image"
    src: "/media/pigeon/artifact/archive-first-01.jpeg"
    role: "hero"
    alt: "88303AF9 4C05 46C2 87A9 B76B42868808"
    capture: "[object Object]"
  - kind: "image"
    src: "/media/pigeon/artifact/archive-first-02.jpeg"
    role: "gallery"
    alt: "6D7D9340 8A7A 474C B411 012CCF091F96"
    capture: "[object Object]"
  - kind: "image"
    src: "/media/pigeon/artifact/archive-first-03.jpeg"
    role: "gallery"
    alt: "1987A29A D11C 4F22 AB05 B324FFA5B194"
    capture: "[object Object]"
---
Torn Frames

Most websites that sell art start by behaving like stores.

Torn Frames started somewhere else.

The work is not inventory first.  
It is object, archive, story—  
and only then commerce.

That idea became the spine of the site.

---

## ✦ THE SPLIT ✦

The build itself is straightforward:

- Astro  
- Decap CMS  
- Shopify  
- Netlify  

But the stack isn’t the interesting part.

The operating model is.

We made a deliberate split:

**Shopify = commercial truth**  
**Site = editorial + archival truth**

That division does real work.

Shopify handles what it’s built for:
- price  
- inventory  
- checkout  
- shipping  
- tax  
- order records  

The site handles what makes the work *legible as work*:
- title  
- quote  
- story  
- dimensions  
- materials  
- image treatment  
- featured state  
- archive state  
- post-sale presence  

That was the central decision.

Torn Frames is not a store with some art in it.  
It is an archive with commerce attached.

---

## ✦ WHAT FOLLOWED ✦

Once that was clear, everything else aligned.

### Visual language

We leaned into a dark, restrained gallery system.

Spacing mattered.  
Typography mattered.  
Hierarchy mattered.  
Image handling mattered.

The homepage stopped being a banner and became a composition:
- statement  
- object  
- negative space  

The goal was simple:

> make the work feel placed, not dropped.

---

### Shape-aware display

Most sites flatten artwork into identical containers.

We didn’t.

The pieces vary:
- tall and narrow  
- square  
- horizontal  

Instead of forcing uniformity, we built around difference.

- thumbnails respond to shape  
- page layouts respect proportion  
- detail views preserve presence  

The result feels closer to an exhibit than a grid.

---

### Real work as the system test

The shift from placeholders to real artwork changed everything.

Real objects expose weak assumptions:
- bad crops  
- awkward spacing  
- broken ratios  

That pressure made the system sharper.

The design didn’t just hold the work—  
it started learning from it.

---

## ✦ THE ARCHIVE LOGIC ✦

The artifact page is the center of gravity.

When a piece sells:

- the page stays live  
- the writing stays intact  
- the images remain  
- the object persists  

Only one thing changes:

the sale state

This matters.

A sale is not the disappearance of the object.  
It is a transition in its lifecycle.

---

## ✦ THE LOOP ✦

The operating rhythm became clear:

prepare images  
→ create CMS draft  
→ write the object  
→ create Shopify product  
→ link them  
→ publish  
→ deploy  
→ QA  

Editorial first.  
Commerce second.  
Publish third.

That order keeps the system sane.

---

## ✦ WHY IT WORKS ✦

Because each system does what it’s good at.

- CMS controls meaning and presentation  
- Shopify controls availability and transaction  
- Netlify handles delivery  

Nothing is overloaded.  
Nothing is pretending.

---

## ✦ THE MIDDLE ✦

There’s a tension most art sites fall into:

- storefront pretending to be a gallery  
- or gallery ignoring the reality of selling  

Torn Frames sits between those on purpose.

That middle is the idea.

---

## ✦ WHAT THIS IS ✦

A living archive of one-of-one collage objects.

The site’s job is to:
- preserve meaning  
- present the work with care  
- let commerce confirm availability  

without letting commerce define the object

---

## ✦ FINAL ✦

The system works when:

a piece can be published in minutes  
a piece can be purchased cleanly  
a sold piece still holds its place  

The object remains.

That’s the point.