Duskline Theme docs

Start

Presets

Duskline comes with three presets: Duskline, Gilt and Rally. Each one is a complete starting point with its own colors, fonts, shapes and page layouts. Every setting and section is available in all three.

The three presets

SettingDusklineGiltRally
Made forSleepwear, loungewear and apparelJewelry and giftsSports gear and equipment
Heading fontMarcellusCormorant, at 115% sizeBarlow Condensed bold italic, uppercase, at 115% size
Body fontMulishJostBarlow
ColorsWhite, warm white, espresso and clayWarm white, deep green and burgundy with gold accentsWhite, navy and blue with lime accents
Button, input and image cornersPill buttons, 24px inputs, 16px imagesSquare (0px)4px
Page width1300px1400px1500px
Product cardsPortrait (4:5), left aligned, quick add onSquare, centered, quick add offPortrait (4:5), left aligned, vendor shown, quick add on
SwatchesSmall circlesMedium circlesSmall squares
Swatch option namesColor, Colour, Print, PatternMetal, Color, Colour, StoneColor, Colour, Colorway
Sale badge textSaleSalePercentage off
Hover effectNoneNoneLift
HeaderLogo center, menu left; shop panel on; transparent on the home pageLogo left, menu center; sticky on scroll up; transparent on the home pageLogo left, menu left; dark color scheme; not transparent
Product page mediaLarge first image, then two columnsCarousel with thumbnailsTwo-column grid, full screen width
Collection page4 columns, horizontal filters3 columns, filters in a drawer3 columns, vertical filters

All three presets include six color schemes and use the cart drawer. Settings that are not listed here start with the same values in every preset.

Duskline

The default preset. A calm, editorial look in warm neutrals with serif headings, pill buttons and softly rounded images. It suits sleepwear, loungewear and other apparel, with a size guide and a delivery estimate on the product page.

Home page sections, in order: Time of day hero, Featured collection (as a product row), Editorial band, Lookbook mosaic, Multicolumn (as a compact strip), Image with text, Testimonials and Collapsible content.

Product page: Title, Product rating, Price, Variant picker, Size guide, Inventory status, Buy buttons, Delivery estimate, Description, two Collapsible rows and Complementary products, followed by Product recommendations and Collapsible content sections. A Vendor block is included but hidden.

Gilt

A quiet, square-cornered look for jewelry and gifts: Cormorant headings, centered product cards with square images, and deep green and burgundy color schemes with gold accents. Quick add is off, so shoppers open the product page to choose.

Home page sections, in order: Time of day hero (full screen, centered text), Collection list, Featured collection, Image with text, Featured product, Gift guide, Multicolumn and Editorial band. The footer group starts with an Email signup section.

Product page: Carousel with thumbnails, with all media shown for every variant. Blocks include Text, Icons with text and Share. The cart suggestions heading is "Wear it with".

Rally

A bold, high-contrast look for sports gear and equipment: uppercase condensed headings, navy and blue color schemes with lime accents, small corner radius and the Lift hover effect. Product cards show the vendor, and sale badges show the percentage off.

Home page sections, in order: Time of day hero, Multicolumn (as a compact strip), Collection list, Featured collection (as a product row), Editorial band, Timeline, Image with text, Featured collection and Collapsible content.

Product page: Two-column grid media with Use the full screen width on, plus Vendor and SKU blocks. The cart page uses the ring progress style and shows the discount code field. The cart suggestions heading is "Complete your kit".

Switch presets

When you add the theme

On Duskline's page in the Shopify Theme Store, select the preset you want before you select Try theme. The theme is added to your theme library with that preset's settings, sections and page layouts.

In a theme you already have

  1. In the theme editor, select the Theme settings icon.
  2. Open Theme style and select Change theme style.
  3. Choose Duskline, Gilt or Rally, confirm, then save.

Changing the theme style replaces your theme settings, such as colors, fonts, corner radius and product card settings, with the preset's values. It does not change the sections on your pages, the header or the footer. To get a preset's page layouts as well, add the theme again from the Theme Store with that preset selected.

Duplicate your theme first

Changing the theme style overwrites the colors and fonts you have set. Use Duplicate in Online Store > Themes before you switch, so you can go back.

You can also get close to any preset by hand. Each difference in the table above is a normal setting, described in Theme settings and Sections.