Archive First | Codex Archive

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.