Atelier Version 1.0.0

Settings glossary

Every setting in Theme settings, in the order it appears. Generated from the theme's own schema, so it always matches what you see in the editor.

SettingValuesDefaultNotes
LogoImageUsed in the header, on the password page, and on gift cards.
Logo width on desktop60 to 320 px150
Logo width on mobile50 to 200 px110
FaviconImage32 x 32px .png recommended

Typography

Display type

SettingValuesDefaultNotes
Heading fontFontplayfair_display_n4A serif gives Atelier its editorial voice.
Heading size80 to 130 %100
Heading letter spacing-4 to 4-1Negative values tighten large headings. Applied in full to display sizes and at half strength to smaller headings.
Heading line height85 to 140 %100
Use uppercase headingsOn or offOff

Body type

SettingValuesDefaultNotes
Body fontFontjost_n4
Body text size90 to 120 %100
Body line height120 to 190 %160

Navigation and buttons

SettingValuesDefaultNotes
Navigation and button fontChoose from: Same as body font, Same as heading fontbody
Navigation and button letter spacing0 to 3012Wide spacing is what makes small uppercase type read as editorial.
Use uppercase navigation and buttonsOn or offOn

Colors

Each color scheme sets a background, body text, headings, secondary text, lines, an accent, button colors, and status colors. Sections refer to a scheme by name, so editing one updates every section that uses it.

Layout

SettingValuesDefaultNotes
Page widthChoose from: Narrow, Standard, Wide96rem
Page margin12 to 80 px24
Vertical rhythmChoose from: Compact, Standard, Spacious, EditorialspaciousSets the space between sections across the whole store.
Corner radius0 to 16 px0Applies to inputs, buttons, and media. Atelier is designed for square corners.
Show section numbersOn or offOnPrints a small running number above section headings, like a printed magazine.

Animations

SettingValuesDefaultNotes
Content revealChoose from: None, Fade in, Fade and riserise
Image hover effectChoose from: None, Zoom, Show second imageswap

Product cards

SettingValuesDefaultNotes
Image shapeChoose from: Adapt to image, Portrait, Square, Landscapeportrait
Text alignmentChoose from: Left, Centerstart
Show vendorOn or offOff
Show color swatchesOn or offOnShows a swatch for each value of the option chosen below.
Swatch option nameTextColorMust match the product option name exactly.
Show quick addOn or offOn

Badges

SettingValuesDefaultNotes
Show sale badgeOn or offOn
Show sold out badgeOn or offOn

Product page

SettingValuesDefaultNotes
Media layout on desktopChoose from: Stacked, Two column grid, Carouselstacked
Keep product information visible while scrollingOn or offOn
Show sticky add to cart bar on mobileOn or offOn
Open images full screen when clickedOn or offOn
Unavailable variantsChoose from: Show as unavailable, Show with a line throughstrike

Collection pages

SettingValuesDefaultNotes
Products per page8 to 4824
Products per row on desktopChoose from: 2, 3, 43
Products per row on mobileChoose from: 1, 22
Filter layout on desktopChoose from: Drawer, Sidebardrawer

Cart

SettingValuesDefaultNotes
Cart typeChoose from: Drawer, Pagedrawer
Show order noteOn or offOn
Show accelerated checkout buttonsOn or offOn
Show recommended products in the cart drawerOn or offOn
SettingValuesDefaultNotes
Show results as visitors typeOn or offOn
Show collections in resultsOn or offOn
Show journal articles in resultsOn or offOn
Show pages in resultsOn or offOff
Suggested linksMenumain-menuShown before a visitor has typed anything.

Social media

SettingValuesDefaultNotes
InstagramText
TikTokText
PinterestText
FacebookText
YouTubeText
XText

Social sharing image

SettingValuesDefaultNotes
ImageImageShown when a link to your store is shared. 1200 x 628px recommended.

Currency format

SettingValuesDefaultNotes
Show currency codesOn or offOffAdds the currency code next to prices, such as $10.00 CAD.
← Pages and blogAdvanced →