Curio / Rock On App

04 Configure

Theme settings

Every switch in Theme settings, what it does, and what it is set to out of the box.

Theme settings is the gear icon at the bottom of the left column in the theme editor. These settings apply to the whole store. Anything set on an individual section overrides them there.

SettingDefaultNotes
Logo imagenoneFalls back to your store name set in monospace. Transparent PNG or SVG.
Logo width120px50–250px. Curio’s masthead is deliberately restrained.
Faviconnone32×32 PNG recommended.

Colors#

Five schemes ship ready to use. Each has six roles, and each section in the theme picks a scheme by number, so recoloring the store is a matter of editing these rather than hunting through sections.

SchemeCharacter
1 — ManilaWarm paper. The default, and what the theme was designed in.
2 — CounterClean white with a blue accent. The most neutral option.
3 — KraftDeeper card stock. Good for a warmer, older-stock feel.
4 — SurplusDark olive.
5 — CarbonNear-black with a cool accent.

The roles, and what each one paints:

RoleUsed for
BackgroundThe page behind everything
TextBody text, headings, and the hairline rules, which are drawn from the text color
SurfaceCard and image backgrounds — a close sibling of the background, sharing its text color. Also secondary buttons.
AccentLinks, condition stamps, and focus outlines
Button, Button labelPrimary buttons

Two things worth knowing before you change these:

  • Keep contrast. All five schemes ship above the WCAG AA thresholds. If you drop a pale accent onto a pale background, links become unreadable for some shoppers and Shopify’s own accessibility checks will flag it. Adjust the accent rather than the background when a pair looks wrong.
  • Gradients are available but off. Curio’s identity is flat print. A gradient background will work, and will read as a different theme.

Typography#

Two font pickers, with different jobs.

SettingDefaultUsed for
Primary fontSystem sans-serifHeadings, body text, navigation
Ledger fontSystem monospacePrices, tags, stamps, tables, labels, buttons
Heading size scale100%90–125%, scales the whole heading ladder

Both default to system fonts, which means zero font downloads and a measurably faster store. Changing them to a hosted font from Shopify’s library costs real load time; it can be worth it, but spend it knowingly.

There is one rule the design depends on, and the theme enforces it for you: the primary font is sentence case, the ledger font is uppercase. Long text is never set in the ledger font. That contrast is what keeps a print-primitive look from tipping into pastiche.

Layout#

SettingDefaultRange
Page width1440px1200–1600px
Page margin24px16–64px — the minimum gutter on small screens
Section spacing64px40–96px — vertical space between sections
SettingDefaultNotes
Show breadcrumbsonA trail above the content on everything except the home page
Show a back-to-top buttononAppears once you have scrolled. No JavaScript involved.

Ledger marks#

The dial between “working stock ledger” and “sharp minimal shop”. Turn any of these off and the layout stays intact — the marks simply stop being drawn.

SettingDefaultWhat it controls
Show lot numbersonThe No. 001 numbering on cards and grids
Show condition stampsonStamped grade chips everywhere they appear
Tilt stamps and notesonThe slight rotation on stamps. Off is cleaner and more corporate.
Show receipt perforation and barcode marksonThe cart’s receipt treatment

Product cards#

SettingDefaultNotes
Image fitShow full imageShow full image sits the whole photo on a card mat — the right choice for mixed, inherited photography. Fill the frame crops to fill, for a consistent shot library.
Show vendoron
Show condition stamponNeeds curio.condition_grade
Show quick viewonOpens the product in a dialog from the grid. Loads only when clicked.
Show quick addoffSingle-variant products only, where one click is unambiguous

Badges#

Badges read your own data — a compare-at price, a publish date, tracked inventory. One badge shows at a time. Nothing here can invent a claim.

SettingDefaultNotes
Show badgesonThe master switch
Show a reduced badgeonRequires a compare-at price higher than the price
Reduced badge showsWordingOr a calculated percentage off
Show a low stock badgeoffOnly for products with inventory tracking on
Low stock at31–20
Count as new for0 daysDays since publishing. 0 turns the new badge off.

Sold lots#

SettingDefaultNotes
Enable sold archiveoffSold-out products stay browsable with a sold stamp instead of dropping out
Show price on sold lotsonWhat it went for. Some dealers want this, some do not.

Turning the archive on changes what a sold product page does: a grayscale gallery, a SOLD overstamp, a struck price, and a bordered notice with a link onward. It is off by default because it only makes sense once you actually have an archive worth showing. See the sold archive.

Cart#

SettingDefaultNotes
Cart typeDrawerDrawer slides in over the page; Page navigates to /cart
Show cart noteonA free-text note field, which resale buyers use constantly
Show Sign in with ShoponRequires customer accounts to be enabled
Offer gift wrappingoffSee gift wrapping
Gift wrapping productnoneThe product added as the wrapping line

Motion#

SettingDefaultNotes
Reveal sections as they scroll inonAlways disabled for shoppers whose system asks for reduced motion

Curio has exactly one hover gesture: elements press 2px into their own shadow. There is no setting for it, and no carousel autoplay anywhere in the theme.

SettingDefaultNotes
Show search suggestions while typingonProducts, collections, pages, and articles. The script loads on first interaction with the search field, not on page load.

Social media#

Six link fields — Instagram, TikTok, X, Facebook, YouTube, Pinterest. Paste the full URL. Only the ones you fill in are drawn, and the icons appear in the footer when Show social icons is on there.

Follow on Shop#

SettingDefaultNotes
Show Follow on Shop buttononLets Shop app users follow your store from the footer