Skip to content

Theme v1.0.0Shopify Dawn 15.4.1

Theme Settings

Theme settings are the store-wide styles every section reads from. Open them from the theme editor with the gear icon in the left sidebar. This page lists each group with its options and default value.

Overview

GroupWhat it controls
LogoLogo image, desktop logo width and favicon.
ColorsThe color schemes every section chooses from.
TypographyFour font slots and the style of each heading level.
HeaderSwitches between the custom header and the standard header, and the mobile menu type.
LayoutPage width, section spacing, section corners, grid gaps and global section padding.
AnimationsScroll reveal and hover effects.
Buttons, Variant pills, InputsBorder and shadow for interactive elements.
Product, Collection and Blog cardsCard style, alignment, color scheme, border and shadow.
Content containers, MediaBorder and shadow for text boxes and images.
Dropdowns and pop-ups, DrawersBorder and shadow for menus, modals and slide-out panels.
BadgesSale and sold-out badge position, shape and color.
Brand informationHeadline, description and image for the footer brand block.
Social mediaLinks used by social icons across the theme.
Search behaviorPredictive search suggestions.
Currency formatWhether prices show currency codes.
CartCart type, cart note, drawer collection and cart recommendations.
LicenseYour licence activation key.
SettingIDOptionsDefault
LogologoImage—
Widthlogo_width50–300px100px
FaviconfaviconImage, shown at 32 × 32px—

Colors

Color schemes are covered in full on Typography & Colors.

Typography

SettingIDOptionsDefault
Body fonttype_body_fontShopify font libraryWork Sans
Subheading fonttype_subheading_fontShopify font libraryWork Sans Medium
Heading fonttype_header_fontShopify font libraryAnonymous Pro
Accent fonttype_accent_fontShopify font libraryAnonymous Pro
Paragraph sizetype_size_paragraph10–18px14px
H1–H6type_*_h1 … h6Font, size, line height, letter spacing, caseSee Typography & Colors
SettingIDDefaultNotes
Enable Custom Headerenable_custom_headerOffUses the NAVEGaid header with image mega menus and a card-based mobile drawer.
Enable Custom Mobile Menuenable_mobile_menu_customOffBuilds the mobile menu from header blocks instead of your menu.

See Header and Navigation.

Layout

SettingIDOptionsDefault
Page widthpage_width1000–2400px1200px
Space between template sectionsspacing_sections0–100px0px
Section corner radiussection_corner_radius0–80px0px
Grid horizontal spacespacing_grid_horizontal4–40px8px
Grid vertical spacespacing_grid_vertical4–40px8px
Section padding (desktop)padding_horizontal / padding_vertical0–100px8px
Section margin (desktop)margin_horizontal / margin_vertical0–100px8px
Section padding (mobile)padding_*_mobile0–100px8px
Section margin (mobile)margin_*_mobile0–100px8px

Global padding is opt-in per section

The section padding and margin values apply to custom sections that have Use global spacing switched on. Sections with it off keep their own padding. See shared section controls.

Animations

SettingIDOptionsDefault
Reveal sections on scrollanimations_reveal_on_scrollOn / offOn
Hover effectanimations_hover_elementsNone, Vertical lift, 3D liftNone

Borders and shadows

Buttons, variant pills, inputs, cards, content containers, media, pop-ups and drawers each have their own border (thickness, opacity, corner radius) and shadow (opacity, horizontal offset, vertical offset, blur). Defaults:

GroupBorderOpacityRadiusShadow opacity
Buttons1px100%0px0%
Variant pills1px55%40px0%
Inputs1px55%0px0%
Product / Collection / Blog cards0px0%0px10%
Content containers0px0%0px0%
Media1px5%0px0%
Dropdowns and pop-ups1px10%0px0%
Drawers1px10%—0%

Shadows need opacity

Shadow offsets and blur do nothing while shadow opacity is 0%. Raise the opacity first.

Card options

Product, collection and blog cards also share these options:

SettingOptionsDefault
StyleStandard, CardStandard
Image padding0–20px0px
Text alignmentLeft, Center, RightLeft
Color schemeAny schemescheme-2

Badges

SettingIDOptionsDefault
Position on cardsbadge_positionBottom left, Bottom right, Top left, Top rightBottom left
Corner radiusbadge_corner_radius0–40px40px
Sale badge color schemesale_badge_color_schemeAny schemescheme-5
Sold out badge color schemesold_out_badge_color_schemeAny schemescheme-3

Brand information and social media

Brand information (headline, description, image and image width) fills the footer’s Brand information block. Social media holds links for Facebook, Instagram, YouTube, TikTok, X / Twitter, Snapchat, Pinterest, Tumblr and Vimeo; social icons appear wherever a section has social icons switched on.

SettingIDDefault
Search suggestionspredictive_search_enabledOn
Product vendorpredictive_search_show_vendorOff
Product pricepredictive_search_show_priceOff

Currency format

Currency codes (currency_code_enabled, on by default) adds the currency code to storefront prices. Cart and checkout always show codes.

Cart

SettingIDOptionsDefault
Typecart_typeDrawer, Page, Popup notificationPopup notification
Vendorshow_vendorOn / offOff
Cart noteshow_cart_noteOn / offOff
Collectioncart_drawer_collectionCollection, shown in an empty drawer—
Color schemecart_color_schemeAny schemescheme-1
Show recommendation product cartshow_recommendation_in_cartOn / offOff
Product Recommendationproduct_recommendationsProduct list—

See Cart & Checkout.

License

License key (license_key) holds your activation code. See Installation.

Was this page helpful?

Tell us whether this page answered your question.