Docs

Ring preset

The Ring preset of Combine: its theme style, fonts and colors, and the Theme settings it changes compared with the defaults.

Applies to: Combine 4.2.0 and later. Added in: Combine 1.0.0. Last checked: 2026-10-13 against Combine 4.2.0.

The Ring preset uses Instrument Serif for headings and section titles at large sizes, with DM Sans for body text and tall product images. Like every preset, it installs the same sections, blocks and templates as the others.

Where to find it: Theme settings → Theme style → Ring

Fonts and colors

  • Headings use Instrument Serif at a Base size of 90 px. Section titles also use Instrument Serif, at 20 px. Body uses DM Sans.
  • The header and the page are white with black text. The secondary background is light grey (#f2f2f2). The footer is near-black (#101010) with grey text (#b7b7b7).

Theme settings it changes

The Ring theme style changes these Theme settings from the setting defaults in Combine 4.2.0. Every other setting keeps its default.

Theme settings groupSettingRing value
TypographyHeadings Font family / Base sizeInstrument Serif / 90 px
TypographyBody Line height1.3
TypographySection titles Font family / Base sizeInstrument Serif / 20 px
ColorsBody Secondary background#f2f2f2
ColorsFooter Background / Text#101010 / #b7b7b7
LayoutMaximum page width1440 px
LayoutVertical space between sections140 px
Forms & buttonsForm elements Border radius8 px
Forms & buttonsButtons Border radius30 px
Product cardMedia aspect ratioTaller (2:3)
Product cardContainer inner spacing0 %
Product cardMedia border radius12 px
Product cardDiscount badge colorsLight grey #d7d7d7 background, black text
Product cardCustom badge 1 Text / TagVALUE BUNDLE / valuebundle, white with black text
Product cardCustom badge 2 Text / TagNEW / new, white with black text
CartEnable cart notesOff
CartShow cart recommendationsOff

Ring keeps Slide through product images on (the default), so product cards show a small slider of the product images.

How do I switch to the Ring preset?

Choose the Ring theme style in Theme settings → Theme style. This replaces your current Theme settings with the Ring values, so duplicate your theme first. The steps are in Combine presets.

You do not need to install the Ring preset from the Shopify Theme Store: every preset installs the same theme files.

Does the Ring preset include the demo store content?

No. The preset sets fonts, colors and Theme settings only. The products, images and pages of its demo store on the Shopify Theme Store are not added to your store. See Rebuild a Combine demo store.

On this page